阿浩的前端笔记本

> ```js function queue(cbs = []) { let res = Promise.resolve() cbs.forEach(n => { res ...

1. 如何学习调试 vue2 源码 2. data 中的数据为什么可以用 this 直接获取到 3. methods 中的方法为什么可以用 this 直接获取到 4. 学习...

box-shadow:0px2px6pxrgba(0,0,0,0.3);...

``` const intervalLoading = (check) => { return new Promise((res, rej) => { let result...

``` var toast = (function () { var containerDom = document.getElementById("ahao-toast-...

``` let a; // a 隐式的any，最好不要这样 a = 1; a = "1afafa"; // unknown 和 any区别 let c: number; l...

``` (function (doc, win) { var docEl = doc.documentElement; var resizeEvt = 'orientati...

``` function intheritProto(son, fa) { const proto = Object.create(fa.prototype) proto....

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页...

``` const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plug...

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换...

目录结构 此次我们https://juejin.cn/post/7000280471045144613 （一）的基础上新增了$nextTick异步更新策略 没有修改的文件就...

``` function _new(fn, ...arg) { const obj = Object.create(fn.prototype); const newObj ...

为了方便实现模板编译这里用<data> </data>来代替{{}}语法，没有虚拟dom和diff算法 着重于vue的非侵入式双向绑定原理 文件目录 index.html ...

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元...

如何将数组扁平化，从[1,2,[3,4,[5,6]]]=>[1,2,3,4,5,6]呢？，，，，，，...

``` // 为了简化拆解，这里只实现then class myPromise { constructor(fn) { this.cbs = [] const res = ...

``` var createOnce = function () { // 一次性函数工厂 var isExe = false return function (cb) {...