ZONE.CI 全球网

1. D3.js2. Chart.js3. Apache ECharts4. Recharts5. Plotly.js6. Chartist.js7. Apex

1. Draft.js2. Slate.js3. Quill.js4. TinyMCE5. wangEditor6. ProseMirror7. Tiptap

1. JavaScript（1）Airbnb JavaScript Style Guide（2）JavaScript Standard Style（3）idio

1. Next.js2. Express.js3. Socket.io4. Nest.js5. Meteor.js6. Nuxt.js7. Koa.js8. S

1. React Beautiful Dnd2. Sortable3. Dragula4. React DnD5. Vue.Draggable6. intera

1. 工具库（1）Lodash（2）Underscore.js（3）Ramda（4）Collect.js2. 日期（1）date-fns3. 随机值（1）Cha

1. IconPark2. Font Awesome3. Ionicons4. Bootstrap Icons5. Unicons6. Tabler Icons

图标库动画库Vue 库React 库数据处理拖拽排序库文件处理库Node.js 框架前端代码规范富文本编辑器数据可视化库React 图标库Vue UI 组件库R

开源库实用工具实用技巧学习资源

[TOC]在工作中，前端的性能优化是非常重要的，那我们该从何入手？可以遵循雅虎前端优化35条军规，虽然这些“军规”中一些的原则有些过时（比如CSS Sprite

1. 资源加载优先级（1）预加载（2）预连接（3）预提取2. 图片懒加载（1）什么是懒加载（2）传统方式实现（3）Intersection Observer实现

1. 图像基础（1）矢量图和位图（2）分辨率（3）有损和无损压缩2. 图像格式（1）JEPG（2）GIF（3）PNG（4）WebP（5）SVG（6）Base64

1. 性能优化概述（1）性能优化的影响（2）性能的评估模型（3）性能优化的指标（4）性能优化的步骤2. 前端页面的性能检测（1）常见的性能检测工具（2）Perf

前端性能优化 | 什么是性能优化前端性能优化 | 图像优化前端性能优化 | 加载优化前端性能优化 | 雅虎35条军规

1. 什么是观察者模式/发布-订阅模式？（1）观察者模式：（2）发布-订阅模式：2. 观察者模式的实现3. 发布-订阅模式的实现4. Vue中的发布-订阅模式（

1. 什么是迭代器模式？2. 迭代器的简单实现3. JavaScript 原生支持4. ES6 中的迭代器5. 迭代器模式总结
1. 什么是迭代器模式？迭代器模

1. 适配器模式2. 适配器模式的实现3. 适配器模式的应用（1）业务数据适配（2）Vue 计算属性4. 源码中的适配器模式5. 适配器模式的优缺点6. 适配器

1. 什么是装饰器模式？2. 装饰器模式的原理3. 装饰器模式的使用场景（1）给浏览器事件添加新功能（2）给浏览器事件添加新功能4. 装饰器模式的优缺点5. 装

1. 什么是代理模式？2. 代理模式的实现3. 代理模式在实战中的应用（1）拦截器（2）前端框架的数据响应式化（3）缓存代理（4）保护代理和虚拟代理（5）正向代

1. 什么是策略模式？2. 策略模式的实现3. 策略模式的实际应用（1）表格 formatter（2）表单验证4. 策略模式的优缺点5. 策略模式的适用场景6.

1. 什么是状态模式？2. 状态模式的实现3. 状态管理的原理4. 状态模式的优缺点5. 状态模式的应用场景6. 状态模式与其他模式的区别（1）状态模式和策略模

1. 什么是工厂模式？2. 工厂模式的实现方式（1）简单工厂模式（2）工厂方法模式（3）抽象工厂模式3. 工厂模式的通用实现4. Vue中的工厂模式（1）VNo

1. 什么是单例模式？2. 单例模式的实现3. Vue中的单例模式（1）Element UI（2）Vuex4. 单例模式的优缺点5. 单例模式的使用场景
1.

1. 什么是设计模式？2. 设计原则概述（1）开放封闭原则（2）单一职责原则（3）里氏替换原则（4）接口隔离原则（5）依赖倒置原则（6）最少知识原则3. 设计模

前端设计模式单例模式工厂模式状态模式策略模式代理模式装饰器模式适配器模式迭代器模式观察者模式/发布-订阅模式