es6作为最新的js语言版本，有很多特性是不得不晓的。下面将语法中常用的分析出来，对应到基本对象类型的会在对象里描述。
所谓的数组，就是一些数据的集合，JS中没有集合的概念，所以集合也是数组的一种。如果你Java用的多，那么这个概念就有点儿难以理解，毕竟从Java的文意来说，集合的范围要远远高于数组。不过这是在JS中，那只能入乡随俗了。
向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。
JS中的iterator也有类似的功能，JS内部为一些数据结构实现了iterator迭代器的接口，让我们可以方便的使用
Immutable数据就是一旦创建，就不能更改的数据。每当对Immutable对象进行修改的时候，就会返回一个新的Immutable对象，以此来保证数据的不可变
目录 1.高级语法 1.1变量声明 1.2解构赋值 1.3函数参数名默认值 1.4箭头函数的this 1.5Map数据结构(Map集合) 1.6Set数据结构(Set集合) 1.7for...of遍历 1.8rest参数(形参...) 1.9扩展运算符(实参...) 2.模块化 2.1ES5 CommonJS解决方案 2.2ES6 mod
基本上所有的程序员都使用过javascript，我们在web中使用javascript，我们在服务器端使用nodejs，js给大家的第一映像就是简单，但是可能并不是所有人都系统的了解过js中的内置对象和数据结构。
可以通过var 来定义变量，他会自动匹配变量的数据类型，也可以使用 对应的 String , int 来指定定义的类型。
2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。
前置知识： Map和Set对象是在ES6中被引入的，作为一种由 key值标记的数据容器。 Map和Set对象承载的数据元素可以按照插入时的顺序，被迭代遍历。
diff算法用来计算出Virtual DOM中改变的部分，然后针对该部分进行DOM操作，而不用重新渲染整个页面，渲染整个DOM结构的过程中开销是很大的，需要浏览器对DOM结构进行重绘与回流，而diff算法能够使得操作过程中只更新修改的那部分DOM结构而不更新整个DOM，这样能够最小化操作DOM结构，能够最大程度上减少浏览器重绘与回流的规模。
输入一个字符串 在全局搜索被登记的 Symbol是否存在，如果不存在就登记输入的字符串。
代码也写了几年了，设计模式处于看了忘，忘了看的状态，最近对设计模式有了点感觉，索性就再学习总结下吧。
封闭第18天，做产品规划和后续培训新人，开始学习前端对应知识，JS和TS已经复习完毕，做整体大纲梳理，重点部分笔记分享。
说到web前端开发高级，必须要掌握的是HTML和css代码的优化，前端优化很重要，这是成功你进阶的道路上需要重视的知识点，面对代码优化，首先我们要学习的就是前端命名规范，HTML代码优化，和css代码优化。
一直没有找到一个合适的展示个人项目的模板，所以自己动手使用 Vue 写了一个。该模板基于 Markdown 文件进行配置，只需要按一定规则编写 Markdown 文件，然后使用一个 在线工具 转为 JSON 文件即可。下面是该项目的在线地址和源码。本文主要记录一下项目中用到的相关知识。
相同点： 1.都是循环遍历数组中的每一项； 2.在遍历中执行匿名函数都可以接收三个参数，分别为：遍历过程的每一项、遍历序号（索引值）、原数组； 3.执行的匿名函数中 的this都指向window。 不同点： map(): 根据遍历执行的匿名函数，对于原数组中的每个值产生一个对应的值，并返回一个新的数组，存在一个映射关系，并且不会改变原数组，不会对空数组进行检测。
上一篇Vite入门从手写一个乞丐版的Vite开始（上）我们已经成功的将页面渲染出来了，这一篇我们来简单的实现一下热更新的功能。
1.新建hello.js文件并写入：console.log("Hello World")
Set本身也是一个构造函数，用来生成Set，其参数可以是空，可以是数组，可以是类似数组的对象（比如NodeList）
写作不易，未经作者允许禁止以任何形式转载！ WeakMap 前置知识[深入浅出]JavaScript GC 垃圾回收机制 什么是WeakMap？ WeakMap是key / value的组合，key只接受对象，不接受基本类型，value可以为任意类型。 方法 set(key, value) 在WeakMap中设置一组关联对象，返回WeakMap对象 get(key) 返回key的关联对象，不存在时返回undefined has(key) 根据是否有key关联对象，放回一个Boolean值 delete(k
ES6不仅在语法上有很大的改进，在代码的组织结构上也有重大升级，ES6中新增加了像Set、WeakSet、Map、WeakMap、ArrayBuffer、TypedArray和DataView等数组结构；原生的模块化解决了复用、依赖、冲突、代码组织混乱的问题，让开发复杂的前端项目变得更加容易；类（class）的加入使JavaScript面向对象更加易于理解。
掌握fs同步方法 使用path 在测试代码目录创建目录data,创建文件data/class.js //class .js 文件 module.exports={ fun1:()=>'run fun1', fun2:()=>'run fun2' } 创建data/fun.js //fun.js module.exports=()=>'function run' 创建文件testNow目录，创建index.js写功能 const path = require('path'); const fs
希望这一篇文章能让你对 Map 有更好的理解，或者能够帮你理解 Map 和 WeakMap
类的继承在几年前是重点内容，有n种继承方式各有优劣，es6普及后越来越不重要，那么多种写法有点『回字有四样写法』的意思，如果还想深入理解的去看红宝书即可，我们目前只实现一种最理想的继承方式。
在上面的demo中, 我们全部都是使用循环来进行计算, 并且最后达到了我们想要的效果. 点击计算按钮, 查看计算结果:
这份文档整理了博主在前端项目中经常需要查阅ES6+的代码，并作出相应解释以及给出最新的代码示例。除此之外，博主还会偶尔会写上一些我的小技巧，也会注意提示这只是我的个人提议。
在render阶段更新Fiber节点时，我们会调用reconcileChildFibers对比current Fiber和jsx对象构建workInProgress Fiber，这里current Fiber是指当前dom对应的fiber树，jsx是class组件render方法或者函数组件的返回值。
vue2在初始化的时候，对data中的每个属性使用definepropery调用getter和setter使之变为响应式对象。如果属性值为对象，还会递归调用defineproperty使之变为响应式对象。
狭义一点来说，VDOM在数据形式上就是个js对象，一个描述了DOM节点的js对象。但是我们最终需要的是能够呈现在页面上的DOM，因此最终我们还需要根据VDOM来同步DOM。问题来了，同步DOM？DOM可是用户直观看到的东西，如果大动作更新DOM，那用户的看到的页面可能会延迟更新甚至出现闪烁状态，会造成用户体验极差。那怎么优化呢？
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
在前端开发的世界里，遍历是一个常见而重要的操作。它让我们能够浏览并操纵文档中的元素，为用户提供更加丰富和交互性的体验。而在 JQuery 中，遍历的方式多种多样，其中 for 循环是一种简单而灵活的选择。在本篇博客中，我们将探讨 JQuery 中的 for 循环，深入解析它的原理和用法。
ECMAScript 6.0（ 以下简称ES6） 是JavaScript语言的下一代标准。
搞定大厂算法面试之leetcode精讲19.数组 视频讲解（高效学习）:点击学习 数组操作的时间复杂度 Access：O(1) Search：O(n) Insert： 平均O(n)，最好的情况下O(1)，也就是在数组尾部插入O(1)，最坏的情况下O(n) Delete；平均O(n)，最好的情况下O(1)，也就是在数组尾部删除O(1)，最坏的情况下O(n) 283. 移动零 (easy) 动画过大，点击查看 方法1:两次遍历 思路：遍历数组，定义索引j为数组的第一个位置，遇上非0元素，让
仅将自己的理解做整理、归类并结合实际遇到的问题做记录，更推荐阅读 ECMAScript 6 入门。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
pop() 删除最后一个；push最后添加一个或者多个；reverse颠倒数组；shift删除第一个元素；unshift首部添加元素；concat衔接两个数组；join把数组按照指定字符变为字符；slice(1,1)截选数组元素；
在线聊天 在浏览网页的时候无意发现了弹幕这个玩意，于是我们简单去探究了一下弹幕其实是怎么产生的。 后来就接触到了“推送”这么一个概念，然后发现了goEasy这个服务商。 http://goeasy.io/cn/started goEasy能够将我们的数据实时进行推送，使用起来也是很方便的。 使用了goEasy以后，我们就可以实现实时推送了。那么就剩下弹幕是怎么弄的了。后来又去找到了JS的组件： http://yaseng.org/jquery.barrager.js/ 这个组件可以帮我们很方便地生成弹幕…
上篇文章：https://blog.csdn.net/qq_23853743/article/details/108034430
vector、list、queue看起来很容易混淆，其在C++中的区别，主要是在内存中的存储方式和支持的操作不同。
转载链接：https://blog.csdn.net/qq_54753561/article/details/122149197
在 React源码解析之FunctionComponent（中） 中，讲到了reconcileSingleElement()和reconcileSingleTextNode()：
上集说到ES6中set方法，在ES6中除了增加set方法之外，还考虑到一种场景——键值对的存储,而map集合就是专门存储多个键值对(key value pair)的数据。
本文介绍 JS 比较重要的12个概念，但绝对不是说 JS开发人员只需要知道这些就可以了。
请使用最基本的遍历来实现判断字符串 a 是否被包含在字符串 b 中，并返回第一次出现的位置（找不到返回 -1）。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
