摘要：
webpack（3.8.1版本） 他是一个前端资源加载或打包工具。例如：css,js,json,img等 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(depend 阅读全文
摘要：
自定义模块：也就是我们自己写的 1.配置模块说明文件 npm init 就会生成一个package.json的文件 main:index.js 我们的主文件是index.js index.js是这个包的输出文件，即便删除了package.json只要不改变index.js的文件名就没事，一旦改了就会 阅读全文
摘要：
web端 1.每个js都是一个模块，每个模块都必须有一个暴露接口，每个js文件有一个全局的方法叫require()用于引入模块。 2.模块 （1）node自带的模块（包）path url fs （2）第三方模块：weui jQuery axios zepto npm 全名 node packsge 阅读全文
摘要：
1.传统的开发模式：这个网页就写一个js，所有的特效都在这个里边 缺点：耦合度太高，代码关联性太强，不便于后期维护，会造成全局污染。 发生请求的次数太多，依赖模糊，难于维护 2.模块化开发 （1）为什么要使用模块化？ 减少代码之间的关联度，部署方便，更好的分离，按需要加载，比免命名冲突，容易维护。 阅读全文
摘要：
离线缓存：application cache 什么是离线缓存： 离线缓存可以将站点的一些文件缓存到本地，它是浏览器自己的一种机制，将需要的文件缓存下来，以便后期即使没链接网络，被缓存的页面也可以展示 离线缓存的优势： 提高用户的访问速度，节省流量； 如何实现离线缓存 1.在需要缓存文件的根节点 ht 阅读全文
摘要：
svg 矢量图 svg绘制矢量图；canvas用于绘制位图 svg使用xml格式绘制图形 svg要有一个根节点，叫svg标签，就相当于html svg如果不设置大小，默认占用面积300*150 定义矩形 rect标签 属性：width，height，x，y，rx，ry，fill，stroke-wid 阅读全文
摘要：
canvas画布 （位图） 1.不能再style中给canvas设置宽高，会有位移差 2.js中每次使用canvas，都要设置一个绘图环境，然后会得到一个对象，然后对其进行操作； var c=document.getElementById("") canvas标签的id值； var d=c.getC 阅读全文
摘要：
·email 电子邮箱文本框 ·tel 电话号码 （主要功能在移动端，一个键盘的切换） ·url 网页的url ·search 搜索引擎 （chrome下输入文字后，会多出一个关闭的x） ·range 特定范围内的数值选择器（min max step（步数）） ·number 只能包含数字的输入框 阅读全文
摘要：
·header 用于页面的头部或板块的头部 也可用于板块头部 ·footer 用于页面的头部或者板块的底部 ·nav 导航 ·hgroup 一个标题和子标题，或者是标语的组合 ·section 页面板块用于划分页面上 的不同区域或者划分文章里不同的节 ·article 用来在页面中 表示一套结构完整 阅读全文