常用推荐

语雀

「语雀」是一个「专业的云端知识库」,孵化自 蚂蚁金服 ,是 体验科技 理念下的一款创新产品,已是 10 万阿里员工进行文档编写、知识沉淀的标配。

Vercel

专门做前端部署的网站,自带CDN,本站点就是用这个进行部署的。

DesignEvo

只需几分钟,你就能轻松制作出独一无二的Logo设计。

Temme

强大的网页数据提取工具。

前端资源分享

前端资源分享网-专注于前端资源的分享网站-一个专注于前端资源分享的站点!


图片图库

500PX

有着世界上最好的照片分享,你值得拥有.

Barnimages

由专业摄影师拍摄,图片质量非常高,均可免费下载,能商业.

Unsplash

Photos for everyone.

Pixabay

高清图片免费分享社区.

免版权图片

一键搜索多家免版权图库,再也不用担心商用图片侵权了.


在线游戏

小霸王

小霸王,其乐无穷。童年满满的回忆!

在线DOS游戏

在线玩 1800+ 个 DOS 游戏(金庸群侠传、仙剑奇侠传、红色警戒等)

太鼓达人

在线版太鼓达人,可以双人联机

贪吃蛇

在线玩贪吃蛇


灵感酷站

花瓣

现在每天超过 100 万专业设计师和生活的设计师们使用花瓣浏览器采集工具从全球网站采集超过 200 万灵感图片,在花瓣上线以来,已有超过 20 亿的采集被数千万花瓣用户采集到花瓣上,他们是花瓣真正的创造者。

站酷

中国人气设计师互动平台

Dribbble

全球UI设计师作品分享平台。

Pinterest

瀑流式灵感站

优设

优秀网页设计联盟

UI中国

专业界面交互平台

Loading

SVG+GIF+PNG等各种loading图

视觉Me

视觉中国设计师社区


免VIP影视

风小词影院

像风一样自由~


WEB COMPONENTS 组件库

FAST

微软官方的 Web Components 组件库。

Material Design

Material Design 的 Web Components实现。


前端框架

React

用于构建用户界面的 JavaScript 库

Vue

渐进式 JavaScript 库

Angular

一套框架多种平台


小程序框架

Remax

Remax 将 React 运行在小程序环境中,让你可以使用完整的 React 进行小程序开发。

Taro

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。

kbone

kbone 用于支持一个项目可以同时在 Web 端和小程序端被使用

omi/omip

Omi 可以开发桌面 Web、移动 H5,同时支持开发小程序

wepy

WePY 是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序

nanachi

基于 React 的多端小程序转译框架,完美兼容 React 生命周期

mpvue

框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。

wxa

wxa 是一个 AOP 框架,主要使用 Decorator(运行时改写,拦截)和预编译实现框架功能。

mpx

Mpx, 一款具有优秀开发体验和深度性能优化的增强型小程序开发框架。

megalo

Megalo 是基于 Vue(Vue@2.6.6) 的小程序开发框架,让开发者可以用 Vue 的开发方式开发小程序应用。

chameleon

Chameleon/kəˈmiːlɪən/,简写CML,中文名卡梅龙;中文意思变色龙,意味着就像变色龙一样能适应不同环境的跨端整体解决方案。

uni-app

框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。


React(PC)

Preact

React 的 3kb 轻量化方案,拥有同样的 ES6 API

React-Router

官方维护的路由库

Umi

可插拔的企业级 React 应用框架

dva

基于 React 和 redux,具有 elm 风格的轻量级框架。

Ant Design

企业级的 UI 设计语言和 React 实现

Ant Design Pro

开箱即用的中台前端/设计解决方案

Element React

Element UI 的 React 实现

Zent

PC 端 WebUI 规范的 React 实现,提供了一整套基础的 UI 组件以及一些常用的业务组件

Nerv

Nerv 是一款基于虚拟 DOM 技术的 JavaScript(TypeScript)库,它提供了与 React 16 一致的使用方式与 API,并且拥有更高的性能表现、更小的包大小以及更好的浏览器兼容性


React(Mobile)

React Native

基于 React 的移动端跨平台 UI

Ant Design Mobile

一个基于 Preact / React / React Native 的 UI 组件库

Pile

移动端 React 组件库

Zarm React

移动端 React 组件库


Vue(PC)

Element UI

基于 Vue 的组件库

View UI

基于 Vue 的组件库

Vue UI Framework

Vue 官方 UI 组件

VuePress

由 Vue 提供支持的静态站点生成器

vue-router

vue-router 是 Vue 官方提供的 router

vue-cli

vue-cli 帮助用户快速开发 Vue 的脚手架(scaffold)

Nuxt.js

Vue.js 元框架,用于快速创建复杂、高性能的通用 Web 应用程序


Vue(Mobile)

Vant

移动端 Vue 组件库

Cube UI

基于 Vue 实现的精致移动端组件库

Mand Mobile

面向金融场景的 Vue 移动端组件库

Mint UI

基于 Vue 的组件库

VUX

基于 Vue 的移动端组件库

Weex

基于 Vue 的移动端跨平台 UI

Zarm Vue

移动端 Vue 组件库


Angular

Element Angular

Element UI 的 Angular 实现

Ionic

基于 Angular 的移动端跨平台 UI

NG-ZORRO

Ant Design 的 Angular 实现

ng-alain

基于 ng-zorro-antd 的中台前端解决方案


Node.js

Koa

新一代的 Web 后台框架

egg

为企业级框架和 Node.js & Koa 应用程序而生

Express

快速极简的 Web 框架

nest

渐进式 Node.js 框架,构建高效、可靠和可扩展的 server 应用程序

ThinkJS

能够使用完整 ES6/7 特性进行开发的 Node.js 应用程序

npm

npm 是 JavaScript package 管理工具,在这里可以找到可复用代码,并以强大的全新方式进行聚合

cnpm

淘宝提供的 npmjs.org 镜像

yarn

快速、可靠和安全的依赖管理


CSS

Sass

Sass 是 CSS 的一个扩展,它使 CSS 的使用起来更加优雅和强大。

Less

Less 是 CSS 预处理语言,使 CSS 更易维护和扩展

Stylus

富有表现力、动态、健壮的 CSS

PostCSS

通过 JavaScript 来转换 CSS,并且提供强大的插件系统


语言文档和规范

Node.js

基于 V8 引擎的 JS 运行环境

MDN

提供 Web 技术文档,学习 Web 开发的最佳实践

ECMAScript

ECMAScript 2018 标准

GraphQL

一种用于 API 的查询语言

OpenAPI

OpenAPI 规范为 RESTful API 定义了一个与语言无关的标准接口

JSON Schema

JSON Schema 是一个词汇表,可以验证、注释和操作 JSON 文档


代码风格检查

ESLint

可组装的、用于 JavaScript 和 JSX 的代码检查工具

StyleLint

强大的现代 CSS 检测工具,帮助样式表遵循一致的约定和避免错误

Standard JS

JavaScript 风格指南、检查工具和格式化工具

Vue 风格指南

Vue 代码的风格指南


状态管理

Mobx

简单、可扩展的状态管理

Redux

JavaScript 状态容器,提供可预测化的状态管理

Rematch

Rematch 是没有 boilerplate 的 Redux 最佳实践

Vuex

vuex 是 Vue 官方提供的状态管理工具


编程教程

现代 JavaScript 教程

以最新的 JavaScript 标准为基准,通过简单但足够详细的内容,为你讲解从基础到高阶的 JavaScript 相关知识。

ES6 入门教程

《ECMAScript 6 入门教程》是一本开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新引入的语法特性。

TypeScript 入门教程

从 JavaScript 程序员的角度总结思考,循序渐进的理解 TypeScript

JavaScript Promise 迷你书

基于 Promise 进行异步编程的基本使用方法以及测试的编写方法、应用及反模式等内容的文档

学习 RxJS 操作符

通过每个操作符的清晰示例及解释来进行 RxJS 的学习


函数式编程

RxJS

RxJS 是 Reactive Extensions 的 JavaScript 实现,可以通过响应式和函数式编程模型组合异步数据流

Cycle.js

函数式和响应式的 JavaScript 框架

Ramda

一款实用的 JavaScript 函数式编程库


编译构建

webpack

用于现代 JavaScript 应用程序的静态模块打包工具

Parcel

零配置打包工具

Rollup

新一代 JavaScript 模块打包器

Babel

一个编译工具,让你可以项目中直接使用下一代 JavaScript

TypeScript

JavaScript 超集

Gulp

基于流的自动化构建工具

Grunt

JavaScript 世界的构建工具

Lerna

用于管理有多个包的 JavaScript 项目的工具


可视化工具

Threejs

JavaScript 3d 库

ECharts

使用 JavaScript 实现的开源可视化库

SpriteJS

跨平台的轻量级 2D 渲染对象模型

AntV 可视化解决方案

基于全新一代数据可视化解决方案 AntV

G2 可视化图形语法

一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性

G6 关系图类库

G6 是解决流程图和关系分析的图表库

F2 移动端图表库

面向移动端的一套基于可视化图形语法的图表库,具有精简、高性能、易扩展的特性

D3.js

一个遵循 Web 标准,用于可视化数据的 JavaScript 库

v-charts

基于 Vue 和 ECharts 封装的图表组件


其它工具

jQuery

高效精简强大的工具库

Zepto

轻量级的工具库

Lodash

一个现代的 JavaScript 工具库

markdown-it

Markdown 解析器。完全支持 CommonMark 规范,并且进行语法扩展、提供可编写插件和快速编译

localForage

通过简单类似 localStorage API 的异步数据存储来改进你的 Web 应用程序的离线体验

XGPlayer

带解析器、能节省流量的 Web 视频播放器

Chimee

奇舞团研制的 h5 播放器,它支持 mp4、m3u8、flv 等多种格式