- 博客(48)
- 收藏
- 关注
RSS订阅原创 内容分发网络（CDN）
简单来讲，CDN就是根据用户位置分配最近的资源。用户在上网的时候不用直接访问源站，而是访问离他“最近的”一个 CDN 节点。这个节点是缓存了源站内容的代理服务器。
2022-10-15 00:08:23
4166
原创 输入网址到页面加载的过程
解析URL、http缓存判断、DNS解析、获取MAC地址、TCP三次握手、https握手、正式请求、页面渲染和TCP四次挥手
2022-10-14 15:59:47
1485
原创 React云音悦WebApp
该项目是我跟着神三元小册做的一款网易云音乐的 WebApp，主要技术栈：react hooks + redux + immutable.js
2022-05-20 23:31:11
566
1
原创 你不知道的JS（十）：强制类型转换
JavaScript强制类型转换常常被认为是一种缺陷，很多人都对它充满畏惧。实际上在很多地方有经常使用到强制类型转换，让代码更加简洁。我们需要充分了解它的规则和利弊，才能适当使用。
2022-05-14 23:52:51
986
原创 你不知道的JS（三）：从闭包到模块机制
闭包无处不在，认识闭包很简单。但是更进一步使用还需要配合其他内容去了解闭包，比如模块。文章末尾还将CommonJS和ES6 Module进行详细对比。
2022-05-01 14:48:49
380
原创 实现一个简单的SSR，了解服务端渲染
基于react搭建ssr项目，项目包括事件、多级路由、引入redux、中间层请求转发、CSS服务端渲染等。
2022-04-30 00:51:07
1337
转载 Dan Abramov谈他不懂的技术
Dan Abramov是 React 核心开发者，Redux 作者。他在这篇文章中列出了在计算机开发的领域，他不是很了解的部分。
2022-04-27 01:12:06
648
原创 前端路由：原理篇
通过这篇文章，你可以了解到：为什么需要前端路由？解决了什么问题？前端路由的基本原理是什么？hash路由的hash值会发送到服务端吗？history路由为什么需要服务端支持？
2022-04-18 00:22:03
4629
原创 Vue的虚拟DOM及diff算法
通过篇文字，你能了解到：为什么引入虚拟DOM？为什么操作DOM慢？Vue的怎么对比节点？怎么复用节点？v-for中key 的作用是什么？没有key为什么反而快了？Vue3在diff算法方面做了哪些优化？
2022-04-15 14:23:01
2552
原创 组件库系列五：vuepress遇到的坑
前面四篇文章已经基本完成了一个组件库，直接发布文档就可以了。但是没想到遇到这么多问题（坑），所以写一篇文章记录一下爬坑过程。
2022-04-10 13:21:25
1952
3
原创 组件库系列三：编写组件库文档
文章目录vuepress介绍创建文档工程配置运行指令vuepress浏览器自动更新下载插件和依赖npm/yarn linkdocs文件夹.vuepress文件夹可收缩代码块效果展示vuepress介绍Vue 驱动的静态网站生成器以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题。VuePress 会为每个页面预渲染生成静态的 HTML，同时，每个页
2022-04-06 21:01:37
2837
原创 组件库系列二：打包发布组件库
文章目录打包组件增加打包组件库指令运行打包指令默认引用路径发布npm创建.npmignore文件设置package.json编写README.mdLISCENSE切换到npm官方源注册登录发布模块生成npm包的版本图标设置npm与github关联打包组件增加打包组件库指令在package.json中"script":{ // 官网解释：你可以通过下面的命令将一个单独的入口构建为一个库 // 利用vue自带的工具 构建 构建目标(库) 库的名字 por-ui 当前的入口文件
2022-04-01 00:25:52
1338
原创 Devtools使用
文章目录为什么要使用 debuggerDOM事件JSURL为什么要使用 debuggerconsole.log 是前端开发最常用的调试手段，它简单直接解决一部分问题。但当遇到十分复杂的问题，console.log 就会变得不趁手。比如：一个逻辑复杂的算法一个复现步骤十分繁琐的bug。一段运行流程冗长的代码一段没有注释、起名随意的代码server 端代码在这些情况下，断点调试是非常有价值的，将 debug 的时间复杂度从 O(n) 降到 O(1)。DOM可以通过它来可视化所有的 DOM
2022-03-02 22:44:23
1117
原创 vue2的生命周期及相关总结
文章目录一、概述二、常用生命周期使用三、keep-alive四、父子组件顺序五、nextTick一、概述（1）定义 vue实例有一个完整的vue页面的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom到渲染、更新到渲染、卸载等一系列过程。（2）作用 生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程中更容易形成好的逻辑。（3）8个阶段 初始化 beforeCreate、created 创建期 beforeMount、mounted 更新期
2021-11-29 22:42:51
1218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人