前端学习笔记

下面的几个是JS里面比较基础和常用的东西，通过用代码实现，可以让我们更深刻地了解这些方法的底层原理，以及解决了哪些问题。大部分的方法实现在《你不知道的JavaScript》里面都有。 疫情的存在，使得我们几乎都是线上面试，几乎无法现场手写代码。但是，手写代码是面试中很重要的一环，因为这个比较综合、全面、深刻。 new 先创建一个新的、空的实例对象 将实例对象的原型指向构造函数的原型 将构... 阅读全文…

防抖与节流关于防抖与节流，在之前一篇文章里已经写了：防抖节流操作总结 文章里还做了科里化的操作，就是下面即将要写的，目的是把防抖和节流做成一个公共的方法。 科里化与函数式编程关于科里化与函数式编程，在之前一篇文章里已经写了：函数式编程 文章里有大量的举例和应用场景。 深拷贝简单版本1：先stringfy再parse，无法处理值为日期、函数等类型的数据； 简单版本2：ES6扩展运算符，只能处理... 阅读全文…

EventBus123456789101112131415161718192021222324252627// 组件通信，一个触发与监听的过程class EventEmitter { constructor () { // 存储事件 this.events = this.events || new Map() } // 监听事件 addLis... 阅读全文…

Vue、React相关的东西，我们如果仅仅停留在使用的层面，那么我们将无法通过任何一场面试。下面的一些关于Vue的问题，是我在阅读源码的过程中整理出来的，可能会遇到的问题。 阅读全文…

Vue、React相关的东西，我们如果仅仅停留在使用的层面，那么我们将无法通过任何一场面试。下面的一些关于Vue的问题，是我总结的一些使用技巧，以问题的方式总结出来。 Vue 如何在组件间传值 父组件传给子组件，props， 子组件传给父组件，父组件绑定了一个事件之后，子组件使用 $emit 另外，父组件可以拿到子组件对象，然后去调用子组件的方法或者获取子组件里面定义的值； 兄弟... 阅读全文…

最近使用了 default-passive-events 解决滑动卡顿的问题，看源码的时候，发现这个node包是修改 addEventListener 的第三个参数的默认值，所以有必要先总结一下 addEventListener 的相关知识。 addEventListener的定义EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget ... 阅读全文…

点击下载读书笔记的PDF 书名：《吃掉那只青蛙》 作者：[美] 博恩·崔西 【内容简介】 面对艰巨、重要的任务， 不要拖延，立即采取行动，吃掉那只青蛙。 每天吃掉三只青蛙，让你... 阅读全文…

点击下载读书笔记的PDF 书名：《早起魔法》 作者：[美] 杰夫·桑德斯 【内容简介】 书中所提到的”凌晨5点奇迹”，特指为了实现人生宏伟目标而早起、在早餐前掌控好一天的积极行... 阅读全文…

图片和资源全部保存在码云Gitee上 1. 早起的奇迹 2. 吃掉那只青蛙 阅读全文…

Vue、React相关的东西，我们如果仅仅停留在使用的层面，那么我们将无法通过任何一场面试。下面的一些关于Vue的问题，是我在阅读源码的过程中整理出来的，可能会遇到的问题。 Vue2.x 使用了哪种类型检查工具，有什么好处Flow 在运行之前就可以检测出一些由于类型错误可能会出现的问题，类似的还有 TypeScript。 Vue的构建工具是什么，你还了解哪些其他的构建工具rollup 适... 阅读全文…