前端自动化构建,前端工程化,模块化,组件化,
1:前端自动构建工具webpack等,是为了前端的规范化,模块化,提高代码质量
在开发阶段:维护各种编译,检测,语法,JS,Css压缩,Less语法,语法降级,图片优化处理等插件,进行统一的管理;
在发布阶段:进行代码编译,错误检查,代码压缩,空格,注释处理,测试,发布
2:前端工程化
前端工程化是根据业务的特点,将前端的开发流程的规范化,标准化,它包括 开发流程,基础选型,代码规范,构建发布等,用于提升前端工程师的的开发的开发 效率和代码质量
3:前端模块化
模块化开发的思想,commonJs,AMD,CMD,ES6等模块化思想
后端模块化:
commonJs:不支持浏览器端,是后端nodejs用来进行模块化开发的,每一个js文件里面是一个模块,里面的变量和方法否是独立的,对外提供统一的的调用方法;
每一个js独立一个文件,通过module.export={name:name}对外提供访问的接口,外部则需要通过require('./js路径')来进行导出访问;
前端模块化:
AMD,需要配合require.js,一起使用,来支持浏览器
CMD,需要配合seajs.js,来一起使用,来支持浏览器
ES6,每一个模块的js单独放置一个js文件,通过export {name:name}来对外提供js的接口,外部的js通过,import name from './js地址'来进行访问,需要通过babel的降级处理,兼容浏览器
4:前端组件化
前端组件化:从ui设计的思想上,每一个交互部分,例如,导航,轮播图,侧边导航进行管理,每一个组件放在一个文件夹里面,文件家里面的组件不依赖于外部的代码,可以重复利用;