这一年里，由于校招（实习 & 应届生招聘）以及在实验室做项目的缘故，一直在做前端开发/可视化研发相关的工作，并不断的为校招做准备，从日常大牛的博客、动态中能零零散散看到不少好的技术文章，同时在整个校招准备期间也看了不少前端书籍，包括《JavaScript 高级程序设计》、《JavaScript 语言精粹》、《HTML5高级程序设计》、《You Don't Know JS》系列、《CSS揭秘》等等，也针对很多方面的问题进行了细致的探索和查漏补缺，比如 CSS3 弹性盒布局、Hybrid App 唤起实现、Web 加载渲染性能、WebAssembly 等等，因此想通过这个项目把个人持续关注的前端相关内容汇总收集，一方面方便自己和其他同学日后查看、另一方面希望与有同样兴趣的同学一起将该项目完善壮大。
本项目持续更新中，如果觉得有用欢迎给项目添加 Star；如果觉得有任何需要改进或者需要完善的地方，欢迎贡献代码提请 PR，针对无冲突的内容我会快速合并。希望为前端圈贡献一些自己的力量。
根据个人理解，本项目分为以下六个部分，见目录
- JavaScript - JavaScript 相关的知识汇总，包括读书笔记、知识点整理和语言实现细节等；
- HTML - HTML 语言规范、读书笔记与新兴 API 介绍；
- CSS - CSS 语言规范、读书笔记与专题讲解等；
- Node.js - NodeJS 相关技术细节与实现、读书笔记等；
- Tools & Codes - Web 开发前沿技术与工程打包细节等内容整理；
- QA - 校招/社招前端笔试面试题汇总，计划纳入上百道题，正在持续更新中；
- LeetCodeOJ - 用 JavaScript 刷算法题的一个项目集锦；
- JavaScript 高级程序设计笔记: 根据《JavaScript 高级程序设计》一书整理的知识点，将 JavaScript 及浏览器等相关内容梳理了一遍。
- You Don't Know JS 章节要点整理: 《You Don't Know JS》一书共六本，根据每个章节总结的知识点进行罗列，可以快速阅览 JavaScript 不为人知的一些设计细节。
- HTML5高级程序设计读书笔记: 根据《HTML5高级程序设计》一书整理的有关 HTML5 新兴 API 相关的知识点。
- 学习 CSS 布局
- 深入理解 CSS3 弹性盒布局模型
- Color - MDN
- 移动端 1px 细线解决方案总结
- CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport
- 学习使用：before和：after伪元素
- Android 浏览器文本垂直居中问题
- 深入浅出 NodeJs 读书笔记：完善中
- Understanding JavaScript’s async await
- 6 Reasons Why JavaScript’s Async/Await Blows Promises Away
- An Introduction to Source Maps
- Babel 入门教程
- How to use SVG as a Placeholder, and Other Image Loading Techniques
- Understanding Node.js Event-Driven Architecture
- Comparing JavaScript Templating Engines: Jade, Mustache, Dust and More
- JSON Web Tokens vs. Session Cookies In Practice
- ES6 In Depth: Modules
- Why (and how) to use eslint in your project
- Speed up Your Node.js App with Native Addons
- Ten Things A Serious JavaScript Developer Should Learn
- Await and Async Explained with Diagrams and Examples
- But really, what is a JavaScript test?
- What the Fu*k JavaScript: A list of funny and tricky JavaScript examples
- Modern JavaScript Explained For Dinosaurs
- Modern JavaScript for Ancient Web Developers
- The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery) — SitePoint
- The Cost Of JavaScript - Addy Osmani
- JavaScript Start-up Performance - Addy Osmani
- How JavaScript works: memory management + how to handle 4 common memory leaks
- How JavaScript works: Event loop and the rise of Async programming + 5 ways to better coding with async/await
- How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code
- Understanding V8’s Bytecode
- How JavaScript works: an overview of the engine, the runtime, and the call stack
- HTTP协议入门
- How to center in CSS
- 正则表达式30分钟入门教程
- 在安卓设备上使用 Chrome 远程调试功能
- 关于通过H5页面唤Native户端的介绍
- 前端性能优化最佳实践
- The Cost Of JavaScript
- SSL/TLS协议运行机制的概述 | 图解SSL/TLS协议
- The 12-Factor App - 简体中文 | 原版
- JavaScript 运行机制详解：再谈Event Loop
- web worker详解
- A simple interactive ES6 Feature list
- Airbnb Javascript Styleguide
- How I rediscovered my love for JavaScript after throwing 90% of it in the trash.
- The birth and death of JavaScript
- cssreference.io - A free visual guide to CSS.
- JavaScript equality table
- Color Picker
- Simple Icons, SVG icons for popular brands
- Web Page Test - Test a website's performance
- Web Manifest Validator - Test the validity of a Web Manifest
- Modern-js-cheatsheet: Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.
- webpack | webpack 学习与起步教程 | webpack 配置文件样例
- JSLint - The JavaScript Code Quality Tool
- WebAssembly - A new portable, size- and load-time-efficient format suitable for compilation to the web.
- Google 官方 PWA 天气预报程序代码 - 根据 Google 官方教程指导实现的天气预报 PWA 程序代码
- 校招/社招前端笔试面试百题汇总：由于从校招实习到校招提前批，一直在学习前端相关的基础知识并针对具体遇到的细节进行查漏补缺，零零散散发现很多内容值得反复回顾，所以将自己看到过认为还比较经典的题目汇总到这里，供大家参考。
- 用 JavaScript 刷 LeetCode
非常欢迎为该项目增加内容，共同完善前端技术整理。请 Fork 之后提交代码后发起 PR。
Apache 2.0
Joe Jiang, Email