更新时间：2022-06-15 08:56:40（脚本自动生成，详见：info.md)

开发工具

• Sublime Text ☆☆
• VS Code ☆☆☆
• Atom ☆☆
• WebStorm ☆☆☆
• 标签体系：开发工具、HTML5、源码学习、CSS

F2E-Awesome

• 难度等级：☆ 为初级，☆☆ 为中级，☆☆☆ 为高级

HTML5

• 初级 ☆
  • 语义化
  • Audio 和 Video
  • Web Storage
  • HTML5 MDN
  • HTML5 Tricks
  • HTML5 教程手册
• 中级 ☆☆
  • 离线存储
  • HTML5 摄像头
  • HTML5 全屏
  • HTML5 拖放实现
  • HTML5 全屏滑动组件
  • HTML5 之地理定位（Geolocation）
  • HTML5 之消息通知（Web Notification）
  • HTML5 之音频合成（SpeechSynthesis）
  • WebSocket
• 高级 ☆☆☆
  • Communication
  • Web Workder
    • Web Worker
    • Web Workers + 5 cases
    • Speedy Introduction to Web Workers
  • requestAnimationFrame
  • requestIdleCallback
• 扩展
  • HTML5 API 大盘点 ☆☆
  • H5 页面滚动阻尼效果实现

源码学习

• Lodash 源码分析（一）“Function” Methods ☆☆☆
• Webpack 源码 ☆☆☆
• React 源码剖析系列 － 不可思议的 react diff ☆☆☆
• React 源码解析 ☆☆☆
• 逐行阅读 Redux 源码 ☆☆
• 解密 JQuery ☆☆☆
• Promise 的实现及解析 ☆☆☆
• 浅析 Redux-Saga 实现原理 ☆☆☆
• Antd 源码解读 ☆☆☆
• Vue.js 源码解析 ☆☆☆
• 自己动手做一个 Vue ☆☆☆
• vue-come-true ☆☆☆
• Vue.js 源码学习笔记 ☆☆☆
• 高效阅读 Github 源代码 ☆
• 从头实现一个 koa 框架 ☆☆☆

CSS

• 初级 ☆
  • CSS 3 简介
  • CSS 实用概要
  • CSS 实用 Tips
  • CSS 三大特性
  • 盒模型
  • box-sizing
  • IconFont
  • CSS 实现水平垂直居中的 10 种方式
• 中级 ☆☆
  • BFC
  • Flex
  • Grid layout
  • Flexbox vs Grid：基本概念
  • PostCSS
  • 预编译
    • SASS
    • LESS
    • Stylus
  • CSS3 动画
    • Animate CSS
    • All Animation CSS3
    • Transform
    • Translate
  • 如何检测页面滚动并执行动画
  • 移动端无缝滚动动画实现