px
为css单位,build根据1rem=100px
(dpr=2)换算,所以用到了postcss-pxtorem。
以下是项目中webpack.config.js的主要配置:
然后出现了个“诡异”的问题,正常的.scss
文件中的px
都正常转成rem
了,但是当scss
文件中import了其他的scss
文件,引入的文件中的px不会被转成rem
。当时认为是pxtorem
插件的问题,还傻傻的去pxtorem
的GitHub上提了个issue。后面在postcss-loader的文档上找到了问题:
You can use it standalone or in conjunction with
css-loader
(recommended). Use it aftercss-loader
andstyle-loader
, but before other preprocessor loaders like e.gsass|less|stylus-loader
, if you use any.
就是postcss
要放到sass-loader
之前执行,所以改成下面问题就解决了:
介绍一种可以直接将svg创建icon-font字体的网站,https://icomoon.io/app,如下图所示,直接导入UI给的svg(最好提前用class的方式进行命名,方便后续使用)。
选择要导出的图标,点击“生成字体”按钮,在该页面可以预览要导出的字体图标及对应的编码。
点击设置,可以设置字体的名称和class前缀,还可以生成对应的sass、stylus、less文件等。
点击“download”,就可以下载字体,然后进行使用啦。
ng-src
标签,如:
|
|
其中imgUrl
为图片地址,如果图片正常能显示,那这么使用一点问题没有,但是,如果图片加载失败了(例如该图片已经不存在,从而出现404错误),在该放图片的地方就会出现一个难看的图片加载失败图标,如果想把这个图标换成你自定义的图片,可以如下这么做:
一、自定义指令(推荐)
HTML:
JavaScript:
这样一来,就把错误图标换成了你自己指定的地址errUrl
,前提是errUrl
这个图片是存在的。
二、使用onerror属性
使用这个方法,只适用于固定地址的图片,不能使用ng-bind的形式。
]]>
|
|
angular
进行开发的时候,出现了如下错误:
|
|
在网上找了一些资料,总结了下,需要在ng-repeat
、ng-if
等标签外面再加个div
标签,
加上了就没有报错。如果当前页面没有用到ng-repeat
、ng-if
之类的标签,就需要从父路由中找了。
错误前:
修改后:
Jekyll
的,然后也没发过博客。现在试试hexo
,以后就用它了。
]]>