摘要:
移动端整页滑屏示例 1 2 3 4 ... 阅读全文
摘要:
1、flex兼容性 根据caniuse(http://caniuse.com/#search=flex),flex布局在IE6-9不支持。 因此,flex布局主要应用在移动端。 2、基础测试代码 效果: 说明: 将父元素设置为flex布局后,子元素也默认成了弹性元素,子元素并会自动沿主轴方向横向排列 阅读全文
摘要:
1、section 将内容组织到精确的语义块,表示页面的一部分。 2、article article表示网页的一个文章、故事。 3、header (1)用在整页的页头 (2)section或者article的引言 4、footer (1)网页的页脚--联系人和版权 (2)定义section和arti 阅读全文
摘要:
良好的代码结构,HTML和css元素之间的关系,对于项目交付是很重要的! BEM解释: (1).block 是BEM的区块(B),包含内容和风格。如bootstrap框架的.container。 (2).block-element 代表自子容器(E)。如bootstrap框架的轮播图,.carous 阅读全文
摘要:
代码段 以上代码段就是闭包。 闭包使得函数可以继续访问定义时的词法作用域。 闭包实质:将内部函数传递到所在的词法作用域以外,内部函数仍然持有对原始定义作用域的引用。 once函数的实现: 阅读全文
摘要:
1、函数声明 2、函数表达式 3、区分 函数声明和函数表达式区分的简单方法: function关键词出现的位置,function若是第一个词,就是函数声明。 否则就是一个函数表达式。 4、区别 函数声明和函数表达式最重要的区别是:函数名称标识符的作用域会绑定在何处。 第一个代码段foo会绑定在所在的 阅读全文
摘要:
首先将作用域比喻为一座大楼: 第一层表示当前执行作用域。大楼顶层表示全局作用域。 (1)js首先会在当前楼层进行查找变量,如果没有找到,就做电梯往上一层(二层)楼查找。 (2)若还是没有找到继续往上查找,直到抵达顶层,即全局作用域。 (3)达到顶层后,无论是否找到变量,查找过程都将停止。 说明: ( 阅读全文
摘要:
1、webpack.config.js配置文件为: 2、package.json文件为: 3、命令行: 阅读全文
摘要:
1、安装 2、项目目录 layout文件夹下的footer.html文件为: layout文件夹下的head-common.html文件为: login.html文件为(已包含配置): 3、webpack.config.js文件为: 注:html-loade已经在login.html中配置好了。 4 阅读全文
摘要:
1、安装 2、项目目录: index文件夹下的index.css: index文件夹下的index2.css: index文件夹下的index-less.less: index文件夹下的index.js: login文件夹下的index.js: login文件夹下的login.css: 3、webp 阅读全文