JavaScript Opening

α 产品经理有个需求-多列布局的实现 产品-彦祖 ： 家辉啊，我需要一个这样的场景展示数据，可以 自定义列数 ，后端数据返回的就是数组，你看你前端咋弄啊 切图仔-渣渣辉 ： 好的彦祖， 自定义多列

在我们日常开发中的时候经常会遇到一种业务场景，需要截断一些文字的显示。可能是一行或者两行，或者根据字数限制或者用户的显示屏幕大小来展示对应的文字。 响应式截断，当文本溢出的时候才显示省略号。 用伪元素模拟省略号，兼容性较好，但是展示有部分问题，可能需要结合部分 javascri…

promise 作为前端常用的工具，今天从底了解一下 promise 的使用和基础知识。 其中有出入或者错误的地方希望朋友们指出。 我们先明确：Promise 对象用于表示一个异步操作的最终完成 (或失败), 及其结果值. async/await 使得异步代码看起来像同步代码(…

不能修改值，const 声明的变量必须经过初始化。 以上 let 的规则同样适用于 const，但是跟 let 的区别是 const 声明的变量不能重新赋值，所以 const 声明的变量必须经过初始化。

有一个简单的需求，用户需要快捷的复制一些相关的信息，然后进行下一步信息的填写。前端这里需要做一个剪贴板方便用户体验。想直接参考 react 使用的可以看 使用react和typescript改写和优化一下 大概设计如下，有多条信息，然后用户可以点击右边的复制 icon 进行快捷…

单一责任（single responsibility）等等。 纯函数不改变原始的输入值。避免无用的副作用 当然并不是要禁止一切的副作用，而是说我们需要在可控的范围内去发生。 我们在初中开始学习函数的时候知道：函数是不同数值之间的特殊关系：每一个输入值返回且只返回一个输出值。 我…

JavaScript 是一种动态的类型语言，但这并不意味着要否定类型的使用。我们日常打交道的主要就是字符串、数值、布尔值等。虽然 JavaScript 语言成面上没有相关的集成。不过我们可以使用类型签名生成文档，也可以使用注释帮助我们区分类型。 有些朋友应该使用过一些 Java…

什么是声明式，我们将不再指示计算机如何工作，而是指我们明确希望得到的结果。这种编程方式会改变我们习以为常的命令式编程相比，会让我们的轻松许多。 和命令式不同，声明式意味着我们要写表达式，而不是一步一步的指示。 命令式的循环要求你必须先实例化一个数组，而且执行完这个实例化语句之后…

组合函数看起来像是在搭积木。你就是一个孩子，可以随意选择两个积木（函数），让它们拼接(结合)一下，拼接成一个新的玩具(函数)。组合的用法如下： 不可拆解，出厂的时候已经设计好了。 让代码从右向左运行，而不是由内而外运行，我觉得可以称之为“左派”（消音~）。我们来看一个顺序很重要…

curry 就是咖喱一样美好的工具性的拌料让我们的函数更加的易用、低耦合性。 curry 的概念很简单：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数。 你可以一次性地调用 curry 函数，也可以每次只传一个参数分多次调用。 在这个多彩的世界，有些事物对与我…

无论是否使用 await，异步函数都会返回 Promise。该 Promise 解析时返回异步函数返回的任何值，拒绝时返回异步函数抛出的任何值。

近期 review 自己以前的代码的时候，看到 promise 的使用方法，用的比较模糊。含义不清，用法凌乱，这里重新温习一下基础知识。 下面是👇新鲜出炉的下篇文章，结合 async 来让 promise 更好贴合我们的场景使用。 JavaScript 是单线程工作，但是浏览…

3、在一个文件或模块中，export、import 可以有多个，export default 只能导出一个。 4、通过 export 方式导出，在导出时需要加 { },export defalut则不需要。

将引用模块默认导出的名称。 要导入的模块。这通常是包含模块的.js文件的相对或绝对路径名，不包括.js扩展名。某些打包工具可以允许或要求使用该扩展；检查你的运行环境。只允许单引号和双引号的字符串。 引用时将用作一种命名空间的模块对象的名称。 要导入的导出名称。 将引用指定的导入…

适用于 正则表达式的有经验的朋友。 这样的话第一组就会 undefined，第二组变成第一组。只匹配不捕获分组

class 可以通过 extends 关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。 第一种情况，super 关键字作为函数调用。es6 中，子类的构造函数必须执行一次 super（记住我们可以不写 constructor 和 super ，函数会自…

简单变量的复制，内存小，我们直接复制不会发生引用。 首先深复制和浅复制只针对像 Object, Array 这样的复杂对象的。简单来说，浅复制只复制一层对象的属性，而深复制则递归复制了所有层级。 深复制的原理上面提到了，我们直接来看代码。

闭包和原型prototype工厂函数构造函数理解prototype和_proto_使用prototype方法原生对象的原型多级继承链怎么实现总结

众所周知 在javascript 作用域就是限制我们执行代码的一个范围，或者说是框架。 变量的赋值操作会执行两个动作,首先编译器会在当前作用域中声明一个变量(如 果之前没有声明过),然后在运行时引擎会在作用域中查找该变量,如果能够找到就会对 它赋值。 1 包含着整个全局作用域,…

任何编程语言，在运行时都需要使用到内存，比如在一个函数中， var arr = [1, 2, 3, 4, 5]; 这么一个数组，就需要内存。 但是，在使用了这些内存之后， 如果后面他们不会再被用到，但是还没有及时释放，这就叫做内存泄露（memory leak）。如果出现了内存泄…