-
使用ESM模块
浏览器加载ESM 练习 小结 虽然Node.js从诞生起就支持模块，但JavaScript语言本身长期以来却一直没有模块功能，只能由CommonJS或其他AMD等模块系统来“模拟”。 随着ES 6标准的推出，JavaScript语言本身终于也迎来了原生内置的模块支持，称为ECMAScript Modules（简称ESM），不仅可以直接在浏览器中使用... -
标签函数
前面我们介绍了模板字符串 ，它可以非常方便地引用变量，并合并出最终的字符串： let name = '小明' ; let age = 20 ; let s = `你好, ${name}, 你今年${age}岁了!` ; console . log ( s ); 对于模板字符串，除了方便引用变量构造字符串外，... -
高阶函数
高阶函数英文叫Higher-order function。那么什么是高阶函数？ JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。 一个最简单的高阶函数： function add ( x , y , f ) { ret... -
更新DOM
练习 拿到一个DOM节点后，我们可以对它进行更新。 可以直接修改节点的文本，方法有两种： 一种是修改innerHTML 属性，这个方式非常强大，不但可以修改一个DOM节点的文本内容，还可以直接通过HTML片段修改DOM节点内部的子树： // 获取<p id="p-id">...</p> let p = document . getElem... -
RegExp
进阶 RegExp 切分字符串 分组 贪婪匹配 全局搜索 小结 练习 字符串是编程时涉及到的最多的一种数据结构，对字符串进行操作的需求几乎无处不在。比如判断一个字符串是否是合法的Email地址，虽然可以编程提取@ 前后的子串，再分别判断是否是单词和域名，但这样做不但麻烦，而且代码难以复用。 正则表达式是一种用来匹配字符串的强有力的武器。它... -
期末总结
JavaScript是一个古老的语言，它几乎是互联网前端唯一的选择，所以我们不得不学习并掌握它。 由于历史原因，JavaScript有许多设计错误，而许多人却喜欢炫耀使用一些让人看不懂的代码技巧，这是错误的。我们应当摒弃JavaScript的不合理设计，只使用它精华部分的特性，才能构建模块化、优雅、可扩展的代码。 祝大家都能学会这门互联网语言——Jav... -
Map和Set
Map Set 小结 JavaScript的默认对象表示方式{} 可以视为其他语言中的Map 或Dictionary 的数据结构，即一组键值对。 但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。 为了解决这个问题，最新的ES6规范引入了新的数据类型Map 。要测试你的浏览器是... -
动画
show / hide slideUp / slideDown fadeIn / fadeOut 自定义动画 串行动画 为什么有的动画没有效果 练习 用JavaScript实现动画，原理非常简单：我们只需要以固定的时间间隔（例如，0.1秒），每次把DOM元素的CSS样式修改一点（例如，高宽各增加10%），看起来就像动画了。 但是要用Java... -
错误传播
如果代码发生了错误，又没有被try … catch捕获，那么，程序执行流程会跳转到哪呢？ function getLength ( s ) { return s . length ; } function printLength () { console . log ( getLength ( 'abc... -
Array
every find findIndex forEach every every() 方法可以判断数组的所有元素是否满足测试条件。 例如，给定一个包含若干字符串的数组，判断所有字符串是否满足指定的测试条件： let arr = [ 'Apple' , 'pear' , 'orange' ]; console . log (...
