/FE-Cookbook

HTML/CSS & JavaScript, Web and related. 前端手册

Primary LanguageJavaScriptApache License 2.0Apache-2.0

FE-Cookbook

GitHub contributors GitHub issues PRs Welcome license Travis

在从事前端开发的时光中,从日常大牛的博客、动态中能零零散散看到不少好的技术文章,同时也看了不少前端书籍,包括《JavaScript 高级程序设计》、《JavaScript 语言精粹》、《HTML5高级程序设计》、《You Don't Know JS》系列、《CSS揭秘》等等,也针对很多方面的问题进行了细致的探索和查漏补缺,比如 CSS3 弹性盒布局、Hybrid App 唤起实现、Web 加载渲染性能、WebAssembly 等等,因此想通过这个项目把个人持续关注的前端相关内容汇总收集,一方面方便自己和其他同学日后查看、另一方面希望与有同样兴趣的同学一起将该项目完善壮大。

本项目持续更新中,如果觉得有用欢迎给项目添加 Star;如果觉得有任何需要改进或者需要完善的地方,欢迎贡献代码提请 PR,针对无冲突的内容我会快速合并。希望为前端圈贡献一些自己的力量。

根据个人理解,本项目分为以下六个部分,见目录

Outline / 目录

  • 读书笔记与计算机书籍
  • 基础概念与常用框架
  • 构建流程与技术文章
  • QA - 校招/社招前端笔试面试题汇总,计划纳入上百道题,正在持续更新中;
  • LeetCodeOJ - 用 JavaScript 刷算法题的一个项目集锦;

读书笔记与计算机书籍

类别 读书笔记名称 备注
HTML HTML5高级程序设计读书笔记: 根据《HTML5高级程序设计》一书整理的有关 HTML5 新兴 API 相关的知识点。
CSS CSS3 知识点整理
JavaScript JavaScript 高级程序设计笔记: 根据《JavaScript 高级程序设计》一书整理的知识点,将 JavaScript 及浏览器等相关内容梳理了一遍。
JavaScript You Don't Know JS 章节要点整理: 《You Don't Know JS》一书共六本,根据每个章节总结的知识点进行罗列,可以快速阅览 JavaScript 不为人知的一些设计细节,中文书籍见 GitBook
Node.js 深入理解 Node.js:核心**与源码分析
JavaScript Google 官方 PWA 天气预报程序代码 - 根据 Google 官方教程指导实现的天气预报 PWA 程序代码
Docker Docker 核心技术与实现原理
数据库 关系型数据库工作原理

基础概念与常用框架

基础概念

构建流程与技术文章

知识点框架

  • webpack - TBD
  • Vue - TBD
  • React - TBD
  • Angular - TBD
  • RxJS - TBD
  • TypeScript - TBD

前端相关基础技术文章

  1. Understanding JavaScript’s async await
  2. 6 Reasons Why JavaScript’s Async/Await Blows Promises Away
  3. An Introduction to Source Maps
  4. Babel 入门教程
  5. How to use SVG as a Placeholder, and Other Image Loading Techniques
  6. Understanding Node.js Event-Driven Architecture
  7. Comparing JavaScript Templating Engines: Jade, Mustache, Dust and More
  8. JSON Web Tokens vs. Session Cookies In Practice
  9. ES6 In Depth: Modules
  10. Why (and how) to use eslint in your project
  11. Speed up Your Node.js App with Native Addons
  12. Ten Things A Serious JavaScript Developer Should Learn
  13. Await and Async Explained with Diagrams and Examples
  14. But really, what is a JavaScript test?
  15. What the Fu*k JavaScript: A list of funny and tricky JavaScript examples
  16. Modern JavaScript Explained For Dinosaurs
  17. Modern JavaScript for Ancient Web Developers
  18. The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery) — SitePoint
  19. The Cost Of JavaScript - Addy Osmani
  20. JavaScript Start-up Performance - Addy Osmani
  21. How JavaScript works: memory management + how to handle 4 common memory leaks
  22. How JavaScript works: Event loop and the rise of Async programming + 5 ways to better coding with async/await
  23. How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code
  24. Understanding V8’s Bytecode
  25. How JavaScript works: an overview of the engine, the runtime, and the call stack
  26. Build a state management system with vanilla JavaScript
  27. Inside look at modern web browser (part 2)
  28. [Paper] Measuring the User Experience on a Large Scale: User-Centered Metrics for Web Applications
  29. Mouse events basics

Web 开发教程与最佳实践

Web 开发利器与书籍

打包与构建

CSS 相关文章

会议

WebAssembly 中文教程资源

算法与面试题

面试题汇总

由于从校招实习到校招提前批,一直在学习前端相关的基础知识并针对具体遇到的细节进行查漏补缺,零零散散发现很多内容值得反复回顾,所以将自己看到过认为还比较经典的题目汇总到这里,供大家参考。欢迎有兴趣的同学一起建设该部分,针对你擅长的部分添加问题与回答并提请 PR,问题格式参考各细分文件。

本部分内容大致分为以下几个方面:

类别 面试题地址 内容
HTML 面试题
CSS 面试题
JavaScript 面试题
TypeScript 面试题
Node.js 面试题
HTTP 面试题
Linux 面试题
Angular 面试题

本部分面试题在整理过程中有参考自如下内容源:

LeetCode

用 JavaScript 刷 LeetCode

Contribute

非常欢迎为该项目增加内容,共同完善前端技术整理。请 Fork 之后提交代码后发起 PR。

LICENSE

Apache 2.0

Contact

Joe Jiang, Email