trafficstars

更新时间：2022-06-20 16:46:44（脚本自动生成，勿手动修改，详见：info.md)

F2E-Awesome

开发工具

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 ☆

移动端

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

小程序

Canvas

WebGL

SVG

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

HTML5

初级 ☆
- 语义化
- Audio 和 Video
- Web Storage
- HTML5 MDN
- HTML5 Tricks
- HTML5 教程手册
中级 ☆☆
高级 ☆☆☆
- Communication
- Web Workder
- requestAnimationFrame
- requestIdleCallback
扩展
- HTML5 API 大盘点 ☆☆
- H5 页面滚动阻尼效果实现

Elasticsearch

Graphql

graphql
apollo
apollo-blog 需要翻墙

模块化编程

算法

加密

初探加密算法 ☆☆☆
算法分析密码: 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

数据库

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

设计模式

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

网络协议

TCP ☆☆☆
UDP ☆☆☆
HTTP 协议入门 ☆
HTTP2 ☆☆☆
HTTPS ☆☆
- 一个故事讲完 HTTPS
- 图文还原 HTTPS 原理
计算机网络的 7 层协议 ☆☆☆

CSS

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

DOM

JavaScript HTML DOM ☆☆

函数式编程

什么是函数式编程思维？ ☆☆☆
我眼中的 JavaScript 函数式编程 ☆☆☆
防抖和节流原理分析
参数个数 Arity
高阶组件 Higher-Order Functions (HOF)
偏应用函数 Partial Application
柯里化 Currying
闭包 Closure
自动柯里化 Auto Currying
函数合成 Function Composition
Continuation
纯函数 Purity
副作用 Side effects
幂等 Idempotent
Point-Free Style
断言 Predicate
约定 Contracts
范畴 Category
JavaScript 函数式编程术语大全
...

跨域

JSONP ☆☆
CORS ☆☆
Nginx ☆☆

事件模型

观察者模式 ☆☆
DOM0 级模型 ☆☆
IE 事件模型 ☆☆
DOM2 级模型 ☆☆
JQuery Event 模型 ☆☆
JS 事件模型 ☆☆

安全

如何防止 XSS 攻击？
Web 安全之 XSS 和 CSRF ☆☆☆
Web 安全的三个攻防姿势 ☆☆☆
XSS 的原理分析与解剖 ☆☆☆
对于 XSS 和 CSRF 你究竟了解多少 ☆☆☆
CSRF 攻击的应对之道 ☆☆☆
SQL 注入 ☆☆☆
HTTPS ☆☆☆
内网渗透 ☆☆☆
DDos 攻击 ☆☆☆
点击劫持 ☆☆
Session 劫持 ☆☆
短信接口攻击 ☆☆
CC

前端规范

Nginx

Git

CDN

什么是 CDN？ ☆☆
CDN 带来这些性能优化 ☆☆☆

JS

初级 ☆
中级 ☆☆
- JS 模板引擎
- 前端路由跳转基本原理
- 垃圾回收
- JS 内存
  - JS 内存管理
  - 内存管理速成教程
- 堆和栈
- 继承
- 掌握 JS Stack Trace
- ES6
- JavaScript 引擎基础：Shapes 和 Inline Caches
- 33 Concepts Every JavaScript Developer Should Know
高级 ☆☆☆
扩展

Linux

ls/cd/rm/cat/chmod/chown/useradd/df/du/ps/top/head/tail ☆☆
Linux ☆☆
掌握 Linux 命令 Grep ☆☆
Linux 实用命令 ☆☆
Mac 下查看端口占用情况 ☆☆
程序员必备的 Linux 基础知识 ☆☆
网络操作
- curl
- netstat
- lsof
- ifconfig
- ssh
- tcpdump
- iptables
grep ☆☆
sed ☆☆
awk ☆☆☆
commander 将介绍如何利Javascript做为服务端脚本
chalk 命令行彩色输出
chokidar node文件监控

Electron

抓包工具

Fiddler ☆☆
Charles ☆☆
HttpWatch ☆☆
spy-debugger ☆☆
模拟请求
- Postman ☆☆

测试

单元测试
- Jest ☆☆☆
- Jasmine ☆☆☆
- mocha ☆☆☆
- chai ☆☆☆
- Karma ☆☆☆
软件测试
- 你了解软件测试吗？ ☆☆
自动化测试
- selenium_webdriver ☆☆
- Appium移动自动化测试 ☆☆
- Appium移动自动化测试 ☆☆
- UI 自动化测试 ☆☆☆
  
  网易UI自动化测试框架，开源的，结合AI，自动更新测试用例、自我学习和需求沉淀。智能测试方向！！！！
应用
- React单元测试策略及落地
- 使用 Jest 和 Enzyme 测试 React 组件

容器化

Docker
- Docker 边学边用 ☆☆
- Docker 构建统一的前端开发环境 ☆☆
- 私服推荐 Nexus ☆☆☆
- 大型企业级推荐 harbor ☆☆☆
- Docker 底层技术 ☆☆☆
- 精简 Docker 镜像的五种通用方法
K8s
- 什么是 Kubernetes ☆☆
- Kubernetes 架构简介 ☆☆
- 一文了解 Kubernetes ☆☆☆
Jenkins ☆☆☆
前端AB实验设计思路与实现原理 ☆☆☆

DNS

监控

数据可视化

图表 ☆☆
- echarts
- highcharts
- g2
地图 ☆☆
- Google Map
- Mapbox
- 高德
- 百度
- 腾讯
- 蜂鸟室内地图
埋点统计 ☆☆
- 揭开 JS 无埋点技术的神秘面纱

浏览器

前端工程化

Web 研发模式演变 ☆☆
我们是如何做好前端工程化和静态资源管理京东 ☆☆☆
百度 fis ☆☆
Scrat ☆☆
Grunt ☆☆
Gulp ☆☆
- Gulp
- Gulp 4
Webpack
- Webpack 4 ☆☆☆
  - Webpack 4 配置最佳实践
- 如何十倍提高你的 webpack 构建效率 ☆☆☆
- webpack 性能优化
  - 减小前端资源大小 ☆☆
  - 利用好持久化缓存 ☆☆☆
  - 监控和分析应用 ☆☆☆
Rollup
Browserify ☆☆
Parcel ☆☆
Babel
什么是 Kubernetes？ ☆☆
有赞前端质量保障体系 ☆☆☆
前端工程实践之可视化搭建系统 ☆☆
前端项目代码质量保障秘藉 ☆

物联网

消息队列

消息队列常见的 5 个应用场景
ActiveMQ
RabbitMQ
ZeroMQ
Kafka
- 了解 Kafka ☆☆
- Kafka 入门 ☆☆
- Kafka的架构原理，你真的理解吗？ ☆☆☆
MetaMQ
RocketMQ
消息队列mq总结 ☆☆
缓存淘汰算法--LRU算法 ☆☆☆

这个是各种消息队列的框架的核心算法，都是这个算法的变形

V8 引擎

DevOps

DevOps 简介 ☆
猪八戒网的 DevOps 进化论 ☆☆

微前端

LowCode

国内低代码平台 ☆☆☆

主流框架

Angular
- 依赖注入 ☆
- 指令 Directive ☆☆
- 剖析 Angularjs 语法 ☆☆
- build-your-own-angularjs
Vue
- Mint-UI ☆
- Element.UI ☆
- VUE2 ☆☆
- VUEX ☆☆
- Nuxtjs ☆
  - Nuxtjs 2.0 升级爬坑 ☆
- Axios ☆
- Vue-Router
  - Vue-Router 实现原理 ☆☆☆
- Vue-Loader ☆☆
- Vue.js 技术揭秘 ☆☆☆
React
- 脚手架 ☆
  - Create React App
  - Codesandbox
  - Rekit
- 30 seconds of React ☆☆
- How Does React Tell a Class from a Function? ☆☆
- Ant Design ☆☆
- 虚拟 Dom ☆☆
- Diff 算法 ☆☆☆
- react-app-rewired
- Dva ☆☆
- 探路 Roadhog ☆☆
- Redux
  - 深入理解 Redux 中间件 ☆☆☆
  - Redux 中文文档 ☆☆
- Redux-Saga ☆☆☆
- TakeLatest ☆☆☆
- React 16 新特性 ☆☆
- React-Router@4 ☆☆
- React 性能优化 ☆☆☆
- 21 项优化 React App 性能的技术
- 浅谈React性能优化的方向
- React Hooks
  - 30分钟精通 React Hooks ☆☆
  - React Hooks-概览 ☆☆
- UmiJS ☆☆
- Next.js ☆☆
  - Next.js 使用指南1－基本规则
  - Next.js 使用指南2－路由与加载
  - Next.js 使用指南3－高级配置
- Ts + React + Mobx 实现移动端浏览器控制台
- 阿里飞冰组件库 ☆☆
- 单测
  - React单元测试策略及落地
  - 使用 Jest 和 Enzyme 测试 React 组件
- 应用
  - 构建大型React应用程序的最佳实践

架构

AI

面试

前端组织

学习网站

技术杂谈

一个程序员的成长之路 - 剖析别人，总结自己 ☆☆☆

张云龙，全民直播CTO，也是个前端工程师
秒杀系统优化思路 ☆☆☆

尽量将请求拦截在系统上游（越上游越好）, 读多写少的常用多使用缓存（缓存抗读压力）
客户端高可用建设体系

2000万日订单背后：美团外卖客户端高可用建设体系
缓存架构设计 ☆☆☆

微博应对日访问量百亿级的缓存架构设
前端重构方案 ☆☆

规范、技术选型、性能优化、构建工具、开发效率
Taro - 多端开发框架 ☆☆

京东多端统一开发框架 - Taro
你可能不知道的前端知识点 ☆☆
V8 并发标记 ☆☆☆

引擎V8推出“并发标记”，可节省60%-70%的GC时间
JS 的数据结构 ☆☆

谁说前端就不需要学习数据结构了？
简话开源协议 ☆

了解开源协议，选择最合适的协议
把前端监控做到极致 ☆☆

从采集、数据处理、分析、报警 4 个维度进一步阐述如何把前端监控做到极致
设计一个百万级的消息推送系统 ☆☆☆

百万连接其实只是一个形容词，更多的是想表达如何来实现一个分布式的方案，可以灵活的水平拓展从而能支持更多的连接。
蚂蚁金服核心技术：百亿特征实时推荐算法揭秘

文章提出一整套创新算法与架构，通过对TensorFlow底层的弹性改造，解决了在线学习的弹性特征伸缩和稳定性问题，并以GroupLasso和特征在线频次过滤等自研算法优化了模型稀疏性
前端登录，这一篇就够了

文章列举了常见的登录方式，清晰易懂：Cookie + Session 登录、Token 登录、SSO 单点登录、OAuth 第三方登录

优化

初级 ☆
- 图片资源
  - WebP 在项目中的实践
- 代码合并
- 压缩
- 混淆
- Css sprits
- 减少 HTTP 请求
- Gzip
  - GZIP 的压缩原理与日常应用 ☆☆☆
- Keep-Alive
- DNS
中级 ☆☆
高级 ☆☆☆
- 彻底弄懂 HTTP 机制及原理
- 缓存
  - HTML5 离线存储
  - HTML 和 HTTP 头文件设置
    - HTTP 缓存
    - Meta
    - Expires
    - Cache-Control
    - Last-Modified / If-Modified-Since
    - Etag / If-None-Match
  - Nginx 缓存
  - 关键路径渲染优化
  - 关键渲染路径
  - 前端性能优化——关键渲染路径 👍
  - Storage
  - indexedDB
  - 浏览器存储之争
  - Service Worker
  - 从性能优化的角度看缓存
  - 聊一聊浏览器缓存机制
  - 浏览器缓存机制：强缓存、协商缓存
  - 数据存储：cookie、Storage、indexedDB
  - 离线应用缓存：App Cache => Manifest
- 服务端缓存
扩展
- 网站性能优化实战——从 12.67s 到 1.06s 的故事 ☆
- 用 100 行代码提升 10 倍的性能 ☆☆
- 美团网页首帧优化实践 ☆☆
- 前端性能提升秘笈！ ☆☆
- 网站优化实战 ☆☆☆
- 百度APP-Android H5首屏优化实践 ☆☆☆
- VasSonic，让你的 H5 页面首屏秒开 ☆☆☆
- Lazy Loading Video Based on Connection Speed ☆☆☆
- WebView性能、体验分析与优化 ☆☆
- 移动 H5 首屏秒开优化方案探讨 ☆☆
- 手机QQ Hybrid 的架构如何优化演进 ☆☆☆
- 高性能渲染十万条数据(虚拟列表) ☆☆
- 网站性能指标 - FMP ☆☆
- 聚焦 Web 性能指标 TTI ☆☆
工具
- YSlow
- Performance
- Google PageSpeed
- LightHouse

Serverless

源码学习

Web 服务器端

Nodejs
- 基础 web 框架
  - Express ☆
  - Koa
    - 阮一峰 Koa 入门教程 ☆
    - kick-off-koa ☆
    - koajs examples ☆☆
    - koa workshop ☆☆
  - hapijs ☆☆
  - restify
  - fastify
  - thinkjs
  - nextjs ☆☆
- node中比较棘手的问题
  - node内存泄漏排查
  - node错误处理机制
  - node.js cluster
    - PM2 初体验 ☆
    - Forever ☆☆
- 高度集成 web 框架
  - egg ☆☆☆
  - nest
  - thinkjs
  - loopback
  - sails ☆☆
  - nohup ☆☆
  - Nodejs 事件循环机制: 结合libuv和 nodejs 官网的blog
  - 剖析 nodejs 的事件循环
  - Stream ☆☆
  - Buffer ☆☆
  - 多进程 ☆☆
  - eleme node-interview ☆☆☆
  - node debug ☆☆
  - 内存相关 ☆☆☆
  - js snapshot 相关 ☆☆☆
  - node技术进阶与实践 ☆☆☆
deno ☆☆
nexus 搭建 npm 私服 ☆☆☆
Nginx ☆☆☆
nodejs 结合 dubbo 服务 node-zookeeper-dubbo ☆☆☆
thrifty -> nodejs实例 ☆☆
nodejs-learning-guide ☆☆☆
互联网架构为什么要做服务化？☆☆
什么是微服务
服务化架构的演进与实践☆☆
服务化实战之 dubbo、dubbox、motan、thrift、grpc等RPC框架比较及选型☆☆
Nodejs 最佳实践 ☆☆☆
技术栈：为什么 Node 是前端团队的核心技术栈 ☆☆☆

knowledge knowledge copied to clipboard

Metadata

F2E-Awesome

开发工具

前端类库

移动端

必学原理

PWA

WebAssembly

小程序

Canvas

WebGL

SVG

HTML5

Elasticsearch

Graphql

模块化编程

算法

加密

数据结构

包管理

Python

数据库

设计模式

网络协议

CSS

DOM

函数式编程

跨域

事件模型

安全

前端规范

Nginx

Git

CDN

JS

Linux

Electron

抓包工具

测试

容器化

DNS

监控

数据可视化

浏览器

前端工程化

物联网

消息队列

V8 引擎

DevOps

微前端

LowCode

主流框架

架构

AI

面试

前端组织

学习网站

技术杂谈

优化

Serverless

源码学习

Web 服务器端

← Metadata

Owner

Metadata

knowledge
knowledge copied to clipboard