前面的话 一般地，有两种自适应：撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为'fill-availabel'和'fit-content'。除此之外，还新增了更细粒度的'min-content'和'max-content'。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这四个自适应关键...

2018-06-24 01:51:13

什么是calc()? calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态...

2018-06-24 01:50:37

1、安装babel-loader 参考：http://babeljs.io/docs/setup/#installation 进入项目目录执行安装命名： npm install --save-dev babel-loader babel- corenpm install --save-dev babel-preset-latest babel-preset-latest 就是把所有es2015, es2016, es2017 全部包含在...

2018-06-24 01:51:08

JS无法更新原因： 浏览器为了加载快，默认是按照自定规则更新缓存，非实时更新。 我们在开发的时候，JS变动很快，需要即时让浏览器加载最新文件，也就是禁用浏览器缓存 （1） 使用F12进入开发者模式，找到Settings （2） 找到Network Disable cache (while DevTools is...

2018-06-24 01:51:11

1、entry entry的三种配置方式： （1）传递字符串： 单个入口语法：传递一个字符串 entry: './src/js/main.js', （2）传递数组 将创建多个主入口(multi-main entry)，并且将它们的依赖导向(graph)到一个chunk时。 entry: ['./src/js/main.js','./src/js/a.js'], 示例，...

2018-06-24 01:51:05

不太擅长总结，挺早的东西了，突然觉得都记录下来，小demo也比较简单，欢迎讨论指正。 之前 ui的设计稿选择框不想要默认样式，默认样式改起来也是太心塞，有的还改不了，所以干脆自己写了一个div模拟的选择框 先看效果吧： 代码实现不多，也都很简单，js部分是纯原声的...

2018-06-24 01:51:07

js四舍五入函数toFixed（），里面的参数 就是保留小数的位数。 1 script language ="javascript" 2 document.write( " h1JS保留两位小数例子/h1br " ); 3 var a = 2.1512131231231321 ; 4 document.write( " 原来的值： " + a + " br " ); 5 document.write( " 两位小...

2018-06-24 01:51:00

前面的话 CSS借鉴了SVG裁剪的概念，设置了clip-path样式，本文将详细介绍路径裁剪clip-path 概述 clip-path属性可以防止部分元素通过定义的剪切区域来显示，仅通过显示的特殊区域。剪切区域是被URL定义的路径代替行内或者外部svg，或者定义路线的方法 [注意]IE浏览器不...

2018-06-24 01:51:01

前面的话 本文将从DRY、currentColor、inherit和合理使用简写这几方面来详细介绍CSS编码技巧 DRY DRY，即don`t repeat yourself，尽量减少代码重复 在软件开发中，保持代码的DRY和可维护性是最大的挑战之一，而这句话对CSS也是适用的。在实践中，代码可维护性的最大要...

2018-06-24 01:50:38

响应式布局 响应式布局，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势...

2018-06-24 01:50:53