最近这几年，随着JavaScript及前端领域的持续迅猛发展，尤其是在2015年ES6发布后，这个发展的进程也变得越来越快起来。许多新功能也将计划包含在ES2020版本中。
前言 编程时我们往往拿到的是业务流程正确的业务说明文档或规范，但实际开发中却布满荆棘和例外情况，而这些例外中包含业务用例的例外，也包含技术上的例外。对于业务用例的例外我们别无它法，必须要求实施人员与用户共同提供合理的解决方案；而技术上的例外，则必须由我们码农们手刃之，而这也是我想记录的内容。 我打算分成《前端魔法堂——异常不仅仅是try/catch》和《前端魔法堂——调用栈，异常实例中的宝藏》两篇分别叙述内置/自定义异常类，捕获运行时异常/语法异常/网络请求异常/PromiseRejection事件，
vue-property-decorator是在Vue中使用TypeScript时，非常好用的一个库，使用装饰器来简化书写
到目前为止，仅从 toggle 组件自身的角度来看，它已经可以满足大多数的业务场景了。但我们会发现一个问题，就是当前 toggle 组件的状态对于调用者来说，完全是黑盒状态，即调用者无法初始化，也无法更改组件的开关状态，这在一些场景无法满足需求。
此库完全依赖于vue-class-component, 所以请使用此库前, 先阅读它的文档
项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了
for await...of和for...of差不多，但支持遍历由Promise组成的可迭代对象(如数组)，使用时会自动await直到Promise执行结束才执行
近几年前端对 TypeScript 的呼声越来越高，Typescript 也成为了前端必备的技能。TypeScript 是 JS 类型的超集，并支持了泛型、类型、命名空间、枚举等特性，弥补了 JS 在大型应用开发中的不足。
链式编程: 将多个操作（多行代码）通过点号(.)链接在一起成为一句代码,使代码可读性好a(1).b(2).c(3)。
在10月13日的first-class-support-for-promises RFC[1]中，介绍了一种新的hook —— use。
在条件类型参与的情况下，通常泛型会被作为条件类型中的判断条件（T extends Condition 或 Type extends T)以及返回值。这也是筛选类型需要依赖的能力之一。
inject 和 provider 是vue中的组合选项，需要一起使用。目的是允许一个祖先组件向其所有子孙后代注入依赖（简单地说就是祖先组件向子孙后代传值的一种方法，祖先组件通过provider提供变量，子孙后代通过inject注入接收变量）
引入了async和await关键字，简化异步操作的编写方式，使代码更易读和理解。async函数会返回一个Promise对象，而在async函数内部可以使用await关键字来暂停执行，并等待Promise对象的解析。
Object.getPrototypeOf：用来获取某个实例对象的原型（内部[[prototype]]属性的值，包含proto属性）
最近刷题时遇到了几种不同for循环，因为没有深入了解导致做题时无法区分它们的用法，尤其是在以及在使用时的注意点。
权限控制算是软件项目中的常用功能了。在前端项目开发过程中，权限控制一般分为两个维度：页面级别和页面元素级别。
2. EventLoop是主线程从"任务队列"中读取事件，这个过程是循环不断的，所以整个的这种运行机制又称为Event Loop（事件循环）。消息队列是一个事件的队列（也可以理解成消息的队列），IO设备完成一项任务，就在"任务队列"中添加一个事件，表示相关的异步任务可以进入"执行栈"了。
写代码的时候总有一些东西是会重复出现的，次数多了你就会想找找捷径了。这类问题中有很大一部分解决起来甚至连库都不用装。下面就是我多年来收集的前 25 个捷径和小技巧。
ES2017标准引入了async函数，使得异步操作更加方便。async函数是Generator函数的语法糖。不打算写Generator函数，感兴趣的话可以看文档。与Generator返回值（Iterator对象）不同，async返回的是一个Promise对象。
Webkit 和 Firefox 都做了这个优化，当执行 JavaScript 脚本时，另一个线程解析剩下的文档，并加载后面需要通过网络加载的资源。这种方式可以使资源并行加载从而使整体速度更快。需要注意的是，预解析并不改变 DOM 树，它将这个工作留给主解析过程，自己只解析外部资源的引用，比如外部脚本、样式表及图片。
入门学习electron时了解到，渲染进程与主进程存在一对多的关系， 渲染进程与主进程需要通过ipc或remote进行通信。因为ipc的使用类似websocket, 发送和监听分离到两个独立的接口且渲染进程与主进程的接口存在不小的差异。 所以使用时存在几个比较麻烦的点: 1. 对于类似http的请求模式，接收和发送逻辑存在割裂。 2. 手动指定各个窗口发送比较繁琐。 所以打算尝试通过ipc封装一个无用的通信轮子。 简单例子 // 渲染端 const renderSocket = new Rende
本文主要总结了 2021 年前端提前批和秋招所考察的手写题，题目来源于牛客网前端面经区，统计时间自 3 月初至 10 月底，面经来源于阿里、腾讯、百度、字节、美团、京东、快手、拼多多等 15 家公司，并做了简单的频次划分。
Vue 中的 slot 和 slot-scope 一直是一个进阶的概念，对于我们的日常的组件开发中不常接触，但是却非常强大和灵活。
JavaScript 属于单线程语言，所有任务都跑在主线程上，若主线程阻塞，后续任务将无法执行。既然是单线程，那为何我们在使用过程中主观感知却是“多线程”？
ES9是ECMA协会在2018年6月发行的一个版本，因为是ECMAScript的第九个版本，所以也称为ES9.
题目描述:有一组版本号如下 ['0.1.1', '2.3.3', '0.302.1', '4.2', '4.3.5', '4.3.4.5']。现在需要对其进行排序，排序的结果为 ['4.3.5','4.3.4.5','2.3.3','0.302.1','0.1.1']
在这篇文章中，将会介绍新版本的新特性, 比如 slots的新语法， Vue.observable()等等
使用场景：主要是针对需要把对象的一些属性批量的赋值到另外一个对象上，然后如果你的属性很多可能要写很多赋值语句。（前提是属性名一般是相同的）
本文是我在阅读 Koa 源码后，并实现迷你版 Koa 的过程。如果你使用过 Koa 但不知道内部的原理，我想这篇文章应该能够帮助到你，实现一个迷你版的 Koa 不会很难。
通常情况下，在 nest.js 的 swagger 页面文档中的响应数据文档默认如下
Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的proto。
在第七篇文章中，我们对 toggle 组件进行了重构，使父组件能够传入开关状态的初始值，同时还可以传入自定义的状态重置逻辑。虽然父组件拥有了改变 toggle 组件内部状态的途径，但是如果进一步思考的话，父组件并没有绝对的控制权。在一些业务场景，我们期望父组件对于子组件的状态，拥有绝对的控制权。
所以Animation.prefilters=1，defaultPrefilter的源码暂不解析
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
https://github.com/vuejs/vue-devtools#vue-devtools
Awaited 可以将 Promise 实际返回类型抽出来，按照名字可以理解为：等待 Promise resolve 了拿到的类型。下面是官方文档提供的 Demo：
构造函数继承的出现是为了解决了原型继承的引用值共享问题。优点是可以在子类构造函数中向父类构造函数传参。它存在的问题是：1)由于方法必须在构造函数中定义，因此方法不能重用。2)子类也不能访问父类原型上定义的方法。
今天探讨 20 种 JavaScript 技巧和窍门，每种技巧和窍门都有通俗易懂的示例。让我们一起来提升你的 JavaScript 技能吧！
https://juejin.cn/post/6960096410305822751
以下说明组件有title,likes等等属性，并且指定对应属性的类型，当给到错误类型的值时控制台会报错
main.js改成main.ts配置vue.config.js的入口为main.ts
JS 的动态类型有好有坏。好的一面，不必指明变量的类型。不好的是，咱们永远无法确定变量的类型。
IIFE，全称"Immediately Invoked Function Expression"，是JavaScript中的一种常见模式。它是一种匿名函数，紧接着定义后立即被调用执行。这个特殊的语法允许我们创建一个私有作用域，以防止变量泄露到全局作用域。
CDN和DNS有着密不可分的联系，先来看一下DNS的解析域名过程，在浏览器输入的解析过程如下：
以下是个人在工作中收藏总结的一些关于javascript数组方法reduce的相关代码片段，后续遇到其他使用这个函数的场景，将会陆续添加，这里作为备忘。 javascript数组那么多方法，为什么我要单挑reduce方法，一个原因是我对这个方法掌握不够，不能够用到随心所欲。另一个方面，我也感觉到了这个方法的庞大魅力，在许多的场景中发挥着神奇的作用。 理解reduce函数 reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。 arr.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
