- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 react 源码中 的 diff 以及 对 key 的使用
无论是在 vue 还是 react 中，使用 key 都是一个 必须面对的问题，最近就对 react 的key 做了一点学习，这里就当做个人的学习笔记了我们就来看这里的 （已删除 多余的代码，只留下了 数组类型的 子节点 ）// This API will tag the children with the side-effect of the reconciliation // itself. They will be added to the side-effect list as w
2020-05-10 14:03:39
661
原创 Vue2.x 源码中 的 diff 以及 对 key 的使用，以及和 react 之间的区别
一直不想写 vue diff 的过程，因为 这一块网络上讲的人实在是太多了，这里写了也只不过是拾人牙慧罢了，但是不写吧，又觉得心痒痒的，毕竟前面写了一篇 react 的export function isDef (v: any): boolean %checks { return v !== undefined && v !== null}function sameVnode (a, b) { return ( a.key === b.ke...
2020-05-29 15:32:21
615
原创 网络安全 学习之 https
通过对 罗剑锋的《 透视HTTP协议》 进行了学习之后，记录相关知识点一个安全的协议是基于机密性（Secrecy/Confidentiality）是指对数据的“保密”，只能由可信的人访问，对其他人是不可见的“秘密”，简单来说就是不能让不相关的人看到不该看的东西。 完整性（Integrity，也叫一致性）是指数据在传输过程中没有被篡改，不多也不少，“完完整整”地保持着原状。 身份认证（Authentication）是指确认对方的真实身份，也就是“证明你真的是你”，保证消息只能发送给可信的人。 不
2020-05-28 21:49:28
480
原创 webpack 打包之后的代码学习
export default function count (a, b) { return a + b}import number from './number'export default function add (a, b) { return number(a, b);}// add('100', '900')(function webpackUniversalModuleDefinition(root, factory)...
2020-05-28 14:07:47
749
原创 http 网络知识摘要
DNS 的解析过程访问根服务器，他会告诉你 .com 的 顶级服务器 访问 .com 顶级 服务器，他会告诉你 baidu.com的地址 最后访问 baidi.com 域名 服务器，得到 www.baidu.com 的 地址 域名解析可以配置内部的策略，返回离客户端最近的主机，或者返回当前服务质量最好的主机，这样在 DNS 端把请求分发到不同的服务器，实现负载均衡。另外，操作系统里还有一个特殊的“主机映射”文件，通常是一个可编辑的文本，在 Linux 里是“/etc/hosts”，在 Windo
2020-05-27 21:23:13
198
原创 js 里面 try catch finally 中的 return 问题
1、try catch我们先来看 下面 的一段代码function useTry() { try { return i-- } catch (error) { return 'hh' + error }}
2020-05-24 20:38:49
6785
原创 大前端— 可视化方式的内存管理
Performance内存问题的外在表现：页面出现延迟加载，或经常性暂停，不断地内存溢出，然后回收，频繁垃圾回收页面持续性出现糟糕的性能， 不断地申请新的内存，内存膨胀页面的性能随时间延长越来越差，内存泄漏1、任务管理器 内存，dom节点所占用的内存实际大小就是 可达内存的大小 js内存，js堆内存2、timeline时序图记录3、堆快照查找分离dom 找到当前的 js 堆，然后进行一个照片留存 分离 ...
2020-05-24 19:38:11
575
原创 大前端— js 内存
从全局执行上下文出发，能找到的，就被认为是可达的js 自动的 设计 class ，进行一一对应，然后不要随便修改结构，delete，要不然会重新设计一个V8内存 64位 1.5G 32位 800M 新生代 32M, 16M，复制，标记整理 老生代 1.4G 700M，标记清除，标记整理，增量标记经过一轮 GC 还活着To 使用率超过 25%GC 算法引用计数 引用 计数器，判断当前的引用数是否为0 可以立即回收，只要为0，立刻回收，最大限度减少程序的暂停...
2020-05-24 19:08:18
485
原创 大前端 — js es6 中的小技巧
关于解构const arr = [1, 2, 3, 5, 6, 7, 8]/** 如果我只想要 第三个，怎么办？很简单，我甚至还能够给这个设置默认值：*/const [,,third = 'third'] = arr// 如果我想要一个对象除了 某一个 字段之外的新对象？const obj = { want1: true, want2: true, want3: true, dont: false}const { dont, ... obj2} =...
2020-05-23 11:16:05
203
原创 typescript 的简单学习
真的只是简单学习，简单地记录我认为有意思的部分1、安装 以及开始使用yarn add typescript --dev然后暴露 对应的配置yarn tsc --init可以看到 生成了 一个对应的 文件 tsconfig.json查看里面的配置之后，修改里面的几项内容"target": "es2015", // 将文件 转为 es2015 ，要不然默认的 es5 不认识 symbol 、promise 等 es6 中的新类型、对象。这里的转换结果其实就是 es...
2020-05-17 19:55:35
212
原创 flow 的简单学习
真的只是简单学习，简单地记录1、安装 以及开始使用在当前的目录执行yarn add flow --dev接着 在 要检查的文件上 添加关键字// @flow// @flowfunction sum(a: number, b: number) { return a + b}sum(100, 100)sum('100', '100')然后执行初始化yarn flow init执行校验yarn flow要注意的是，这一块需要取消.
2020-05-17 15:38:26
504
原创 js 异步迭代器
同步的迭代器模式众所周知，迭代器模式就是在已有的 对象里 增加一个 迭代函数，然后 通过迭代函数 来执行 对应的函数const obj = { arr1: [1,2,3,4,5], arr2: [1,2,3,4,5], next(fn) { const arr = [...this.arr1, ...this.arr2] for (val of arr) { fn(val) } }}obj.next(console.log)异步的迭代器
2020-05-17 00:12:25
1566
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人