-
《Javascript 高级程序设计》至少完整读一遍，第一遍至少用一个月、最好三遍，。每一遍都会有不同的收获，对每一章内容尝试画出思维导图。
-
《你不知道的JavaScript》 系列 https://github.com/getify/You-Dont-Know-JS
-
JavaScript标准参考教程 Ecmascript DOM BOM 基础
- react 官网 官网中文版
- react 组件生命周期
- React教程
- React.js 小书
- React 性能优化大挑战
- 虚拟 DOM 内部是如何工作的
- IMMUTABLE 详解
- 重新设计 React 组件库
- 从工程化角度讨论如何快速构建可靠React组件
- React 源码剖析系列 不可思议的 react diff
- 虚拟DOM Diff算法解析
- React 的 diff 算法
- react精髓之一---diff算法
- React 源码剖析系列 － 不可思议的 react diff
- react源码系列
- React 要出新 Context API 了
- React 组件解耦之道
- 深入理解react（源码分析）
- React源码解析
- React 设计中的闪光点
- React 底层揭秘
- 40 行代码内实现一个 React.js
- Vue -渐进式JavaScript框架
- 读懂源码：一步一步实现一个 Vue
- Vue 源码注释版 及 Vue 源码详细解析
- Vue原理解析之Virtual Dom
- Vue原理解析之observer模块
- vue源码解析系列
- vue源码分析
- Vue技术内幕逐行级别的 Vue 源码分析
- Vue.js 技术揭秘
- underscore中文文档
- underscore英文文档
- Underscore源码解析1
- Underscore源码解析2
- Underscore源码解析3
- Underscore源码解析4
- underscore-1.8.3.js 源码解读 & 系列文章
redux- vuex 技术胖的vuex视频教程
- Vuex 学习总结
- mobx
- 入门Webpack，看这篇就够了
- webpack中文文档
- Webpack 教程
- 使用 webpack3 配置多页应用
- 深度解析
create-react-app源码 - React配合Webpack实现代码分割与异步加载
- 前端面试之webpack篇
- webpack面试题有哪些
- 软件工程师需要了解的网络知识：从铜线到HTTP（一）—— 前言
- 软件工程师需要了解的网络知识：从铜线到HTTP（二）—— 以太网与交换机
- 软件工程师需要了解的网络知识：从铜线到HTTP（三）—— TCP/IP
- 软件工程师需要了解的网络知识：从铜线到HTTP（四）—— TCP 和路由器
- 软件工程师需要了解的网络知识：从铜线到HTTP（五）—— HTTP 和 HTTPS
- 浏览器HTTP缓存机制
- Cookie/Session机制详解
- 浅谈Web缓存
- 我知道的跨域与安全
- 你知道一次HTTP请求响应涉及了哪些知识吗？
- HTTP状态码->HTTP Status Code
- Https的前世今生
- 一篇文章带你详解 HTTP 协议（网络协议篇一） 一篇文章带你熟悉 TCP/IP 协议（网络协议篇二）
- Node进阶
- Node.js调试指南
- 深入浅出NodeJS
- nodeJS 学习笔记
- Node.js 知多少
- express
- koa进阶学习
- NodeJS调试指南
- 来谈谈WebAssembly是个啥？为何说它会影响每一个Web开发者
- WebAssembly 系列（一）生动形象地介绍 WebAssembly
- WebAssembly 系列（二）JavaScript Just-in-time (JIT) 工作原理
- WebAssembly 系列（三）编译器如何生成汇编
- WebAssembly 系列（四）WebAssembly 工作原理
- WebAssembly 系列（五）为什么 WebAssembly 更快？
- WebAssembly 系列（六）WebAssembly 的现在与未来
- Hybrid APP基础篇(一)->什么是Hybrid App
- Hybrid APP基础篇(二)->Native、Hybrid、React Native、Web App方案的分析比较
- Hybrid APP基础篇(三)->Hybrid APP之Native和H5页面交互原理
- Hybrid APP基础篇(四)->JSBridge的原理*
- 浅谈Hybrid技术的设计与实现
- 浅谈Hybrid技术的设计与实现第二弹
- 浅谈Hybrid技术的设计与实现第三弹——落地篇
- Hybrid App技术解析 -- 原理篇
- Hybrid App技术解析 -- 实战篇
- http://flutter-dev.cn/
- https://flutter-io.cn/
- https://flutterchina.club/
- https://juejin.im/tag/Flutter
- SDK
- Flutter 跨平台移动应用开发实战
- awesome-flutter
- 数据结构基础(北京大学)
- 算法基础(算法基础)
- Leetcode 题解
- 剑指Offer——名企面试官精讲典型编程题
- 七月在线算法公开课
- 编程之法
- 数据结构和算法 掌握线性表(队列、栈、链表)，二叉树,了解多叉树和图
- javascript-algorithms
- LeetCode with Javascript
- awesome-algorithm
- Chrome 开发者工具使用
- GitHub&Git入门基础 版本管理工具介绍—Git篇
- 移动应用抓包调试利器Charles
- Linux达人养成计划I
- Linux 达人养成计划 II
- Linux Guide for Developers
- vi编辑器的使用
- nginx 初始
- nginx 基本入门
- Nginx 的缓存配置与其他配置
- caniuse jsperf Can I Use是一个检测浏览器对JS、HTML5、CSS、SVG或者其他Web前端相关特性支持程度的列表。可以检测的浏览器包括桌面和移动版的主流浏览器：IE, Firefox, Chrome, Safari和 Opera等 你可以从列表中直接查看某个特性相关的浏览器支持程度，或者搜索
- 使用Benchmark.js和jsPerf分析代码性能
- Node.js 单元测试：我要写测试
- 测试框架 Mocha 实例教程
- 用Mocha和Chai对JavaScript进行单元测试
- 理解前端开发中的 unit test 和 e2e test
- E2E 测试之 Cypress
- Puppeteer: 更友好的 Headless Chrome Node API
- headless浏览器 Puppeteer 初探
-
轮播实现
-
图片懒加载、按需加载 网页图片加载优化方案
-
双向绑定实现
-
canvas与svg区别
-
观察者模式实现(事件模式)
-
实现 querystring 解析
-
var str = 'foo=bar&abc=xyz&abc=123'; querystring.parse(str) // { foo: 'bar', abc: [ 'xyz', '123' ] } -
函数节流 7 个基本的 JS 函数
-
红绿灯
-
event loop task microtask macrotask Event Loop的规范和实现
-
算法 快速排序、判断回文、数组去重、寻找最长回文串、判断一个数是不是2的幂
-
面向对象 http://jsbin.com/valuzudoje/edit?js,console http://jsbin.com/mezecazonu/edit?js,console
- What is Reactive Programming?
- Functional Reactive Programming
- 响应式编程介绍
- Reactive编程（一）:Reactive编程的背景
- Reactive编程（二）:代码演示
- Reactive编程（三）:一个简单的HTTP服
- RxJS 入门指引和初步应用
- 通俗的方式理解RxJS
- RxJS: 简单入门
- Rxjs--基础篇
- RXJS详解
- 构建流式应用—RxJS详解
- 异步事件管理：从Promise与async/await到RxJS
-
DOM 继承关系
- 深入理解计算机系统
- 操作系统之哲学原理
- 图解TCP/IP
- 算法导论
- web性能权威指南
- 人类简史
- 未来简史
- 系统化思维导论
- 代码整洁之道
- 从小工到专家 程序员修炼之道
- 重构
- 设计模式 GOF
- 数学之美
- 编程之美