1 Star 0 Fork 0

lechan / fed-e-task-02-01

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
README.md 1.39 KB
一键复制 编辑 原始数据 按行查看 历史
lingchen 提交于 2020-08-03 15:38 . 创建脚手架工具

fed-e-task-02-01

简答题

前端工程化

前端工程化可以从模块化、组件化、规范化、自动化四个方向来看。

1. 模块化:
将大文件拆分成互相依赖的小文件,在进行统一的加载的方式,比如AMD、CMD模块加载模式;css的less和sass的拆分模式;静态资源(图片、字体文件等)的加载。让多人协同成为可能。

2. 组件化:
从UI上拆分的每一个包含html+css+js的功能完整的结构单位我们可以称为组件,组件 != 模块。我们可以将若干小型组件组合成中型组件,再组合成大型组件,最后用在创建页面上,实现大部分代码的重用,不重复的复制代码。

3. 规范化
我们可以制定统一的目录结构、代码风格、接口规范等等

4. 自动化
- 自动创建项目初始目录结构和代码
- 启动开发服务器
- 自动构建文件,打包代码
- 自动化部署
- 自动化测试

脚手架工具的意义

脚手架让我们在创建新项目时不用重复的去复制原来项目的一些重复性文件,也不用去修改那些文件里面的一些项目配置(通过命令行交互实现了统一配置),可以让业务开发者不用去关注更多的框架细节,开箱即用。并且这样的脚手架可以运用在很多需要框架类似但不同业务的项目中。

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/lechan123/fed-e-task-02-01.git
git@gitee.com:lechan123/fed-e-task-02-01.git
lechan123
fed-e-task-02-01
fed-e-task-02-01
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891