模块化与webpack与w3c

什么是模块化？

就是将独立的代码功能拆解成块，在其他模块需要时加以引用

模块化的好处？

1. 更好分离按需加载
2. 减少命名冲突
3. 提高复用性和可维护性

es6的模块化语法

export规定暴露出的对外接口，import规定引用模块

什么是webpack？

webpack是一个模块打包工具，解决兼容问题，它可以打包出浏览器可以识别的js和css文件

webpack的打包流程

1. 用entry配置入口文件，output指定输出文件
2. 使用不同的loader加载器处理资源，编译与打包成浏览器可以解析的内容

webpack的基本功能

1. 代码转换：将scss转成css
2. 文件优化：压缩代码，压缩合并图片
3. 代码分割
4. 模块合并
5. 代码校验
6. 自动刷新和自动发布

w3c标准

1. 需要声明DOCTYPE：说明html的版本
2. 需要定义语言编码，正确定义js、css
3. 正确使用注释
4. 标签与属性名必须小写
5. 特殊符号必须用编码表示（>，<，&啥的）
6. 所有属性必须有属性值，所有标签必须合理嵌套
7. 给图片添加有意义的alt属性
8. form表单添加label