文根

前端开发

秉持互联网的理念-分享

赞

0

|

搜索文章

HTTPS传输过程

1. HTTPS原理先用一张图进行描述： 1.1 证书验证过程客户端请求HTTPS地址，会默认请求服务器的443端口；客户端返回CA证书，证书中包含的具体内容有：证书的发布机构信息；过期时间

3年前
152
点赞
评论

1. DNS解析过程 1.1 DNS解析过程示意图 1.2 过程描述检查本地浏览器是否有该域名与IP的映射关系，如果有，直接返回IP地址，如果没有则继续；检查本地系统是否有该映射关系，如果有直接返

3年前
481
点赞
评论

Vue-Router的两种导航模式

前言 vue-router包含2种路由模式，一个是使用web模式，一个是memory模式。今天重点分析这两个模式的区别和内部实现原理。 web模式包装成createWebHistory方法对外使用，

3年前
387
点赞
评论

Vue3.0 diff更新过程

vue3.0的节点中增加了一个dynamicChildren属性，直接遍历所有的动态子元素，省略了遍历静态元素的时间，如果dynamicChildren没有的时候，直接进行全量的diff运算。

3年前
730
2
评论

Vue 3.0 编译过程分析

解析过程 1. 使用@vue/compiler-sfc的parse方法把sfc进行解析，解析成template、script、style三部分，然后分别对不同的部分使用不同的方法进行解析。如下图所示：

3年前
500
点赞
评论

Vue3.0源码解析（二）

更新过程 vue3.0更新的核心基础：采用了es6的Proxy，首先来介绍下Proxy的基础用法。 vue3.0使用reactive来包装响应数据，进行数据劫持。查看源代码中reactivity/re

3年前
1.2k
2
评论

Vue3.0源码讲解 (一)

一、组件的安装过程 vue3.0入口函数：入口函数查看runtime-dom/index.ts文件的createApp方法的源码如下：返回一个app的对象，app来自于ensureRenderer

3年前
250
2
评论

PWA离线化技术介绍

web网页对比nativeApp的缺点： 1. 需要通过打开浏览器才能打开web网页； 2. 没有网络无法打开网页，无法离线化； 3. 没有办法推送通知，将用户引导回网页；针对上面的缺点，Goole

3年前
2.2k
点赞
评论

requestAnimationFrame

对于频繁执行的某种操作，使用它来进行节流操作非常有用，比如系统的刷新频率是60Hz，相当于16.7ms刷新一下，在16.7ms之间执行的操作都不会被人眼观察到，没有实际用处，造成过犹不及，反而造成资源的浪费。

5年前
311
点赞
评论

formik简单解析

大概原理：formik内部实现了一个叫做Formik的组件，是一个函数式组件。 1. 初始值设置为初始state的值 2. change方法执行，value 值改变，从而使用dispatch重新渲染 1. useReducer，用过redux的同学应该比较了解reducer和d…

5年前
1.3k
点赞
评论

个人成就

文章被点赞 7

文章被阅读 11,109

加入于

2018-08-29