大家好，我是盛达。上次做了一个js书评测，评价还不错。在做css和node之前，我想详细推荐几本书。今天国庆在家看了几本代表性的书。1.javascript高级编程【红皮书】2。javascript忍者秘籍3。你不知道的javascript【小黄皮书】。4.javascript语言精华与编程实践【绿皮书】5。javascript如何工作6，Javascript20二十年(电子八卦书)。我们先来看红宝书。本书一直是系统学习js的必备书籍。第四版比第三版多了很多。全书分为三大模块，全面使用最新语法。国庆那天，我详细看了Ecmascript语法的基本内容。高级操作新增迭代器、代理反射、About (Promise)三章dom浏览器宿主环境的bom及相关apijavascript apijs相关高级api新增模块及web worker最佳实践。这本书详细构建了整个javascript开发者需要的知识体系，所以推荐这本书作为系统学习的开始。看了2~3遍之后，再看剩下的高级和垂直领域的js书籍。我手里只有234个优秀版本，第四版已经换了作者。依然很精彩，系统化依然是红宝书最大的特点。借鉴了《冬天》的书评，这本书最大的特点就是系统化的前端教程，可以作为教材。这几年很多javascript的好书都是单点的。建议你先用这本书构建前端开发的知识体系，然后再去读其他的书和框架，打造前端程序员的核心竞争力。第四版的另一个特点是很多章节都有二维码。扫码就能看到这一节的官方解读，体验不错。不过如果视频能改成“大姑娘+露脸”就更好了。Ecmascript前三章对相关历史推荐《JavaScript 20年》，第二、三章是基础。用js基础随便翻翻就行了。值得注意的是，第二章增加了符号，第三章增加了位操作，这些都出现在vue3源代码中。位操作与vue3的组合静态标签中的patchFlag和react源代码中的EventFlag有关，必须了解。而且位操作本身就是组合权限的教研的最佳实践。按位或授权、按位和验证权限。除了了解vue3和react源代码，我们在开发组件时还会用到变量作用域和内存这一章，和第三版差不多。主要是明确原始类型和引用类型，用一个图就能看懂。帮助我们理解引用是很重要的，除了undefined，null，boolean，number，string，symbol是原值，传递的时候是影子副本，剩下的都是引用，或者指向自己。修改会有负面影响，还有作用域链的查询。随机变量推广，块级范围和封闭，很多发烧的面试官喜欢笔头测试题。与其刷题，不如一次性搞清楚。有了小黄书的第一本书，基本就说得通了。最后，垃圾收集是机制，有点像《梦之环游记》。一个人的死不是重点，被大家遗忘后才会被清除。变数也是。如何利用垃圾收集机制优化自己的代码？该书还对内置引用类型给出了一些中肯的建议。这两个主要是各种灾难的内置数据类型的细节，比如Date，Regex，math，集合的引用类型比如arr，obj，set，map等。值得注意的是，weakmap的讲解会帮助你理解vue3的源代码。当你看到书上解释Weak3握起来很弱，所以不会阻止垃圾收集的时候，我笑了，翻译的还是很可爱的，书上对stereotypes数组的解释也挺好的。迭代器，生成器，面向对象，还有代理自带的for循环，明显的缺点就是要会迭代。es6之后的迭代器就是为了理智解决这个问题，没有代码说它比较飘忽不定。大概意思是定义了一个迭代协议，只要我们实现了这个协议的要求，也就是说指定了键[Symbol.iterator]的行为，也就是可以通过迭代器消费。不一定非得是数组或者对象生成器，可以悬浮在函数内部，也就是*定义的生成器函数。当它在内部遇到yield时，它将暂停执行。已知调用next来恢复解释对象的可配置的执行。Enumberable、wirtable和value数据属性分别对应于数据是否被删除、是否通过for in循环访问、是否被修改以及实际值。详细介绍了一堆es6+增强语法，然后详细讲解了原型链和继承。增加了es6的类语法，配合小黄书第一册，以后你就是相关问题的专家了。和面试官有说有笑，然后学习vue3的必要代理和反射，读一本书的反应，然后学习vue3的反应性模块，在读完这一章之后进行巩固。大家基本上都知道比较好的功能和承诺然后是功能章节。大部分内容大家都很熟悉，关于尾部递归优化的部分值得关注。然后是最流行的契约和异步函数，包括基本用法，promise的合成策略，少数第三方扩展等。关于《无极》的翻译，我在上一篇评价里讲过。我问的是hax，是未来+承诺的组合，我觉得没必要翻译，但是如果翻译的话，我觉得合同还是挺准的。毕竟，这些术语总有一天要被翻译。否则技术书上的英文单词会随着promise和async await越走越远，我们可以写出更简洁易懂的代码，这也是现代前台必备的技能。这一章，加上对小黄皮书和绿皮书中承诺的分析，绝对是一个高级的必需品。以上都是js语言规范，然后推荐大家关注tc39的github，会有很多新的语法讨论。要了解新语法的来龙去脉，stage3的浏览器基本是第一，stage2是很有潜力的一天。比如，我更注重时间性来解决事件。类字段可以观看甚至参与语言的设计阶段，这绝对是一项必备技能。这里推荐关注我的技术偶像之一hax。Tc39委员会成员bom和dombom和客户端检测，然后是浏览器环境。所谓的bom和dom，bom没有太多细节。大家都很熟悉他们。窗口、位置控制导航、导航仪理解浏览器、历史操作、浏览历史等客户端检测章节主要是对各个浏览器进行判断。建议你看一下司徒梅铮的《javascript框架设计》，这是关于浏览器检测最深入的一篇。但是，在这个现代浏览器泛滥的时代，这个内容过一段时间就好了。回顾了dom的大部分内容，包括nodeType的12个数字的含义，常见的dom操作，将dom enlightenment作为回顾材料也是不错的。有一个新的MutationObserver接口值得关注。可以观察dom的变化，比如属性和子节点的变化，这些都可以记录下来。这用于监视客户行为并进行fmp性能统计，即在第一个屏幕呈现时。还可以设置不同元素的权重，比如视频权重高。现在算出一个关键的性能疗法fmp，所有这些都是非常有用的API，然后是一些扩展。大家都很熟悉，比如querySelector。关于dom遍历值得一提。使用NodeIterator和TreeWalker进行dom深度优先遍历非常方便，还有范围选择API，都值得一读。这些新的API可能会对vue和react的后续虚拟dom实现产生小的影响，之后再来回顾事件。他们里面关于ie兼容的内容有点多余。一般来说，事件的各个方面都有详细的描述，比如dom2和dom3的规范，界面事件，鼠标事件，滚轮，键盘，复合事件，触摸事件等。，但有些细节不详细。比如一次配置只能触发一次。这是我从vue3源码中学到的。然后是canvas，webgl的引入，表单脚本和解决错误的调试，以及解决xml。其实这部分第三版有JavaScript APIs就不多说了。剩下的统称为JavaScript APIs，基本都比第三版多。强烈推荐阅读理解。比如第20章是html5的一堆新api介绍，编码，文件，媒体元素，拖拽，通知，页面显示和隐藏，web组件，然后网络请求部分，除了xmlhttprequest和跨域，还有更多fetch api。Beacon api和websocket客户端存储，除了cookie，新加入的localstorage和indexdb的es6模块值得关注，讲解了模块系统的发展历史，但是我没有提到我最喜欢的seajs。除了es6本身的模块系统知识，差评还详细介绍了浏览器中的脚本。加入type=module后，直接支持导入语法，这也是vue3配套的vite工具的原理。我写了一篇关于vite源代码的文章，欢迎移步。通过阻止导入的请求，实现工程化，可能在不久的将来取代webpack的地位。如果你不努力学习，那么你就会成为一个网络工作者，翻译成工作者线程。感觉你还不如叫影子成员，不好意思，这一章还是挺有必要的。大部分js开发者都没有多进程的概念。学完这个，就知道我们遇到的是一个耗时的偷桃任务。我们可以用猴子和孙子来做，不耽误主要流程，讲西葫芦和七仙女一起从石头里蹦出来的故事，比如我们常见的面试问题，上传大文件。计算文件md5的任务是使用webworker的一个合适的场景。最后一个最佳实践是常见的优化策略。这部分只是介绍，后续还需要看其他书才能看到进阶水平。后面框架的推荐里有mooltools等过时的库，可以忽略。我还是以后做一个现代的工具推荐，在前台混几年比较好。总结了一套前端学习的强化视频和学习路线。如果有对前端开发感兴趣的伙伴，无论是想转行的，还是在校大学生，或者是想在工作中提升能力的web前端党，欢迎大家加入我的前端开发交流群:603985993。希望大家真诚交流！，与企业需求同步。 朋友在里面学习交流。大牛每天定时讲解前台技术！也可以关注我的微信微信官方账号:【前台学员】每天更新最新技术文章和干货。 总的来说，这本书绝对是前台的重要参考书。借鉴温特的书评，这本书最大的特点就是系统的前台教程，可以作为敲门砖。这几年很多javascript的好书都是单点建议。你要用这本书来构建前台开发的知识体系，然后再看看其他的书和框架，构建前台程序员的核心竞争力，推荐给大家。