simple小前端

摘要： 参考： https://juejin.im/post/5a3200fe51882554bd5111a0 https://www.cnblogs.com/zhuzhenwei918/p/7271305.html https://juejin.im/post/5ad6182df265da23906c86 阅读全文

摘要： reconciliation（协调算法） react用于更新DOM的算法。基于两点假设，实现了一个启发的O(n)算法： 1. 两个不同类型的元素将产生不同的树。 2. 通过渲染器附带 属性，开发者可以示意哪些子元素可能是稳定的。 元素的不同类型 当对比两棵树时，React首先比较两个根节点。每当根元 阅读全文

摘要： JSX代表Objects Babel转义器会把JSX转换成一个名为React.createElement()的方法调用。 下面两种代码的作用是完全相同的： React.createElement() 这个方法首先会进行一些避免bug的检查，之后会返回一个类似下面例子的对象： 这样的对象被称为 “Re 阅读全文

摘要： 原文地址：https://blog.csdn.net/XIAOZHUXMEN/article/details/52014901 浏览器的渲染 渲染引擎在取得内容之后的基本流程： 解析html以构建dom树(CSSOM) 构建render树 布局render树 绘制render树 所以，浏览器会解析三 阅读全文

摘要： 什么是缓存： 首先，什么是缓存？我的理解，缓存就是一个资源副本。当我们向服务器请求资源后，会根据情况将资源 copy 一份副本存在本地，以方便下次读取。它与本地存储 localStorage 、cookie 等不同，本地存储更多是数据记录，存储量较小，为了本地操作方便。而缓存更多是为了减少资源请求， 阅读全文

摘要： 分布式版本控制系统 客户端并不只是提取最新版本的文件快照，而是把代码仓库完整地镜像下来。 git的一些常用指令 + git diff // 比较工作目录中当前文件和暂存区域快照的差异，即修改后还没有暂存起来的变化内容 + git diff staged // 暂存起来的文件和上次提交时快照之间的差异 阅读全文

摘要： 学习了vue后又重新过了一遍官网的教程，选择性地摘抄了一些自己觉得比较重要的知识点。以备后面查缺补漏用。 计算属性 计算属性mounted中，属性值函数将用作属性的getter函数。当函数中的依赖发生改变时候，其值会更新。 计算属性缓存vs方法 计算属性是基于它们的响应式依赖进行缓存的，只在相关响应 阅读全文

摘要： 原生JavaScript实现函数的防抖和节流 参考：https://www.jianshu.com/p/c8b86b09daf0 想详细了解的直接戳上面链接了，讲得非常清楚。下面只给代码和我自己写的注释，帮助理解背后实现的逻辑。 防抖（Debounce） 所谓防抖，就是指触发事件后在 n 秒内函数只 阅读全文

摘要： 原文链接: https://mp.weixin.qq.com/s/fmu5CIO7lExeB10Rlb7Cpw 前几天在公众号上看了这篇文章，作者是阿里的技术大牛，我用了三天的部分碎片时间啃完了，文章中提到了一个 认知升级 的概念，阅读完后感觉受益匪浅。 趁着周末有空，想针对这篇文章做一些摘抄，可能 阅读全文

摘要： 首先要理解调用位置： 调用位置就是函数在代码中被调用的位置（而不是声明的位置）。 最重要的是要分析调用栈（就是为了到达当前执行位置所调用的所有函数）。 我们关心的调用位置就在当前正在执行的函数的前一个调用中。 javascript function foo(a) { this.a = a; } va 阅读全文