书签

导航网站

• 编程导航
• 那些免费的砖
• cxy521 程序员一站式导航
• Web前端导航
• 前端导航平台
• Thoughtworks ： 通过整合战略、设计和软件工程帮助企业开启流畅数字化之路，引航未来征程

社区

• 掘金 ： 一个帮助开发者成长的社区
  • 掘金翻译计划
• SegmentFault 思否 ： 专注于解决编程问题，提高开发技能的社区
• 博客园 ： 面向开发者的知识分享社区
• CNodejs ： Node.js专业中文社区
• JS Tips ： 每天一条 JavaScript 小知识
• stackoverflow ： 编程相关的 IT 技术问答网站
• 前端早早聊
• 印记中文
• KanCloud 看云
• InfoQ ： 极客邦
• MongoDB 中文社区
• 阿里云 - 开发者社区

团队

• 腾讯 AlloyTeam 团队 ： 腾讯 Web 前端团队，代表作品 WebQQ，致力于前端技术的研究
  • 腾讯移动 Web 前端知识库
• 腾讯IMWeb团队
• TGideas ： 腾讯游戏官方设计团队
• 淘系前端团队（FED）
• 阿里妈妈营销研究和用户体验中心 ： 负责阿里巴巴集团商业产品的营销研究及用户体验设计、前端开发团队。
• 凹凸实验室 ： 京东零售集团，专注于用户体验及产品价值提升的产品研发团队
  • 羚珑 ： 一站式线上智能设计服务平台
  • Taro ： 多端统一开发解决方案
  • Deco ： 设计稿一键生成多端代码
• 奇舞周刊
• 美团技术团队
• 有赞技术团队
• 政采云前端团队（ZooTeam）
  • Zoo Weekly! 政采云前端小报
• 林间有风团队
• 百度 FEX

博客

• 阮一峰的网络日志
• 鑫空间，鑫生活 - 张鑫旭
• 廖雪峰
• 大圣前端编程自学网
• 酷壳 – CoolShell
• JSPang.com - 技术胖
• CrazyCodeBoy 的技术博客官网
• Anthony Fu
• W3cplus : 一个致力于推广国内前端行业的技术博客
• 全栈修仙之路 - 阿宝哥
• 冴羽的博客
• 神奇的程序员
• jsliang 的文档库 ： 包含了 jsliang 个人撰写的所有前端文章，例如 Vue、React,、ECharts、微信小程序、算法、数据结构等
• 千古壹号 - 前端图文教程
• CS-Notes ： 技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计
• yck - 前端进阶之道
• 木易杨 - 前端进阶
• 达达前端
• 若川的博客
• 程序员成长指北
• 浪里行舟
• 程序猿小卡
• 前端小智
• qiangdada
• Jeskson 哪吒
• SHERlocked93 个人博客
• fouber - blog
• lucifer 的网络博客
  • 大前端面试宝典 - 图解前端
  • 前端动画
• 前端精读周刊
• 前端收集
• Front-End-Basics & Grow Up ： 前端&全栈基础知识的总结
• Front-end-articles ： 编程经验和学习心得
• My Learning Notes and Memories - 分享我的学习片段和与你的回忆
• 😺猫的前端回忆录
• 0x98K's 编程理想国
• 看云 - JavaScript 前端开发
• 倾城之链 ： 倾城之链，作为一个开放平台，旨在云集全球优秀网站，探索互联网中更广阔的世界
  • 最全的资源教程 - 前端涉及的所有知识体系
• Road To Coding - 编程自学之路 ： 编程资源和分享内容的大聚合
• iBooker 布客 ： 布道 · 开源 · 智能 · 极客
• bugstack 虫洞栈 ： 包含Java 基础，面经手册，Netty4.x，手写Spring，用Java实现JVM，重学Java设计模式，SpringBoot中间件开发，IDEA插件开发，DDD系统架构项目开发，字节码编程等
• JavaGuide ： Java学习+面试指南，涵盖大部分 Java 程序员所需要掌握的核心知识
• Java 全栈知识体系 ： 包含Java 基础, Java 部分源码, JVM, Spring, Spring Boot, Spring Cloud, 数据库原理, MySQL, ElasticSearch, MongoDB, Docker, k8s, CI&CD, Linux, DevOps, 分布式, 中间件, 开发工具, Git, IDE, 源码阅读，读书笔记, 开源项目等
• Go 学习之路 ： Go 开发者博客、Go 微信公众号、Go 学习资料（文档、书籍、视频）
• Yanyan's Wiki 《操作系统》
• 国光
• oeasy 教程
• CrazyCodes - 记录|分享|开发|学习|中的点点滴滴

学习路线

• Developer Roadmaps ： 开发者学习路线
• Frontend Developer ： 前端开发者学习路线
• Obj.Tube - 前端学习路线
• 前端知识图谱 - F2E
• 千古壹号 - 2022年Web前端入门的自学路线
• GitHub最全前端资源汇总 ： GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、求职面试等）
• 前端技能汇总 Frontend Knowledge Structure
• 《后端架构师技术图谱》

面试

• 编写简历
  • 如何编写简历
  • Web前端程序员简历模板
• 简历制作网站
  • 知页
  • 五百丁
  • 超级简历
• 面试题集合
  • web前端面试 - 面试官系列
  • 前端面试每日 3+1 ： 以面试题来驱动学习
  • 前端开发面试题大收集，前端面试集锦
  • Front-end Developer Interview Questions - 前端工作面试问题
  • FE-interview - 收集的前端面试题和答案
• 面试题
  • 从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！
  • 从输入 URL 到页面加载完成的过程中都发生了什么事情？
  • 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)
  • 中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂(中)
  • 中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂(下)
  • 「前端面试题系列6」理解函数的柯里化
  • 「前端面试题系列7」Javascript 中的事件机制（从原生到框架）
  • 「前端面试题系列8」数组去重(10 种浓缩版)
  • 「前端面试题系列9」浅拷贝与深拷贝的含义、区别及实现

正则表达式

• 正则表达式的可视化=工具
  • Regulex
  • Regexper
• RegExr ： 集学习、构建 和 测试 正则表达式（Regular Expressions / RegEx / RegExp）于一身的在线工具。
• 正则大全
• 最全的常用正则表达式大全 - 包括校验数字、字符、一些特殊的需求等
• 为什么使用正则 test() 第一次是 true,第二次是 false？

编码规范

• Prettier
  • Prettier 的配置文件
• Stylelint ： CSS 检测器，可以让你在样式表中遵循一致的约定和避免错误
• ESLint ： 可组装的 JavaScript 和 JSX 检查工具
  • eslint-plugin-vue ： Vue.js 的 ESLint 插件
• JavaScript 代码规范
  • Standard
  • Airbnb
• 规范指引
  • TGideas 文档库 ： TGideas （腾讯游戏官方设计团队）面向合作伙伴提供的一个规范指引平台，包含了PC、移动端的规范以及常用组件工具等
  • Front-End Coding Guidelines - 前端代码规范 ： 由 凹凸实验室 整理，基于 W3C、苹果开发者 等官方文档，并结合团队日常业务需求以及团队在日常开发过程中总结提炼出的经验而制定。
  • 百度 - JavaScript 编码规范
  • Bootstrap 编码规范 - Code Guide ： 编写一致、灵活和可持续的 HTML 和 CSS 代码的规范。
• 编写模块化的CSS
  • 编写模块化的CSS：BEM
  • 编写模块化的CSS：命名空间
  • 编写模块化的CSS：CSS文件组织结构
  • CSS BEM 书写规范

Git

• Git Community Book 中文版
• Pro Git（中文版）
• Learn Git Branching ： 交互式的 Git 可视化教程
• 图解 Git
• Git - 简明指南
• 猴子都能懂的 GIT 入门
• 阮一峰 - 常用 Git 命令清单
• 廖雪峰 - Git 教程
• 颜海镜 - 我的git笔记
• 深入立即 Git
  • 深入理解Git - 一切皆commit
  • 深入理解Git - Git底层对象
• TortoiseSVN 新人使用指南
• 其他
  • Git效率工具 - 如何清除无用的过期分支

HTML

• DOM property 和 attribute 的区别详解
• Canvas
  • Canvas API中文文档首页地图
  • 用canvas绘制一个曲线动画 - 深入理解贝塞尔曲线
  • 一个canvas环形刻度进度条效果
  • 超多经典 Canvas 实例，动态离子背景、炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等
• Unicode
  • Unicode 字符百科
  • Unicode – The World Standard for Text and Emoji

CSS

• Bootstrap ： 使用 Bootstrap 构建快速、响应式布局的网站
• 学习CSS布局
• Grid Garden ： 一个用来学习 CSS Grid 的游戏
• CSS 的预编译语言
  • less
  • sass
    • 如何在 SCSS 使用 JavaScript 变量/scss全局变量
  • stylus
• CSS 代码片段
  • You-need-to-know-css ： Web开发者应该掌握的 CSS tricks
  • CSS Inspiration -- CSS灵感
  • Some CSS tricks，一些 CSS 常用样式
  • CSS Snippets
  • 30秒 CSS 中文版
  • 灵活运用CSS开发技巧
  • CSS3 Patterns Gallery ： CSS 图案
  • 不止于 CSS ： CSS/Web动画
  • SpinKit ： 实现各种加载效果的 CSS 代码片段
  • Coupon.io ： Generate Coupon-UI CSS code
• 雪碧图
  • CSS Sprites Generator ： CSS 雪碧图生成器
• 其他
  • Can I use
  • IOS 苹方字体的字重和 font-weight 值的对应关系

JavaScript

• JavaScript 标准
  • ECMAScript
    • ECMA 262 ： ECMA-262 的状态，过程和文件
    • ECMAScript® 2020 Language Specification
    • ECMAScript® 2021 Language Specification
• JavaScript 教程
  • MDN
  • 现代 JavaScript 教程
  • 网道
    • HTML 教程
    • JavaScript 教程
    • ES6 教程 - ES6 标准入门
    • Web API 教程
  • 函数式编程术语及示例
• JavaScript 代码片段
  • JavaScript Snippets ： JavaScript 代码片段
  • Favorite single line of code ： 单行代码片段
  • cloud-utils ： JavaScript 工具含糊
  • https://github.com/jsfront/src/blob/master/js.md ： JavaScript 常用代码收集
• JavaScript 工具库
  • Lodash ： 一个一致性、模块化、高性能的 JavaScript 实用工具库
  • Ramda ： 一款实用的 JavaScript 函数式编程库
  • BetterScroll 2.0 ： 一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。
  • Swiper ： 常用于移动端网站的内容触摸滑动插件
  • query-string ： 解析 URL 参数
  • clipboard.js ： 复制文本插件
  • Day.js ： 一个轻量的处理时间和日期的 JavaScript 库
  • lucky-canvas ： 基于 JS + Canvas 实现的【大转盘 & 九宫格 & 老虎机】抽奖插件
  • web-launch-app ： launch app from web page（调起app、调用端能力、下载app、环境判断、复制）
  • 图片处理库
    • AlloyImage ： 基于 HTML5 技术的专业图像处理库
    • blurify.js ： 图片模糊工具
    • cropperjs ： 图片裁剪工具
    • compressorjs ： JavaScript 图像压缩器
    • Pica ： 用于在浏览器中调整图像大小
    • image-conversion ： 简单易用的 JavaScript 图像转换工具，可以指定大小以压缩图像
    • Sharp ： 将常见格式的大图像转换为尺寸较小，对网络友好的 JPEG，PNG 和 WebP 格式的图像。
    • fabric.js ：可让你轻松使用 HTML5 Canvas 元素。它是一个位于 Canvas 元素之上的交互式对象模型，同时也是一个 「SVG-to-canvas」 的解析器
    • Resemble.js ： 使用 HTML Canvas 和 JavaScript 来实现图片的分析和比较
    • tui.image-editor ： 使用 HTML5 Canvas 的全功能图像编辑器
    • gif.js ： 运行在浏览器端的 JavaScript GIF 编码器
  • patch-package ： 修改node_modules里面的文件
    • 如何修改 node_modules 里的文件
    • 手动修改 node_modules 中的依赖包（patch-package）
  • flatpickr ： 一个轻巧且功能强大的 DateTime Picker
  • Clusterize.js ： 轻松显示大数据集的插件
  • PDF.js ： 用于解析和渲染 PDF 文件
  • epubjs ： 一个开源的电子书引擎，对 ePub 电子书进行解析、渲染、定位等
  • Pipcook ： 开源工具集，它能让 Web 开发者更好地使用机器学习
• JavaScript 相关文章
  • clean-code-javascript
  • JavaScript 秘密花园
  • 深入理解 JavaScript 异步 - 王福朋
  • 每个 JavaScript 工程师都应懂的33个概念
  • 面试助力，算法 101：JavaScript 描述
  • JavaScript数组去重（12种方法，史上最全）
  • 也来说说touch事件与点击穿透问题
  • 实现 Input 只能输入数字两位小数点，不闪烁方案
  • 多次快速请求同一数据接口时，由于请求返回的时间原因导致数据渲染混乱的web前端解决方案
• JavaScript 工具
  • Loupe ： 可视化 JavaScript 的调用栈 / 事件循环 / 回调队列是如何相互作用的
  • jsv9000： 可视化 JavaScript 的调用栈 / 事件循环 / 回调队列是如何相互作用的
  • AST Explorer ： 在线生成 AST
  • 腾讯浏览服务
  • Openbase : Choose the right package every time
• CDN
  • BootCDN
  • cdnjs
• v8 ： V8 是 Google 的开源高性能 JavaScript 和 WebAssembly 引擎，用 C++ 编写。
• Babel ： JavaScript 编译器

TypeScript

• TypeScript ： TypeScript is JavaScript with syntax for types.
• TypeScript UML Playground
• awesome-typescript ： TypeScript 相关资料
• TypeScript 入门教程
• 可能是中国最好的 TS 入门到进阶系统教程
• TypeScript 手册
• 深入理解 TypeScript

Node

• Node.js 中文网
• Node 相关文章
  • Nodejs技术栈
  • Node weekly
  • 狼叔：如何正确的学习Node.js
  • 七天学会NodeJS
  • 《Node.js 包教不包会》 - by alsotang
  • Node入门 - 一本全面的 Node.js 教程
  • Nodejs学习笔记
  • 换一种思路来学习 Node.js
  • 如何通过饿了么 Node.js 面试
  • Node.js 中文资料导航
  • Node.js 调试指南
  • 2019 年 Node.js 开发者指南
• Node 相关模块
  • awesome-nodejs ： Delightful Node.js packages and resources
  • mongoose ： 通过 Node 来操作 MongoDB 数据库的模块
    • Studio 3T ： MongoDB 客户端工具
• Node 框架
  • Koa ： 基于 Node.js 平台的下一代 web 开发框架
    • Koa2 进阶 - 学习笔记
    • Koa.js 设计模式 - 学习笔记
  • Express
    • Express4.x api 翻译（draft）
• 其他
  • 网易云音乐 NodeJS 版 API
  • QQ音乐API koa2 实现版本
  • 基于 node.js + Mongodb 构建的后台系统

移动端 H5

• 可能这些是你想要的H5软键盘兼容方案

浏览器

• 深入理解浏览器原理

调试

• whistle ： 基于 Node 实现的跨平台 Web 调试代理工具。主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用
  • 利用whistle调试移动端页面
• vConsole ： 一个轻量、可拓展、针对手机网页的前端开发者调试面板
• eruda ： 移动浏览器的控制台
• mdebug ： 基于React开发的移动web调试工具

前端构建工具

Webpack

• Webpack 官方文档
• Webpack 中文官方文档
• Webpack 5 知识体系
• 深入浅出 Webpack
• Tecvan - 深入研究 Webpack

Rollup

• Rollup ： Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码
• 10分钟快速入门rollup.js
• 10分钟快速进阶rollup.js
• 10分钟快速精通rollup.js——前置学习之基础知识篇
• 10分钟快速精通rollup.js——前置学习之rollup.js插件篇
• 10分钟快速精通rollup.js——Vue.js源码打包原理深度分析

项目建设

• if 我是前端团队 Leader，怎么制定前端协作规范?
• 前端监控平台
  • sentry
  • FunDebug
  • webfunny ： 轻量级的前端监控系统
  • 前端监控平台系列：JS SDK（已开源）
  • Webfunny
• 埋点
  • web 埋点实现原理了解一下
• Sonar代码质量管理 ： Sonar 一个 Web 系统，展现了静态代码扫描的结果，结果是可以自定义的 ,支持多种语言的原理是它的扩展性
• nrm ： npm 镜像源管理工具
• nvm ： Node.js 版本管理工具
• UI 组件文档搭建
  • Bi Sheng
  • Gatsby Theme for AntV

框架

Vue

• Vue 全家桶
  • Vue 官方文档
    • Vue3 ： https://staging-cn.vuejs.org/
    • Vue3 ： https://v3.cn.vuejs.org/
    • Vue2 ： https://cn.vuejs.org/
  • Vue Router ： Vue.js 官方路由
  • Vuex ： 专为 Vue.js 应用程序开发的状态管理模式 + 库
  • Pinia ： 专为 Vue.js 应用程序开发的一个全新的状态管理库
  • Vue CLI ： Vue.js 开发的标准工具
  • Vite 官方中文文档 ： 下一代前端开发与构建工具
  • Vue SSR (服务端渲)
    • NuxtJS
• Vue UI 组件库
  • 移动端
    • View UI ： 一套基于 Vue.js 的高质量 UI 组件库
    • Naive UI ： 一个 Vue 3 组件库
    • Vant 3 （适用于 Vue 3） ： 轻量、可靠的移动端 Vue 组件库
    • Muse-UI ： 基于 Vue 2.0 优雅的 Material Design UI 组件库
    • Vuetify ： 建立在Vue.js之上的完备的界面框架
    • VARLET ： 面向 Vue3 的 Material 风格移动端组件库
    • VUX ： 基于 WeUI 和 Vue(2.x) 开发的移动端UI组件库，主要服务于微信页面
    • Cube UI ： 基于 Vue.js 实现的精致移动端组件库
  • 桌面端
    • Element ： 基于 Vue 2.0 的桌面端组件库
    • Element Plus ： 基于 Vue 3，面向设计师和开发者的组件
    • Ant Design of Vue ： Ant Design 的 Vue 实现，开发和服务于企业级后台产品
    • PrimeVue : 基于 Vue 3 的免费开源、定制性强的前端 UI 组件库
    • umy-ui ： 基于 Vue 2.0 的桌面端组件库，流畅渲染表格万级数据
    • form-create ： 轻松搞定 form 表单，支持使用 json 数据生成表单
• Vue 工具库
  • vue-lazyload ： Vue 懒加载
  • vue-virtual-scroller ： 虚拟滚动解决方案
  • vue-virtual-scroll-list ： 支持具有高滚动性能的大量数据列表
  • VueUse ： Vue Composition API 的常用工具集
  • Mpvue Calendar : 一款基于 Vue 3的开源日历组件，功能丰富，支持多种模式和手势滑动
• Vue 解析
  • 用一张思维导图总结了 Vue | Vue-Router | Vuex 源码与架构要点
  • Vue 源码逐行注释分析以及流程思维导图
  • Vue 源码分析 - 基于 2.2.6 版本
  • Vue 全家桶原理
  • Vue.js 源码解析
  • Vue.js 技术揭秘
• Vue 相关文章
  • Vue3 + Axios + Element-Plus 实现全局的合并请求loading
• 其他
  • Vue3 One Piece
  • Vue 3 Template Explorer

React

• Create React App
• Create React App 中文文档
• React 官方文档
• React 中文文档
  • https://zh-hans.reactjs.org/
  • https://reactjs.bootcss.com/
• Redux 官方文档 ： A Predictable State Container for JS Apps
• Redux 中文文档 ： JS 应用的状态容器，提供可预测的状态管理
• 基于 React 开发的应用框架
  • UmiJS ： 插件化的企业级前端应用框架
  • Next.js 官方文档
  • Next.js 中文文档
• React UI 组件库
  • ANT DESIGN
  • ChatUI : 服务于对话领域的设计和开发体系，助力智能对话机器人的搭建
• React 技术揭秘

跨端框架

• uni-app ： 使用 Vue.js (opens new window) 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信 / 支付宝 / 百度 / 头条 / 飞书 / QQ / 快手 / 钉钉 / 淘宝）、快应用等多个平台。
  • luch-request ： 基于Promise开发的uni-app跨平台请求库
  • uni-app 中利用 Promise 实现 onLaunch 异步回调后执行 onLoad
  • uni-app返回上一页并刷新重载页面
  • uniapp /deep/设置子组件样式 h5生效，小程序失效问题解决
• Taro ： 一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。
• Chameleon 变色龙 ： 跨端统一解决方案
• Remax ： 使用真正的 React 构建跨平台小程序
• MPX ： 增强型跨端小程序框架
• kbone ： 致力于微信小程序和 Web 端同构的解决方案
• 相关组件
  • mp-html ： 一个强大的小程序富文本组件

React Native - 使用 React 来创建 Android 和 iOS 的原生应用

• React Native 官方文档
• React Native 中文文档

Flutter

• Flutter 中文文档 ： Google 开源的应用开发框架，只要一套代码库，即可构建、测试和发布适用于移动、Web、桌面和嵌入式平台的精美应用
• 《Flutter实战·第二版》

RxJS - 使用 Observables 的响应式编程的库

• RxJS 官方文档
• RxJS 中文文档
• RxJS - 给你如丝一般顺滑的编程体验（篇幅较长，建议收藏）

Mobx - 简单、可扩展的状态管理

• MobX 官方文档
• MobX 中文文档

数据可视化

• D3.js ： 基于数据来操作文档的 JavaScript 库
  • D3.js 官方文档
  • D3.js 中文文档
• Apache ECharts ： 一个基于 JavaScript 的开源可视化图表库
• vis.js ： 基于浏览器的动态 JavaScript 可视化库

WebGL / Three.js

• Threejs
• Threejs 中文文档
• Threejs 教程
• Threejs 零基础入门 - 郭隆邦
• WebGL 零基础入门 - 郭隆邦
• 郭隆邦 - Threejs 技术博客

其他

• Lerna ： 用于管理包含多个软件包（package）的 JavaScript 项目
• 后台模板
  • vue-admin-better
  • vue-element-admin
  • vue Vben Admin : 基于Vue3、Vite、TypeScript等最新技术栈开发
  • ANTD PRO VUE : 开箱即用的中台前端/设计解决方案
  • Naive-Ui-Admin : 基于Vue3、Vite、TypeScript等最新技术栈开发
  • ANT DESIGN PRO

微前端

• Micro frontends
• Micro Frontends - extending the microservice idea to frontend development
• Thinking in Microfrontend (微前端的那些事儿)
• 从微服务到微前端：浅谈微前端的设计思想
• 落地微前端 qiankun 理论与实践指北
• EMP微前端解决方案
• Garfish 微前端实现原理
• 微前端在美团外卖的实践
• 基于微前端的住宿商家应用治理
• vivo 商品中台的可视化微前端实践
• 有赞美业微前端的落地总结

低代码

• JeecgBoot ： 一款基于 BPM 的低代码平台
• LowCodeEngine ： 一套面向扩展设计的企业级低代码技术体系
• amis ： 一个低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率
• imgcook ： 设计稿智能生成代码
• 基于vue2 + koa2的 H5制作工具 ： 类似易企秀、百度H5等H5制作、建站工具
• 国内低代码平台有哪些？low code平台整理分享！

动画库

• Loading ： Loading 加载动画
• CSS
  • PixiJS ： HTML5创建引擎。使用最快，最灵活的2D WebGL渲染器创建美丽的数字内容。
  • animista ： 在线生成 CSS 动画
  • Animate.css ： CSS 动画库
  • csshake ： 实现多种不同样式的抖动效果
  • Hint.css ： CSS tooltip 提示工具库
  • Hover.css ： CSS 悬停效果工具库
• JavaScript
  • animejs ： anime-js 动画引擎
  • WOW.js ： JavaScript 动画库
  • mo.js ： 简洁、高效的图形动画库
  • Velocity.js ： 轻量级 JavaScript 动画库
  • Scene.js ： 创建基于时间轴的动画
  • Tween.js ： 一个简单的补间动画库
  • TweenMax.js ： 适用于移动端和现代互联网的超高性能专业级动画插件
  • GreenSock ： JavaScript 动画库
  • SVGA ： 跨平台的开源动画格式，同时兼容 iOS / Android / Web。
  • Lottie ： 一套跨平台的完整的动画效果解决方案。解析 Adobe After Effects 动画，可使用 Lottic 提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式，就可以直接运用在 iOS、Android、Web 和 React Native之上
  • SVG.js ： 用于操作 SVG 和执行 SVG 动画的轻量级库
  • GraphicsJS ： 一个基于 SVG/VML 技术的带有直观 API 的轻量级 JavaScript 图形库
  • Snap.svg ： 操纵 SVG 节点/制作 SVG 动画的框架
    • 使用 Snap.svg 制作动画
    • 张鑫旭：Snap.svg API中文文档兼demo实例页面
• 其他
  • GKA - Generate Keyframes Animation ： 简单的、高效的帧动画生成工具

图片、字体图标相关

• SVG vs Image, SVG vs Iconfont
• 图片压缩
  • tinypng ： 智能压缩 WebP、PNG、JPEG 图片
  • RECOMPRESSOR ： 最优图像优化
  • GIF Compressor ： 压缩 GIF
  • Optimizilla ： 在线图像优化器，使用最佳优化和压缩算法来达到最小尺寸的JPEG、GIF和PNG图像，同时保证最佳质量/尺寸比
  • shrinkme ： 压缩 JPG、PNG、WEBP、SVG 图片
  • docsmall ： 在线文件处理工具，可进行图片压缩、GIF压缩、PDF压缩、PDF合并、PDF分割功能
  • Squoosh ： Squoosh 可以减少文件大小并保持高质量。
  • tanpok ： 效果极佳的本地图片压缩工具，支持 JPG、JPEG、PNG 多种图片格式
  • 智图 ： 高效优质的图片优化平台
• 字体图标库
  • Font Awesome ： 提供可缩放矢量图标,可以被定制大小、颜色、阴影以及任何可以用 CSS 的样式。
  • IcoMoon ： 自定义图标字体构建器，允许选择图标并将其转换为字体。
  • iconfont ： 阿里妈妈 MUX 倾力打造的矢量图标管理、交流平台。
  • icons8 ： Icon 图标库
  • iconfinder ： Icon 图标库
  • feathericons ： Icon 图标库
  • flaticon ： Icon 图标库

视频

• 视频H5 video标签最佳实践
• VIDEO JS ： 为 HTML5 构建的网络视频播放器
• MediaElement.js ： HTML5 Medialement API 的播放器
• 西瓜视频播放器（HTML5） ： 一款带解析器、能节省流量的 HTML5 视频播放器

游戏

• Egret - 白鹭引擎

博客搭建

• VuePress ：Vue 驱动的静态网站生成器
  • vuepress-theme-hope ：一个具有强大功能的 vuepress 主题
  • vuepress-theme-reco
  • vuepress-theme-ktquez
• Docusaurus ： 快速构建以内容为核心的最佳网站

服务端

• Nginx 配置 ： 配置高性能、安全、稳定的NGINX服务器的最简单方法。
• GraphQL： 一种用于 API 的查询语言也是一个满足你数据查询的运行时
• 《SQL必知必会》思维导图

在线编程、刷题

• 在线编辑器
  • vscode.dev
  • codepen ： codepen 在线编辑器
  • codesandbox ： codesandbox 在线编辑器
  • JSRUN.NET ： JSRUN 在线编辑器
  • jsfiddle ： jsfiddle 在线编辑器
• LeetCode - 力扣
• LintCode - 领扣
• 牛客
• 剑指Offer - 名企面试官精讲典型编程题
• LeetCode 题解，记录自己的 LeetCode 解题之路
• 用动画的形式呈现解 LeetCode 题目的思路
• 力扣加加 - 努力做西湖区最好的算法题解
• 吴师兄学算法
• freeCodeCamp ： 免费学习编程 - JavaScript、Git等
• codegym ： Learn Java by doing , Start coding from scratch
• GeeksforGeeks
• 关于Python的面试
• 深度学习 500 问，以问答形式对常用的概率知识、线性代数、机器学习、深度学习、计算机视觉等热点问题进行阐述

书籍

• IT 熊猫
• 码农之家 ： 计算机电子书资源、编程技术文章、文档、视频推荐
• 未来世界的幸存者
• 前端内参
• JavaScript 二十年
• 我的职业是前端工程师

工具

• 草料二维码
• JSON 在线 ： JSON 在线解析
• carbon ： 将编程代码生成图片
• codepng ： 将编程代码生成图片
• Online UUID Generator

软件

• Responsively

聊天娱乐

• PotPlayer

常用工具

• Geek Uninstaller ： 软件快速卸载工具
• QTTabBar ： 文件夹扩展工具
• BandiZip ： 解压软件
• Everything ： 快速定位文件和文件夹
• Snipaste ： 截图工具
• Ditto ： 复制粘贴工具
• PowerToys ： 用于自定义 Windows 的实用工具
• ToDesk ： 远程控制软件

开发软件

• codelf ： 变量命名
• snippet generator ： 在线生成代码片段模板
• JetBrains
• Visual Studio Code
  • 国内下载vscode速度慢问题解决
• nvm ： Node.js 版本管理工具
• nrm ： npm 镜像源管理工具
• npkill ： 查找并删除 node_modules 文件夹
• rimraf ：A rm -rf util for nodejs，可用于删除 node_modules 文件夹
• FileZilla ： 免费开源的 FTP 工具
• SwitchHosts ： Hosts 管理工具
• Fiddler ： 代理工具
• Charles ： 代理工具
  • Charles 授权码在线生成
• MobaXterm
  • MobaXterm专业版注册码/激活码文件在线生成
• Intellij IDEA 教程网 ：主要分享Intellij IDEA 等各类编程工具的使用教程

慕课网项目

• 使用 Typescript + Vue3 开发高仿知乎专栏文档站点
• mpvue 实战「小慕读书」多端小程序
• Vue实战「小慕读书」管理后台
• 数据可视化 - 实战「慕课外卖」数据大屏
• 使用 Typescript 重构 Axios
• Web 前端架构师课 - 学习笔记