钟瑞

让老项目(基于vue-cli)支持ES新语法(处于试验阶段), 比如"可选链". 了解其他目前在实验阶段的ES新语法. 近期看到多个群中都在聊"可选链", 所以就把单位的老项目也开启了"可选链"功能, 使用了1个月后的感受就是: 再也不用写那么长的"undefined"判断了,…

首先，ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的。 其中 constructor 方法是类的构造函数，是一个默认方法，通过 new 命令创建对象实例时，自动调用该方法。一个类必须有 constructor …

2019年度已经过去了，2020年面试高峰期又来了。经过2019年的学习和面试经历，统计了下面一些最常见的面试题。 在 JavaScript 中，两种不同的内置类型间的转换被称为强制转型。强制转型在 JavaScript 中有两种形式：显式和隐式。 在 JavaScript 中…

我们在面试的时候，经常会被面试官问到几个手写代码的问题。手写一个数组去重复，手写一个深拷贝，手写一个数组拍平等等。有些小伙伴面试之前准备了，但是在手写的时候还是会忘掉，本文总结了一个如何应对手写代码的大纲，前面是一些基础内容，但是也希望能帮助到你，都会就当复习一遍。 1. 起名…

在前端开发世界中，JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件，本文主要介绍 JS自定义事件概念和实现方式，并结合案例详细分析自定义事件的原理、功能、应用及注意事项。 在日常开发中，我们习惯监听页面许多事件，诸如：点击事件（ click…

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

推荐几个非常实用的 VS Code 插件. 附 gif 图. 1. Better Comments Better Comments 你可以使用不同的前缀来让注释显示为不同的颜色。 非常适合快速扫描并发现重要的代码片段。 若使用的话, 建议团队统一规范. 2. Bracket P…

当用户手动导航或者 CSSOM scrolling API 触发滚动操作时，css 属性 scroll-behavior 为一个滚动框指定滚动行为，其他任何的滚动，例如那些由于用户行为而产生的滚动，不受这个属性的影响。在根元素中指定这个属性时，它反而适用于视窗。 表示一个元素获…

防抖函数英文名叫“debounce function”，它通常是作为频发事件的回调使用的。对于 scroll、resize、key* 这类事件，如果不使用防抖函数处理，那么由于事件的频繁发生，触发回调逻辑的不断调用，很可能会发生性能问题。 上面的回调函数经过 debounce …