🐟

什么是数据可视化、可视化的设计原则和方法、视觉感知、视觉编码、前端可视化工具

从攻击角度和防御角度看 Web 安全：XSS、CSRF、Injection、Dos、DDos、中间人攻击

为什么要使用 WebGL/GPU

怎样使用 WebGL（WebGL 入门第一步）

更多读物

Why：为什么要学 Node.js - Node.js 的应用场景

What：Node.js 是什么 - Node.js 运行时结构

How：怎样编写 Node.js 代码 - Http Server

延伸话题：贡献 Node.js 代码、编译 Node.js、诊断 / 追踪、WASM，NAPI

初识 HTTP：网络通讯模型、HTTP 模型

协议分析：发展历史、HTTP/1.1 报文分析

场景分析：静态资源、登录、视频播放、文件上传、跨域

应用：XHR、Fetch、Node 标准库、Axios、体验优化

其他协议扩展：WebSocket、QUIC

动画的基本原理：什么是动画、动画的历史、计算机动画原理

前端动画的分类：CSS 动画、SVG 动画、JS 动画、如何选择

前端动画如何实现（主要是 JS）：JS 动画的函数封装、简单动画、复杂动画

相关实践：动画资源、工作实践、动画的优化

React 的历史与应用

React 的设计思路：UI 编程痛点、响应式与转换式、组件化、生命周期

React（hooks）的写法：useState、useEffect

React 的实现：JSX 语法、Virtual DOM、Diff 算法

React 状态管理库 & 应用级框架介绍

Bug 与 Debug：Bug 的产生、前端 Debug 特点

Chrome 的 DevTools

移动端 H5 调试：真机调试、代理工具调试

开发调试技巧

关于前端开发：起源、架构、变迁、前端应用领域、语言、框架、工具、前端学习路线

关于 Web 标准：标准组织、W3C 及 Ecma 会员、W3C 规范制定流程、如何参与标准制定

一些问题和回答

什么是好的 JS 代码：各司其职、组件封装、过程抽象

使用 JS 解决实际问题：如何评价一段代码的好坏、写代码最应关注什么