更新时间：2023-02-24 07:36:26（脚本自动生成，勿手动修改，详见：info.md)

F2E-Awesome

• 难度等级：☆ 为初级，☆☆ 为中级，☆☆☆ 为高级
• 标签体系：开发工具、前端类库、必学原理、移动端、PWA、WebAssembly、Canvas、小程序、WebGL、SVG、Elasticsearch、HTML5、模块化编程、Graphql、算法、加密、数据结构、包管理、Python、设计模式、数据库、CSS、函数式编程、网络协议、DOM、跨域、Git、事件模型、安全、前端规范、Nginx、DNS、CDN、V8、JS、Linux、Electron、抓包工具、测试、容器化、监控、浏览器、数据可视化、前端工程化、物联网、主流框架、消息队列、DevOps、微前端、LowCode、架构、AI、面试、前端组织、学习网站、技术杂谈、优化、Web、Serverless、源码学习、DevOps、Web3、Rust

开发工具

• Sublime Text ☆☆
• VS Code ☆☆☆
• Atom ☆☆
• WebStorm ☆☆☆

前端类库

• JS 类库
• jQuery ☆
• zepto ☆
• underscore ☆☆
• lodash ☆☆
• UI 库 ☆
• Bulma
• EasyUI
• Bootstrap
• Meterial Design
• Wired Elements(手绘风格 UI 库)
• 移动端
• SUI Mobile
• MUI
• 软件
• PS ☆
• AI ☆
• 精品 MAC 应用分享 ☆
• 视觉网站
• Behance ☆☆
• Dribbble ☆☆
• 原型工具
• Axure ☆
• Sketch ☆

必学原理

• AST 抽象语法树 ☆☆
• AST 与前端工程化实战 ☆☆
• 编译原理：从 0 写一个 js 解释器 ☆

移动端

• Native App
• React Native ☆☆
• Weex ☆☆
• NativeScript
• Hybird App
• Ionic ☆☆
• Cordova ☆☆
• Phonegap ☆☆
• Web App ☆
• 响应式布局
• rem ☆
• webview
• 页面通信 ☆
• 原理 ☆☆
• 关于 Hbuilder ☆
• 移动端 Touchend 事件不触发解决方案 ☆
• 移动Web UI库（H5框架）有哪些 ☆
• H5 移动调试全攻略 ☆☆
• Flutter
• Awesome-Flutter ☆
• 闲鱼Flutter互动引擎系列 ☆☆
• 深入了解 Flutter 的高性能图形渲染 ☆☆☆

PWA

• 官网 ☆☆
• 第一本 PWA 中文书 ☆☆
• PWA（Progressive Web App）初探总结 ☆
• 讲讲 PWA
• React 同构应用 PWA 升级指南 ☆
• 9 amazing PWA secrets ☆☆☆
• awesome-progressive-web-apps 打造 PWA 的资源集合
• pwa.rocks 一些优秀的 PWA 集合

WebAssembly

• WebAssembly，Web 的新时代 ☆☆
• 来谈谈 WebAssembly 是个啥？为何说它会影响每一个 Web 开发者？ ☆
• WebAssembly 系列（四）WebAssembly 工作原理 ☆☆☆
• 如何评论浏览器最新的 WebAssembly 字节码技术？ ☆☆

Canvas

• 玩转「Canvas」 ☆
• Canvas 实现单机版贪吃蛇 ☆☆☆
• 用 Canvas 画一个进度盘 ☆☆

小程序

• 快速上手小程序 ☆☆
• 细数小程序的坑 ☆☆
• 小程序开发 Tips ☆☆
• Taro 多端统一开发框架

WebGL

• WebGL技术储备 ☆☆
• WebGL的实际使用 ☆☆
• WebGL 3D版俄罗斯方块 ☆☆☆

SVG

• 走进 SVG ☆☆
• SVG 类库 snap.svg.js ☆☆

Elasticsearch

• Elasticsearch 官网
• 基于 Elasticsearch 实现搜索建议

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 页面滚动阻尼效果实现

模块化编程

• CMD ☆
• SeaJS ☆
• AMD ☆
• Requirejs ☆
• JS 模块化编程之彻底弄懂 CommonJS 和 AMD/CMD！ ☆
• AMD 和 CMD 的区别有哪些？ ☆

Graphql

• graphql
• apollo
• apollo-blog 需要翻墙

算法

• 前端数据结构与算法入门 ☆
• 算法练习 ☆☆
• JavaScript 算法与数据结构 ☆☆☆
• 算法入门 ☆☆
• 算法图解1 - 二分查找和大O表示法
• 算法图解2 - 数组和链表
• 算法图解3 - 递归，快排
• 算法图解4 - 散列表
• 算法图解5 - 图和广度优先搜索
• 算法图解6 - 狄克斯特拉算法与贪婪算法
• 算法图解7 - 动态规划
• 贪心算法
• 动态规划
• 搜索
• 图论
• 计算几何
• 数学
• 大数问题
• 矩阵计算
• 十大经典排序算法动画

加密

• 初探加密算法 ☆☆☆
• 算法分析 密码: as75 ☆☆☆
• 程序员实用算法 密码: mmap ☆☆☆
• 对称加密
• DES ☆☆☆
• 3DES ☆☆☆
• TDEA ☆☆☆
• Blowfish ☆☆☆
• RC2 ☆☆☆
• RC4 ☆☆☆
• RC5 ☆☆☆
• IDEA ☆☆☆
• SKIPJACK ☆☆☆
• AES ☆☆☆
• 非对称加密
• RSA ☆☆☆
• ECC（移动设备用） ☆☆☆
• Diffie-Hellman ☆☆☆
• El Gamal ☆☆☆
• DSA（数字签名用） ☆☆☆
• Hash 加密
• MD2 ☆☆☆
• MD4 ☆☆☆
• MD5 ☆☆☆
• HAVAL ☆☆☆
• SHA ☆☆☆
• 综合实践
• OAuth2.0 的四种授权方式 ☆☆

数据结构

• 分类
• 数组
• 栈
• 队列
• 链表
• 树
  • 二叉树
• 图
• 堆
• 散列表
• 链表
  • 单向链表
  • 双向链表
  • 环链表
• Data Structures for Beginners ☆☆

包管理

• npm ☆
• cnpm ☆
• yarn ☆
• homebrew ☆
• bower ☆

Python

• 初级 ☆
• Python 入门指南
• Python 官方文档
• Python 笔记
  • 简单语法
  • 常用操作
  • Open 文件操作
  • ...
• 中级 ☆☆
• 30s Python
• 爬虫
  • Scrapy
• Web 框架
  • Tornado
  • Jinja2
  • Flask
  • Django
• 高级 ☆☆☆
• Cook Book
• 分布式
  • Celery
• 移动端
  • Kivy
• 数据分析
  • Pandas
• 可视化
  • Matplotlib
  • Seaborn
  • Plotly
  • Bokeh
• 机器学习
  • Tensorflow
  • PyTorch
  • MxNet

设计模式

• 菜鸟-设计模式 ☆☆
• JavaScript 设计模式 ☆
• 常用的 Javascript 设计模式 ☆☆
• 23 种设计模式全解析
• 创建型模式
• 工厂方法
• 抽象工厂
• 建造者
• 原型
• 单例
• 结构型模式
• 适配器
• 桥接
• 组合
• 装饰器
• 外观
• 享元
• 代理
• 行为型模式
• 解释器
• 模板方法
• 责任链
• 命令
• 迭代器
• 中介者
• 备忘录
• 观察者
• 状态
• 策略
• 访问者

数据库

• MySQL ☆☆☆
• Redis ☆☆☆
• Redis 教程
• 读完这篇，你一定能真正理解 Redis 持久化
• Memcached ☆☆☆
• Memcached 教程
• 三种基本的存储引擎比较 ☆☆☆

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
• 如何检测页面滚动并执行动画
• 移动端无缝滚动动画实现
• 高级 ☆☆☆
• CSS3 动画原理
• 探究 CSS 解析原理
• 详谈层合成（composite）
• CSS Modules 使用详解
• Web 技巧 - 动画 ☆☆
• 扩展
• 30s CSS ☆
• 新手引导动画的 4 种实现方式

函数式编程

• 什么是函数式编程思维？ ☆☆☆
• 我眼中的 JavaScript 函数式编程 ☆☆☆
• 防抖和节流原理分析
• 参数个数 Arity
• 高阶组件 Higher-Order Functions (HOF)
• 偏应用函数 Partial Application
• 柯里化 Currying
• 闭包 Closure
• 自动柯里化 Auto Currying
• 函数合成 Function Composition
• Continuation
• 纯函数 Purity
• 副作用 Side effects
• 幂等 I