Skip to content

FE-Cookbook

https://github.com/hijiangtao/FE-Cookbook

这是一个第三方作者整理的前端开发资料，代码仓库有2年没有更新了，可以参考。作者不是知名技术专家。

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

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

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

Outline / 目录

  • JavaScript - JavaScript 相关的知识汇总，包括读书笔记、知识点整理和语言实现细节等；
  • TypeScript - TBD
  • HTML - HTML 语言规范、读书笔记与新兴 API 介绍；
  • CSS - CSS 语言规范、读书笔记与专题讲解等；
  • Node.js - NodeJS 相关技术细节与实现、读书笔记等；
  • Tools & Codes - Web 开发前沿技术与工程打包细节等内容整理；
  • QA - 校招/社招前端笔试面试题汇总，计划纳入上百道题，正在持续更新中；
  • LeetCodeOJ - 用 JavaScript 刷算法题的一个项目集锦；

JavaScript

TypeScript

HTML

关键概念

CSS

CSS3

关键概念

Node.js

Tools & Codes

知识点框架

前端相关基础技术文章

  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 开发利器与书籍

Web 开发打包与未来技术

会议

WebAssembly 中文教程资源

示例代码

QA

  • 校招/社招前端笔试面试百题汇总：由于从校招实习到校招提前批，一直在学习前端相关的基础知识并针对具体遇到的细节进行查漏补缺，零零散散发现很多内容值得反复回顾，所以将自己看到过认为还比较经典的题目汇总到这里，供大家参考。
  • 用 JavaScript 刷 LeetCode

计算机科学技术文章

Last update: May 14, 2024