前端自动化构建工具,前端工程化,前端模块化,前端组件化

前端自动化构建,前端工程化,模块化,组件化,

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设计的思想上,每一个交互部分,例如,导航,轮播图,侧边导航进行管理,每一个组件放在一个文件夹里面,文件家里面的组件不依赖于外部的代码,可以重复利用;