JS

笔记

• js深入系列

• 深拷贝、浅拷贝

• 防抖与节流

• 手写Promise

• 数组的reduce方法

• JS算法整理笔记

• JS实现异步请求并发数量控制

• Typescript入门笔记

• js手写系列

• js中数组常用方法整理

• 一些js的使用小技巧

• 瀑布流布局学习笔记

• js常用库整理

• 正则

收藏

• Web 中的“选区”和“光标” (opens new window)

• Async是如何被JavaScript实现的 (opens new window)

• 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 (opens new window)

• 新来个技术总监，把限流实现的那叫一个优雅，佩服！ (opens new window)

• 纯 JS 实现语雀的划词高亮功能 (opens new window)

• IntersectionObserver实现虚拟列表初探 (opens new window)

• 浏览器的 5 种 Observer，你用过几种？ (opens new window)

• 关于编码的那些事 - URL 编码 (opens new window)

• 你能手写一个模板引擎吗？ (opens new window)

• 因为写不出拖拽移动效果，我恶补了一下Dom中的各种距离 (opens new window)

• 浏览器跨 Tab 窗口通信原理及应用实践 (opens new window)

• 原生“跨组件”通信方式 (opens new window)

• 前端调取摄像头并实现拍照功能 (opens new window)、前端实现微信扫一扫的思路 (opens new window)

• JavaScript高级系列（二） - V8引擎的运行原理 (opens new window)

• 用JS实现一个JS引擎竟如此简单 (opens new window)

• 从 微信 JS-SDK 认识 JSBridge (opens new window)

• 【前端通信新技能】使用 CustomEvent 是一个不错的选择！ (opens new window)

• websocket:

  • 赶快收藏！全网最佳websocket封装：完美支持断网重连、自动心跳！ (opens new window)
  • webSocket封装，心跳检测+断线重连基于ES6 class,已在生产环境上使用，已发布包 (opens new window)

• ServiceWorker:

  • ServiceWorker 让你的网页拥抱服务端的能力 (opens new window)
  • 使用 Service Worker 让首页秒开 (opens new window)
  • 前端如何设计ServiceWorker缓存架构，优化前端性能 (opens new window)

• AbortController:这个 JavaScript API 比你想象中更强大！ (opens new window)

• BOM API：Notification: 你能让网页也像QQ那种一样发出右下角消息吗 (opens new window)

• TS

  • TypeScript 深水区：3 种类型来源和 3 种模块语法 (opens new window)
  • 类型编程原理和编写类型安全代码 (opens new window)
  • TypeScript 前端工程最佳实践 (opens new window)

• 渲染优化相关：

  • 什么？后端要一次性返回我10万条数据！且看我这8种方案机智应对！ (opens new window)
  • 批量任务导致页面卡死？试试requestIdleCallback对任务进行拆分 (opens new window)
  • 前端性能优化——如何对超大量数据进行渲染？ (opens new window)

• 我开源了一款 Canvas “瑞士军刀”，十几种“特效与工具”开箱即用 (opens new window)