模块化规范
文章平均质量分 65
前端三疯
这个作者很懒,什么都没留下…
展开
-
模块化开发
前言随着项目业务的复杂,项目会变越难以维护,模块化开发是解决这个问题的一种思路。合理拆分业务,按照一定规则将业务分模块开发,会提高开发效率,降低维护成本。模块化是一种思想,根据业务的不同和每个开发人员开发思维的不同,对于模块化的开发流程也会不同。模块化演变过程第一阶段:文件方式划分起初各个页面公用一个js文件,但是随着代码量的越来越多,在一个JS中代码很混乱,也不方便协同工作。所以拆分这个公用的JS, 随着JS文件的拆分,必然会引入很多的JS模块文件: <script src="./b.原创 2021-01-30 09:53:22 · 411 阅读 · 0 评论 -
模块化规范
Demo代码随着前端项目的越来越复杂,从代码的编写和维护角度来说,要对项目进行进行模块化开发,在此过程中产生很多模块化规范。CommonJS在CommonJS规范中,一个文件就是一个模块,通过module.exports提供对外的接口,通过require加载文件模块。module.exports是模块的导出接口,个人理解就是在module.exports对象上挂载变量和函数,在别的模块拿到这个对象。var x = 5var addx = function(value) { return原创 2021-01-30 09:48:19 · 236 阅读 · 0 评论 -
ES Module规范
DEMO源码特性目前浏览器基本都是支持ES Module规范,通过给script标签添加type=module标签就可以以 ES Module的标准执行JS代码。 <script type="module"></script>ES Module 自动采用严格模式,相当于在代码用添加use strict<script type="module"> console.log(this) </script>注意,在严格模式下,th原创 2021-01-23 16:24:52 · 503 阅读 · 0 评论