- 博客(4)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CSS属性overscroll-behavior控制容器滚动行为
Chrome63版本新特性中包含支持overscroll-behavior属性，此属性的功能是什么呢？我们会发现当子元素滚动到顶部或底部继续滚动滚轮时，会导致父元素的滚动，但这种行为有时会影响页面体验。使用该属性可以禁掉此行为。在子元素上应用overscroll-behavior: contain即可。其他属性值还有none, 该功能除了contain的功能外还会阻止节点的默认滚动行为，主要是移动端
2017-12-28 23:09:12
4662
原创 在Angular-cli中使用Pug(Jade)模板
之前介绍过如何在Angular项目中使用Pug模板，但是方法不是很“优雅”，暴露了不必要的loader模块，且Pug模板编写方法与HTML不尽相同，部分属性需要引号包起来。Angular实际是使用webpack进行打包的，那就可以直接修改webpack.config.js文件，添加pug文件的loader。直接写步骤吧。1 npm install pug-ng-html-loader --save-
2017-12-20 22:24:18
1585
原创 Chrome控制台提示“Slow network is detected. Fallback font will be used while loading”
新版本的Chrome在网络环境较差的时候会在控制台输出Slow network is detected. Fallback font will be used while loading，但有时会对调试造成不便，可以在chrome配置中禁用该项： 方法：地址栏输入chrome://flags/#enable-webfonts-intervention-v2，并设置为Disabled；重启Chrom
2017-12-19 23:13:35
56416
原创 不要（不建议）在Angular项目中使用hidden属性
如果想要隐藏某个DOM元素，在AngularJS中可以使用ng-show, ng-hide, 或者ng-if。Angular中其实使用了HTML原生的hidden属性进行元素显示隐藏，hidden属性其实是为元素添加了display: none样式。但问题在于如果这个元素被赋予了其他样式比如display: block之类的，那么他就会覆盖掉hidden样式，导致元素无法隐藏。AngularJ...
2017-12-03 22:01:32
9211
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人