摘要: 参考: https://juejin.im/post/5a3200fe51882554bd5111a0 https://www.cnblogs.com/zhuzhenwei918/p/7271305.html https://juejin.im/post/5ad6182df265da23906c86 阅读全文
posted @ 2019-09-25 11:03 simple小前端 阅读(7913) 评论(1) 推荐(1) 编辑
摘要: reconciliation(协调算法) react用于更新DOM的算法。基于两点假设,实现了一个启发的O(n)算法: 1. 两个不同类型的元素将产生不同的树。 2. 通过渲染器附带 属性,开发者可以示意哪些子元素可能是稳定的。 元素的不同类型 当对比两棵树时,React首先比较两个根节点。每当根元 阅读全文
posted @ 2019-08-31 22:17 simple小前端 阅读(166) 评论(0) 推荐(0) 编辑
摘要: JSX代表Objects Babel转义器会把JSX转换成一个名为React.createElement()的方法调用。 下面两种代码的作用是完全相同的: React.createElement() 这个方法首先会进行一些避免bug的检查,之后会返回一个类似下面例子的对象: 这样的对象被称为 “Re 阅读全文
posted @ 2019-08-31 22:16 simple小前端 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 原文地址:https://blog.csdn.net/XIAOZHUXMEN/article/details/52014901 浏览器的渲染 渲染引擎在取得内容之后的基本流程: 解析html以构建dom树(CSSOM) 构建render树 布局render树 绘制render树 所以,浏览器会解析三 阅读全文
posted @ 2019-08-29 20:17 simple小前端 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 什么是缓存: 首先,什么是缓存?我的理解,缓存就是一个资源副本。当我们向服务器请求资源后,会根据情况将资源 copy 一份副本存在本地,以方便下次读取。它与本地存储 localStorage 、cookie 等不同,本地存储更多是数据记录,存储量较小,为了本地操作方便。而缓存更多是为了减少资源请求, 阅读全文
posted @ 2019-08-27 20:14 simple小前端 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 分布式版本控制系统 客户端并不只是提取最新版本的文件快照,而是把代码仓库完整地镜像下来。 git的一些常用指令 + git diff // 比较工作目录中当前文件和暂存区域快照的差异,即修改后还没有暂存起来的变化内容 + git diff staged // 暂存起来的文件和上次提交时快照之间的差异 阅读全文
posted @ 2019-08-26 22:53 simple小前端 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 学习了vue后又重新过了一遍官网的教程,选择性地摘抄了一些自己觉得比较重要的知识点。以备后面查缺补漏用。 计算属性 计算属性mounted中,属性值函数将用作属性的getter函数。当函数中的依赖发生改变时候,其值会更新。 计算属性缓存vs方法 计算属性是基于它们的响应式依赖进行缓存的,只在相关响应 阅读全文
posted @ 2019-08-22 21:40 simple小前端 阅读(783) 评论(0) 推荐(0) 编辑
摘要: 原生JavaScript实现函数的防抖和节流 参考:https://www.jianshu.com/p/c8b86b09daf0 想详细了解的直接戳上面链接了,讲得非常清楚。下面只给代码和我自己写的注释,帮助理解背后实现的逻辑。 防抖(Debounce) 所谓防抖,就是指触发事件后在 n 秒内函数只 阅读全文
posted @ 2019-07-21 11:34 simple小前端 阅读(2191) 评论(0) 推荐(0) 编辑
摘要: 原文链接: https://mp.weixin.qq.com/s/fmu5CIO7lExeB10Rlb7Cpw 前几天在公众号上看了这篇文章,作者是阿里的技术大牛,我用了三天的部分碎片时间啃完了,文章中提到了一个 认知升级 的概念,阅读完后感觉受益匪浅。 趁着周末有空,想针对这篇文章做一些摘抄,可能 阅读全文
posted @ 2019-06-15 17:14 simple小前端 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 首先要理解调用位置: 调用位置就是函数在代码中被调用的位置(而不是声明的位置)。 最重要的是要分析调用栈(就是为了到达当前执行位置所调用的所有函数)。 我们关心的调用位置就在当前正在执行的函数的前一个调用中。 javascript function foo(a) { this.a = a; } va 阅读全文
posted @ 2019-06-15 12:30 simple小前端 阅读(310) 评论(0) 推荐(0) 编辑