web前端开发技术

摘要： 移动端整页滑屏示例 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 阅读全文