此鱼非闲鱼也的博客

模块化详细总结 ECMAScript2015以后，原生js推出了模块化概念，称为ECMAScript Module,简称ESM。 现在主流浏览器都有很好的支持 模块化的作用 把复杂的问题分解成相对独立的模块，这样的设计可以 降低程序复杂性， 提高代码的重用， 有利于团队协作开发与后期的维护和扩展 模块化的核心 模块独立的作用域 如何导出模块内部数据 如何导入外部模块数据 独立模块作用域 一个文件就是模块，拥有独立的作用域，且导出的模块默认是处于 严格模式下,之前的文章有总结，小手点一点去看看严格模式

data-*嵌入自定义数据 使用 data-* 属性来嵌入自定义数据。也就是说这个data-*是可以用来存储数据的，data-的后面跟着自定义的变量名，比如data-name、data-pwd等等，后面再赋值，这个值就会被存储起来。获取数据时通过js来实现。 <!--data-id给button添加一个自定义属性id，值为3 --> <button data-id="3" catch:tap="fn">点击触发事件 </button> {{message}}

模块化是运行在服务器上的内容(本机，编译器),默认是严格模式 优点是按需加载 导出(export) 可以用export关键字将内容给其他模块，在最简单的例子中，可以将export放在任何变量、函数或类声明的前面，以将它们从模块中导出。 useModule.js如下： //两种导出形式的区别： //(1)默认形式：不用加任何修饰 //(2)自定义：导出的内容需要加{} // 导出变量 export...

Event记录所有相关事件及处理函数 三个方法：on()用来绑定事件、off()用来删除事件、dispatch()来执行触发后的事件 <script> //Event工具类 class Event{ events = {};//如果只需要一个,就不需要再添加constructor(){} /...

<script> //es6中的严格模式(代码规范) // 一、优点： // 1、使代码更加规范，避免一些错误 // 2、提高代码的编译效率，提升运行速度 // 3、消除代码的一些不安全之处，保证代码运行的安全 // 4、为新版本的js做好铺垫 // 二、影响： ...

为什么会出现模块化？ 大家都知道javascript是一种嵌入式脚本语言，初期是为了简单的页面交互逻辑。但是随着代码量的增加，项目也变得复杂，简单的javascript代码组织规范已经不适应了！于是Node.js中推出了模块化概念。 模块化有哪些优点？ （1）使代码结构更清晰，便于后期维护； （2）庞大的代码被分成若干模块，每个模块都有其独立的空间，避免了变量污染； （3）可以按需加载，提高程序性...

1、var与let的区别： （1）使用var可以重复声明变量，而let不可以 let a = 10; let a = 20; console.log(a); //使用let重复声明变量报错，如下 //Uncaught SyntaxError : Identifier ‘a’ has already been declared （2）var的作用域：全局作用域与函数作用域(局部作用域) let的作用...

展开运算符： … 在需要展开的数据前加…就可以将该目标的值取出 展开运算符： 不影响原有数据，对原有数据，做一个拷贝的动作 let arr = [‘a’, ‘b’, ‘c’]; let arr2 = [1, 2, …arr, 3, 4]; let arr3 = […arr]; console.log(arr2);//=>[1, 2, “a”, “b”, “c”, 3, 4] console....

解构：解开目标的整体结构 赋值：将目标中的数据，赋值到我们定义的变量中 解构的源(值)，解构赋值表达式的右边部分。 解构的目标，解构赋值表达式的左边部分。 解构赋值是对赋值运算的扩展 这里结构只能对数组，对象使用。 任何可以转化为obj，array的数据都可以使用解构。 1、对象的解构赋值 //注意点：{}中，名字必须和obj中保持一致，也就是说 变量名必须和属性名一致 let obj = { a...

箭头函数 注意：箭头函数在定义的时候，需要绑定一个变量 或者自调用 箭头函数的基本形式 () => 返回值 let fn = () => 2; console.log(fn()); 2. 形参 => 返回值 //只有一个参数的时候，可以省略() let fn2 = num => num*2; console.log(fn2(10)); 3. (形参,形参) => ...