suyun

脚手架本质上是一个工具，使用脚手架的目的就是摆脱构建工程时重复性的工作，尤其是当一个工程具有一定通用性时，工程脚手架的意义就更为突出。它可以让我们只需要一行命令，就可以初始化好一项工程，而不用费心费力的去做配置环境，安装依赖，解决依赖冲突这样的支线任务，可以直奔主线任务，早早下…

本人毕业一年，最近陆续面试了头条、瓜子、360、猿辅导、中信银行、老虎等公司，由于最近比较寒冬而且招1-3年的并不多，再加上自己对公司规模和位置有一定要求，所以最后合适的也就这几家了。不过幸运的是所有面试的公司都给了offer，在这里总结下经验吧。 我简单的把面试分了四个部分，…

引子：这些日子在看es相关的新属性是有一个数组的方法 flat() 引起的我的注意。 我去找了一下维基百科，上面并没有关于扁平化的直接解释，只有一个扁平化组织释义。 金字塔组织，这个众所周知，它表现的层级结构就是一个金字塔式的形状。 扁平化组织（Flat organizatio…

在实现这个效果之前，我们需要先理解一下css3中的perspective、transform-style、backface-visibility这三个属性值。 w3school上给perspective 的定义为： 3D 元素距视图的距离，可以简单理解成观察者和物体之间的距离。…

用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列表页面可以保留用户的筛选（或选中）状态。keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创…

该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。 到这一步，编译的时候就能看到eslint报错和警告了，但是还不能实现保存自动格式化功能。 vscode的默认保存格式化功能还是很强大的，还可以再额外安装prettier插件，以优…

该钩子函数在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。实现源码参考callHook部分。 initProvide()和initInjections()两个方法配套使用，以允许一个祖先组件向其所有子孙后代注入一个…

我们说 Promise.then 是异步的，其实执行 then 方法不是异步的。但是 onFulfilled 和 onRejected 肯定是异步执行的，因为 resolve 和 reject 清空回调的时候是异步执行的 promise1 = new Promise(excut…

关于手写 Promise，想必大家都十分熟悉。基本上现在不管是大厂还是小厂，手写 promise 已经成为了面试必考知识点。听说你还不太会？那么走着，带你从零开始解锁 Promise！ 在 Promise 出现以前，在我们处理多个异步请求嵌套时，代码往往是这样的。。。 为了拿到…