前端瓶子君
资源推荐
JS 系列
- es6 及 es6+ 的能力集，你最常用的，这其中最有用的，都解决了什么问题
- typeof 可以判断哪些类型？instanceof 做了什么？null为什么被typeof错误的判断为了'object'
- 闭包的使用场景，使用闭包需要注意什么
- 了解词法环境吗？它和闭包有什么联系？
- WeakMap 和 Map 的区别，WeakMap 原理，为什么能被 GC？
- 从页面 A 打开一个新页面 B，B 页面关闭（包括意外崩溃），如何通知 A 页面？
- 什么变量是存储在堆/栈？
- 由一道bilibili面试题看Promise异步执行机制
- 讲下 V8 sort 的大概思路，并手写一个 sort 的实现
- 一道腾讯手写题，如何判断 url 中只包含 qq.com
- 实现颜色转换 'rgb(255, 255, 255)' -> '#FFFFFF' 的多种思路
- var、let、const 的本质区别是什么
- 监听一个变量的变化，需要怎么做
- Promise.allSettled 的作用，如何自己实现 Promise.allSettled
- Promise.any 的作用，如何自己实现一个 Promise.any
- Promise.prototype.finally 的作用，如何自己实现 Promise.prototype.finally
- 从 JavaScript 发展历史中聊ECMAScript
- JS 基础之: var、let、const、解构、展开、函数
- 深入 constructor、prototype、
__proto__、[[Prototype]] 及 原型链 - 前端必知必会之 JS 继承的 六 种实现方式
- 一文深入剖析 instanceof 运算符
- 深入 call、apply、bind、箭头函数以及柯里化
- 前端必知必会之 JS 单线程与异步
- JS 基础之异步（二）：callback
- JS 基础之异步（三）：Promise源码实现
- JS 基础之异步（四）：Generator（生成器、迭代器源码实现）
- JS 基础之异步（五）：Generator
- JS 基础之异步（六）：co 函数库
- JS异步解决方案的发展历程以及优缺点
- Tasks、microtasks、 queues 和 schedules
- [译]JavaScript：ES2019 的新特性
- 你可能从未使用过的11+个JavaScript特性
CSS
- 一行 CSS 为网页添加暗黑模式支持
- position 属性有哪些值，各有什么特点？
- CSS 会阻塞 DOM 解析吗？
- px、rpx、em、rem 、vw/vh、百分比的区别？
- 如何解决移动端 Retina 屏 1px 像素问题 ？
- 介绍下 BFC 布局规则，除此之外，你还知道哪些 CSS 格式化上下文?
- 实现元素水平垂直居中的 N 种方式
- CSS 实现多行文本展开收起效果
- CSS 如何画一个实心、带边缘色（气泡聊天框）、圆角的三角形
- N 炫酷的CSS3 loading加载动画，总有一款适合你
- 伪类与伪元素是怎么回事儿？
浏览器、网络
- 一文走进 HTTP 与 TCP 协议，它们的区别与联系
- http header怎么判断协议是不是websocket
- HTTP/2对比HTTP/1.1，特性是什么？是如何解决队头阻塞与压缩头部的？
- 为什么说HTTPS比HTTP安全呢
- 说一下 HTTP/3 新特性，为什么选择使用 UDP 协议？
- 如果让你去实现一个 CSRF 攻击你会怎么做？
- 除了CSRF，你还知道其它的攻击方式吗？
- 有关 HTTP 缓存的首部字段说一下
- 了解 HTTP/1.x 的 keep-alive 吗？它与 HTTP/2 多路复用的区别是什么？
- TCP 的三次握手和四次挥手，了解泛洪攻击么
- HTTP 状态码有哪些？该怎么用？
- 你真的了解 GET 和 POST 吗，它们的区别是什么？
- DNS 协议是什么？完整查询过程？为什么选择使用 UDP 协议发起 DNS 查询？
webpack
- 窥探原理：手写一个 JavaScript 打包器
- 窥探原理：手写一个 JavaScript 打包器源码
- webpack 系列一：最佳配置指北
- 五种可视化方案分析 webpack 打包性能瓶颈
- 玩转 webpack，使你的打包速度提升 90%
- webpack 系列三：优化开发体验
- webpack 系列四：优化包体积
- webpack 系列五：优化首屏加载时间及流畅度
- 手写 webpack 插件
- webpack5 展望
React 系列
- Hooks 与 React 生命周期的关系
- 深入diff 算法
- 深入 setState 机制
- React Refs and the DOM 揭秘
- Create React App 的 Webpack 4 配置高级进阶
- 2019年，实现 React 动画的 5 种方式
- [译]React v16.9 新特性
- 深入解读 React 核心之元素篇
- 深入解读 React 核心之组件篇
- 深入解读 React 核心之 Hooks 篇
- React 进阶系列
性能监控
小程序
浏览器
- 多图预警，种草 DevTools 新特性（ Chrome 80 ）
- 浏览器的重绘与回流（Repaint、Reflow）
- HTTP 状态码备忘单
- 调试 JavaScript 和 Node 时应使用的8个控制台命令
工具
- 高效编码必备的7个VSCode插件
- 12 个提高JavaScript编码效率的 NPM技巧
- 珍藏多年的 Git 问题和操作清单
- 关于 npm，必须要懂的知识
- 是时候抛弃Postman了，试试直接在 VS Code上调试并共享你的REST API调用
TS 系列
- 为什么要使用 TypeScript ? TypeScript 相对于 JavaScript 的优势是什么？
- TypeScript 中 const 和 readonly 的区别？枚举和常量枚举的区别？
- TypeScript 中 Interface 与 Type 的区别？在写 TypeScript 的时候，该用哪个比较好？
- TypeScript 中，关于 any 类型，你需要知道的一切
- TypeScript 中 any、unknown、never 和 void 有什么区别？
- 盘点 TypeScript 中我们常用的那些神奇符号
- void 在 JavaScript 与 TypeScript 中的对比使用
随思随想
- （译）Flutter 最佳实践
- 数组扁平化、去重、排序
- Set、WeakSet、Map及WeakMap
- ['1', '2', '3'].map(parseInt) what & why ?
- 深度优先遍历与广度优先遍历
- CommonJS 规范总结与扩展
- 探讨 requestAnimationFrame
- 浅谈节流与防抖
- ES6 之 Proxy
数据结构与算法
这部分已独立，前往 https://github.com/sisterAn/JavaScript-Algorithms
Node.js 系列
持续更新中。。。
欢迎关注公众号：前端瓶子君
