大前端介绍
大前端是指在传统前端开发基础上,结合新的技术和工具,拓展前端开发能力,进一步提升用户体验和页面交互性。大前端开发涉及到多种技术领域,包括前端技术、移动端开发、桌面端开发等,旨在实现跨平台、跨终端的统一开发和用户体验。
在大前端开发中,前端开发人员需要掌握HTML、CSS、JavaScript等基础知识,同时也需要了解新兴的前端技术和框架,如React、Vue、Angular等,以及移动端开发技术,如React Native、Flutter等。此外,还需要了解前端性能优化、跨平台开发、响应式设计等相关知识。
前端模块化
模板化是在文件层面上,对代码和资源的拆分。就是将一个大文件拆分成相互依赖的小文件,再进行统一的拼装和加载。
那具体什么是模块化呢,举一个简单的例子,我们要写一个实现A功能的JS代码,这个功能在项目其他位置也需要用到,那么我们就可以把这个功能看成一个模块采用一定的方式进行模块化编写,既能实现复用还可以分而治之,同理在写样式的时候,如果我们需要某种特殊的样式,会在很多地方应用,那么我们也可以采用一定的方式进行CSS的模块化。具体说来,JS模块化方案很多有AMD/CommonJS/UMD/ES6 Module
等,CSS模块化开发大多是在less、sass、stylus
等预处理器的import/mixin
特性支持下实现的。
模块化不难理解,重点是要学习相关的技术并且灵活运用。
前端组件化
组件化是在设计层面上,对于UI的拆分。
组件化将页面视为一个容器,页面上各个独立部分例如:头部、导航、焦点图、侧边栏、底部等视为独立组件,不同的页面根据内容的需要,去盛放相关组件即可组成完整的页面。
组件具有独立性,因此组件与组件之间可以自由组合;当不需要某个组件,或者想要替换组件时,可以整个目录删除/替换。
前端自动化
“简单重复的工作交给机器来做”,自动化也就是有很多自动化工具(glup、webpack
)代替我们来完成,例如持续集成、自动化构建、自动化部署、自动化测试等等。之后的文章中作详细介绍
前端规范化
在项目规划初期制定的好坏对于后期的开发有一定影响。包括的规范有:
目录结构的制定、编码规范、前后端接口规范、文档规范、组件管理、代码包管理(SVN、Git
)、commit
提交代码备注描述规范、定期codeReview
、视觉图标规范.......