经验文章

工作生活点滴，记录总结经验留存，力求完善，在路上~~

前端开发工作流

计算机基础

计算机操作系统64位和32位的区别及原理

汇编语言入门

TCP 协议简介

什么是MTU？为什么MTU值普遍都是1500？

字符编码 ASCII、URI 、UNICODE、Base64

理解 WebSocket 原理

HTTPS 传输协议加密原理分析

HTTP3

算法

十大排序排序算法

算法(algorithms)

JS 简单实现(FIFO 、LRU、LFU)缓存淘汰算法

浏览器相关

HSTS详解

聚焦 Web 性能指标 TTI

前端性能监控 Performance

COOKIE与SESSION知识

浏览器缓存知识

浏览器的基本工作原理

H5直播起航

CSR、SSR、NSR、ESR 理清前端渲染方案

图形变换

CSS 中矩阵变换 matrix()、matrix3d()

聊聊 SVG 基本形状转换那些事

SVG坐标系和变换

Cairo 二维矢量图形库

游戏开发 - 物理引擎 & 渲染引擎

WebGL 框架选型

Matter.js 2D 物理引擎介绍

多端开发

Sketch 插件开发实践

React Native 跨平台思考

React Native 与小程序运行机制

Javascript

| 基础知识

Fetch 实现 Abort

如何避免 JavaScript 长递归导致的堆栈溢出？

前端大文件上传

JavaScript 错误处理机制

[转载] 2018 来谈谈 Web Component

JavaScript 浮点数运算的精度问题

JavaScript 大数运算精度问题，如何实现两个大数相加？

前端数据缓存方案

HTTP请求中的Form Data与Request Payload的区别

Service Worker理解使用

EventEmitter 理解

译文： Prefetching, preloading, prebrowsing

JavaScript 中 for in 循环和数组的问题

Blob对象

移动端 Scroll Event 思考

防抖动（Debounce）和节流阀（Throttle）

代码复用之继承 duplicate

stopImmediatePropagation、Event.initEvent()、element.dispatchEvent(event)简单记录

正则replace方法

JavaScript 事件委托代码片段 question

eval()与new Function()

JavaScript 模块的循环加载 -- 转载

| Javascript 编译

代码编译 - Babel Compiler

| 内存机制

Node.js 内存管理和 V8 垃圾回收机制

JavaScript的垃圾回收机制

JavaScript 内存机制

| 模块框架

React 核心知识点 -- Virtual Dom 与 Diff

React Hooks

React学习：状态(State) 和 属性(Props)

React 错误边界（Error Boundaries）

Vue实现原理

vue2.0 render函数介绍中 Array.apply(null, { length: 20 }) 引起思考

CommonJS, AMD, CMD 和 原生 JS 一些感悟

前端测试框架 Jest

数据库

数据库的最简单实现

数据库表连接的简单解释

Mongodb 对内嵌数组的增删改查操作

MongoDB 提升性能的18原则

服务端

Node.js 同步异步、阻塞与非阻塞

理解Node.js 中的进程与线程 -- 转载

Node.js 事件循环，定时器和 process.nextTick()

Node服务性能监控

前端工程化 GraphQL

SSO、OAuth2.0、JWT 登录与授权理解

学习 Restful HTTP API 设计

用 GitLab CI 进行持续集成

开篇 Serverless（无服务）基础知识

Koa2原理详解

Web服务高并发与性能调试

CDN 回源与CDN 多级缓存原理

CDN 带宽与上传下载速率关系？

| RPC & 序列化与反序列化

JSON-RPC 2.0 规范(中文版转载)

RPC 框架介绍

高效的数据压缩编码方式 Protobuf

思维导图 & 流程图 & 架构图

OmniGraffle 绘制流程图

九种常用的UML图总结

方法论与工具

lerna 和 yarn workspace 的 monorepo 工作流

自定义 Eslint 开发

iOS 模拟器调试

VS Code 项目配置路径别名跳转

npx 是什么

Git 几个特殊命令

git commit message 中使用 emoji

Mac 实用技巧

Sublime Snippet 代码段

chrome使用技巧集锦

Python 版本管理

Mac 端环境变量配置

VAGRANT 使用