勋章
我关注的人
粉丝
技术能力
暂时未有相关云产品技术能力~
擅长 前端/Rust/AI
-
发表了文章 2023-04-20
前端面试之CSS重点概念精讲
选择器 流、元素 盒模型 元素超出宽度...处理 元素隐藏 层叠规则 块级格式化上下文 元素居中 flex布局 Chrome支持小于12px 的文字 CSS 优化处理 (6个) 回流、重绘 硬件加速 Css预编译语言
-
发表了文章 2023-04-20
JS算法之动态规划
动态规划基础知识 单序列问题 双序列问题 矩阵路径问题 背包问题
-
发表了文章 2023-04-20
JS算法之回溯法
何为回溯法 集合的组合、排列 利用回溯算法解决其他问题
-
发表了文章 2023-04-20
JS算法之二叉树、二叉搜索树
1. 知识点简讲 • 树在前端开发中的应用场景 • 二叉树深度优先遍历 递归和迭代的JS版本 2. 二叉树相关算法 3. 二叉搜索树（BST）相关算法
-
发表了文章 2023-04-20
前端工程化之Webpack优化
1. Webpack Loader 和 Plugin 的区别 2. Webpack 生命周期 3. Webpack编译阶段提效 a. 减少执行编译的模块 b. 提升单个模块构建的速度 c. 并行构建以提升总体效率 4. Webpack打包阶段提效 a. 以提升当前任务工作效率为目标的方案 • 压缩 Chunk 产物代码 b. 以提升后续环节工作效率为目标的方案 • Code Splitting • Tree Shaking • Scope Hoisting (作用域提升) • sideEffects 5. 缓存优化
-
发表了文章 2023-04-20
构建面向未来的前端架构
组件思维 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 何为自上而下构建组件 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 何为单体组件 & 及其弊端 推荐阅读指数 ⭐️⭐️⭐️⭐️ 自下而上的构建组件 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 如何规避单体组件 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️
-
发表了文章 2023-04-20
理解微前端
我们就从微前端解决了哪些现存前端问题，并在解决这些问题的过程中做出了哪些取舍和权衡。
-
发表了文章 2023-04-20
React-利用React-Profiler提升应用性能
React Profiler 的组成 推荐阅读指数 ⭐️⭐️⭐️ 如何通过React Profiler查询并改正页面耗时操作 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️
-
发表了文章 2023-04-20
React-全局状态管理的群魔乱舞
全局状态管理库需要解决的问题 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 状态管理生态系统的发展史 推荐阅读指数 ⭐️⭐️⭐️⭐️ 解决远程状态管理问题的专用库的崛起 推荐阅读指数 ⭐️⭐️⭐️ 全局状态管理库和模式的新浪潮 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ 现代库如何解决状态管理的核心问题 推荐阅读指数 ⭐️⭐️⭐️
-
发表了文章 2023-04-20
React 元素 VS 组件
React-Element/React-Componment/React-Instance之间的区别和联系。
-
发表了文章 2023-04-20
性能优化之关键渲染路径
分别从浏览器架构和最新的渲染引擎介绍了关于页面渲染的相关概念。对应连接如下。 • 页面是如何生成的(宏观角度) • Chromium 最新渲染引擎--RenderingNG • RenderingNG中关键数据结构及其角色 而今天的主角是{关键渲染路径| Critical Rendering Path}。它是影响页面在加载阶段的主要标准。
-
发表了文章 2023-04-20
TS_React:类型化EventHandler
今天我们主要是讲如何利用TS对React中的事件回调进行类型化处理。
-
发表了文章 2023-04-20
JS算法探险之队列(Queue)
知识点简讲 滑动窗口 二叉树的广度优先搜索（BFS）
-
发表了文章 2023-04-20
TS_React:Hook类型化
依赖类型推断 类型化 useState 类型化 useReducer 类型化 useRef 类型化 forwardRef 类型化 useEffect 和 useLayoutEffect 类型化 useMemo 和 useCallback 类型化 useContext 类型化自定义hook
-
发表了文章 2023-04-20
工程化之webpack打包过程
Webpack基本概念简讲 打包流程总览 entry对象 深入理解 ModuleGraph 构建ModuleGraph Module/Chunk/ ChunkGroup /EntryPoint 是个啥 提交chunk资源
-
发表了文章 2023-04-20
TS_React:使用泛型来改善类型
TypeScript 是什么 {泛型| Generics} 是个啥 在React中使用泛型
-
发表了文章 2023-04-20
JS算法探险之栈(Stack)
•. 知识点简讲 1. 后缀表达式 2. 小行星碰撞 3. 判断括号的正确性 4. 每日温度 5. 直方图最大面积
-
发表了文章 2023-04-20
React_Fiber机制
背景介绍 从 {React 元素| React Element} 到 {Fiber 节点| Fiber Node} {副作用| Side-effects} Fiber 树的根节点 渲染算法
-
发表了文章 2023-04-20
前端工程化之构建工具
构建解决的问题 包管理工具 任务式构建工具 模块化：模块定义与模块化的构建工具
-
发表了文章 2023-04-20
JS算法探险之字符串
双指针 回文字符串
-
发表了文章 2023-04-20
浏览器之客户端存储
1. cookie 2. Web Storage a. sessionStorage b. localStorage 3. IndexDB
-
发表了文章 2023-04-20
Web性能优化之Worker线程(下)
{服务工作线程|Service Worker} 基础概念 ⭐️⭐️⭐️ 线程缓存 ⭐️⭐️⭐️⭐️ 线程客户端 生命周期 ⭐️⭐️⭐️ 控制反转与线程持久化 updateViaCache 管理服务文件缓存 ⭐️⭐️⭐️ 线程消息 ⭐️⭐️⭐️ 拦截 fetch 事件 ⭐️⭐️⭐️⭐️⭐️
-
发表了文章 2023-04-20
Web性能优化之Worker线程(上)
Worker 线程简介 {专用工作线程|Dedicated Worker} 专用工作线程 + Webpack {共享工作线程| Shared Workers }
-
发表了文章 2023-04-20
前端工程化之概念介绍
文章主要点： 1. 脚手架 2. Source Map
-
发表了文章 2023-04-20
JS算法探险之数组
双指针 累加数组数字求子数组之和
-
发表了文章 2023-04-20
网络拾遗之Http缓存
缓存：何时起作用 缓存的常见淘汰机制 HTTP缓存策略 缓存场景应用(Vue内部组件KeepAlive)
-
发表了文章 2023-04-20
CSS十问之元素居中
水平居中 垂直居中 水平&垂直居中
-
发表了文章 2023-04-20
RenderingNG中关键数据结构和它们的角色
{帧树|Frame Tree} {不可变的片段树|The immutable fragment tree} {属性树|Property trees} {显示列表和绘画块|Display lists and paint chunke} {合成器帧|Compositor frame}:{表面| surface}、{渲染表面| render surface}、{GPU 纹理瓦片| GPU texture tile}
-
发表了文章 2023-04-20
Chromium 最新渲染引擎--RenderingNG
前置知识简讲 浏览器架构 组件结构 代码分析
-
发表了文章 2023-04-20
JS算法探险之整数
整数除法 二进制加法 前 n 个数字二进制中 1 的个数 只出现一次的数字
-
发表了文章 2023-04-20
网络拾遗之TCP
三次握手 序号和 ACK 号的用法 滑动窗口 队首阻塞 四次挥手
-
发表了文章 2023-04-20
网络拾遗之 DNS协议：网络世界的地址簿
网络拾遗之 DNS协议：网络世界的地址簿
-
发表了文章 2023-04-20
Web性能优化之 延迟与带宽
速度是关键 延迟的构成 光速与传播延迟 延迟的最后一公里 网络核心带宽 VS 网络边缘带宽 目标:高带宽和低延迟
-
发表了文章 2023-04-20
网络通信之IP地址
IP地址是个啥？ 无类型域间选路（CIDR） 公有 IP 地址和私有 IP 地址 MAC 地址 动态主机配置协议（DHCP）
-
发表了文章 2023-04-20
网络通信之生成HTTP消息
URL是个啥？ 浏览器解析URL 省略文件名的情况 HTTP 的基本思路 生成 HTTP 请求消息 发送请求后会收到响应
-
发表了文章 2023-04-20
JS闭包之灵魂7问
Q1:慧眼认“包” Q2: 参数为何凭空消失 Q3:作用域嵌套惹的祸 Q4:迟到的兑现，错误的值 Q5:变量的从一而终 Q6:公私分明 Q7:柯里化
-
发表了文章 2023-04-20
优化SPA：使得网站对SEO更友好
为何SPA对SEO不友好 解决方案 另外增加 SPA 曝光度的方法
-
发表了文章 2023-04-20
对你的 SPA 提提速
1. 监控 SPA 性能 2. 提升 SPA 性能(6种) a. 延迟渲染首屏下的内容 b. 非必要数据的懒加载 c. 缓存静态内容 d. 对实时性较强的应用使用WebSocket e. 使用JSONP/CORS绕过同源策略 f. CDN处理
-
发表了文章 2023-04-20
页面是如何生成的(宏观角度)
进程、线程 网页的主要进程 显示系统基础知识 渲染进程的线程 渲染进程主线程
-
发表了文章 2023-04-20
再谈JS闭包
作用域 作用域嵌套 词法作用域(lexicsl scope) 闭包 闭包示例
-
发表了文章 2023-04-20
undefined vs null
undefined vs null 如何产生undefined和null Null 判断运算符（??）的默认值 [es2020] undefined 和 null 没有任何属性 undefined 和 null的历史
-
发表了文章 2023-04-20
从另外一个角度看待——JS深浅复制
1. 浅复制 VS 深复制 2. 浅谈浅复制 • 扩展运算符（...）复制对象和数组 • Object.assign() • Object.getOwnPropertyDescriptors()和Object.defineProperties() 3. 深复制 4. 掘金的文章
-
发表了文章 2023-04-20
Environments: JS变量查找的“罪魁祸首”
Environment:管理变量的数据结构 函数调用与Environment 作用域链与Environment 闭包与Environment
-
发表了文章 2023-04-20
JS全局变量
1. Scope(作用域) 2. Lexical Environments (词法环境) 3. 全局对象(global object) 4. 浏览器环境下的globalThis 5. 全局环境(global envrionment) • Script 作用域 和Module 作用域 • 生成变量: 声明环境记录 vs 对象环境记录 • 访问变量 • 全局ECMAScript变量和全局宿主变量 6. 一图胜前言
-
发表了文章 2023-04-20
兄台：JS闭包了解一下
函数即对象 闭包
-
发表了文章 2023-04-20
兄台: 作用域、执行上下文了解一下
• 作用域（Scopes） • 词法环境(Lexical environments) • 作用域链 • 执行上下文 • 调用栈
-
发表了文章 2023-04-20
V8如何处理JS
Chromium本身就是一个浏览器 Chrome浏览器一般选择Chromium的稳定版本作为它的基础 浏览器大战，其实就是渲染引擎之争 v8是「JS虚拟机」的一种 源代码对 V8 来说只是「一堆字符串」 执行JS代码核心流程 1. 先编译 2. 后执行 V8采用「JIT」（Just In Time）技术提升效率
-
发表了文章 2023-04-20
CPU如何执行程序
1. CPU = 运算单元 + 数据单元 + 控制单元 2. CPU 只能识别「二进制」的指令 3. 总线像连接 CPU 和内存这两个设备的高速公路 4. 执行高级语言的两种方式：1. 解释执行 2. 编译执行 5. 汇编语言和机器语言是一一对应的 6. 内存中的每个存储空间都有其对应的独一无二的地址 7. CPU时钟周期：取出指令、分析指令、执行指令这三个过程
-
发表了文章 2023-04-20
JS篇之数据类型那些事儿
JS组成 JS数据类型(7+1) 类型转换(装箱/拆箱)
-
发表了文章 2023-04-20
前端roadmap_浏览器工作原理
• 浏览器架构总览 • 进程、线程 • 站点隔离 • 渲染流程总览 • 导航阶段 • UI进程👉拼装URL • 网络进程👉获取数据 • 重定向 • 根据Content-Type进行数据处理 • 唤起渲染进程 • 更新Tab状态 -->导航阶段结束 • 渲染阶段 • 编译处理 • BNF • HTML 解析器 • DOM • 标记算法 • DOM树构建算法 • 处理子资源 • 将CSS附加(attachment)到DOM节点==>生成Render Tree • CSS 解析器 • 创建呈现器 • 属性标准化 • 样式计算并保存到ComputedStyle • 布局(Layout)
-
发表了文章
2023-12-01
你应该知晓的Rust Web 框架（二）
-
发表了文章
2023-12-01
了不起的Unicode（二）
-
发表了文章
2023-12-01
你应该知晓的Rust Web 框架（一）
-
发表了文章
2023-12-01
useTransition真的无所不能吗？（二）
-
发表了文章
2023-12-01
CSS 20大酷刑（一）
-
发表了文章
2023-12-01
用Rust搭建React Server Components 的Web服务器（一）
-
发表了文章
2023-12-01
美丽的公主和它的27个React 自定义 Hook（二）
-
发表了文章
2023-12-01
Rust 开发命令行工具（上）（三）
-
发表了文章
2023-12-01
浏览器之性能指标_FCP（二）
-
发表了文章
2023-12-01
美丽的公主和它的27个React 自定义 Hook（三）
-
发表了文章
2023-12-01
师夷长技以制夷:跟着PS学前端技术（二）
-
发表了文章
2023-12-01
美丽的公主和它的27个React 自定义 Hook（一）
-
发表了文章
2023-12-01
致所有渴望学习Rust的人的信
-
发表了文章
2023-12-01
Rust 编译为 WebAssembly 在前端项目中使用（二）
-
发表了文章
2023-12-01
CSS 20大酷刑（二）
-
发表了文章
2023-12-01
美丽的公主和它的27个React 自定义 Hook（四）
-
发表了文章
2023-12-01
浏览器之性能指标-CLS（二）
-
发表了文章
2023-12-01
像素是怎样练成的（三）
-
发表了文章
2023-12-01
Rust学习笔记之并发（一）
-
发表了文章
2023-12-01
ChatGPT:你应该知道的知识
