BranchesTags

Latest commit

History

88 Commits

Folders and files

NameName
Last commit message
Last commit date
docs
docs
img
img
README.md
README.md

Repository files navigation

如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.

目录

前端书籍

文章

前端基础

HTTP

混合开发

性能优化

前端工程

AST

业内发展

  • Kotlin：Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行
  • clojurescript：基于Clojure语言的JS封装
  • PWA：PWA（Progressive Web App），渐进式网络应用
  • React Native：基于 React 的跨平台移动应用开发框架
  • Nodejs：是一个基于 Chrome V8 引擎的 JavaScript 运行环境
  • 小程序

工具使用

其他

前端团队

TeamTeamTeam
淘宝前端团队（FED）腾讯前端IMWEB团队腾讯ISUX
百度用户体验中心腾讯设计团队360奇舞团
百度前端研发部美团点评技术团队腾讯Web前端团队

前端社区

CommunityCommunityCommunity
博客园CSDN开源中国
掘金segmentfault前端网
大前端乱炖CNODE

前端视频网站

LearnLearnLearn
极客学院慕课网egghead

代码仓库

RepositorieRepositorieRepositorie
githubbitbucket码云

在线编辑

CodeEditCodeEdit
CodePenjsfiddle

模版引擎

名称简介
Pug(Jade)Pug – robust, elegant, feature rich template engine for Node.js
Handlebars前端模板引擎

前端框架

名称简介
React React is a JavaScript library for building user interfaces.
Vue尤大的MVVM框架
AngularGoogle推出的MVVM框架

前端UI框架

名称简介
Bootstrap经典
Bootstrap-Material-Designmaterial-design设计风格的Bootstrap
Material-UIReact版本Material-UI
Ant Design of ReactReact版本的Ant Design
Element-UI基于vue的UI框架
IViewA high quality UI Toolkit built on Vue.js 2.0

移动端(混合)框架

库简介
React-NativeA framework for building native apps with React.
IonicBuild amazing native and progressive web apps with open web technologies
WeexA framework for building Mobile cross-platform UI

移动UI框架

库简介
VuxMobile UI Components based on Vue & WeUI
WeuiA UI library by WeChat official design team
AmazeuiAmaze UI, a mobile-first and modular front-end framework
MUI最接近原生APP体验的高性能框架
Mint-UIMobile UI elements for Vue.js
SUI-Mobile阿里巴巴国际UED前端出品的移动端UI库，轻量精美
Muse-UIMaterial Design UI library for Vuejs 2.0
Ant-Design-MobileA configurable Mobile UI

状态管理库

库简介
ReduxPredictable state container for JavaScript apps
FluxAn application architecture for React utilizing a unidirectional data flow.
VuexCentralized State Management for Vue.js
MobxSimple, scalable state management

Nodejs框架(服务)

库简介
ExpressFast, unopinionated, minimalist web framework for node
KoaExpressive middleware for node.js using ES2017 async functions
FastifyFast and low overhead web framework, for Node.js
Socket-IORealtime application framework (Node.JS server)
PM2Production Process Manager for Node.js apps with a built-in Load Balancer.
AxiosPromise based HTTP client for the browser and node.js
Bluebird🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance

SSR(服务端渲染)

库简介
Next.jsFramework for server-rendered or statically-exported React apps
Nuxt.jsVersatile Vue.js Framework

桌面应用构建

库简介
ElectronBuild cross platform desktop apps with JavaScript, HTML, and CSS
NW.jshttps://nwjs.io
Electron-Vue是用vue和Electron写桌面应用

预编译

库简介
LessThe dynamic stylesheet language.
Sass
TypeScriptTypeScript is a superset of JavaScript that compiles to clean JavaScript output

构建工具

库简介
GurntGrunt: The JavaScript Task Runner
GulpThe streaming build system
Fis3FIS3 面向前端的工程构建系统
Webpackwebpack is a module bundler
RollupNext-generation ES module bundler https://rollupjs.org

前端包管理器

库简介
Npma JavaScript package manager
Yarn📦🐈 Fast, reliable, and secure dependency management.

前端测试

库简介
PuppeteerHeadless Chrome Node API
JestDelightful JavaScript Testing.
Mocha☕️ simple, flexible, fun javascript test framework for node.js & the browser
Chaitesting framework for node.js
RewireEasy monkey-patching for node.js unit tests
IstanbulJS code coverage tool

持续集成

库简介
Travis CIFree continuous integration platform for GitHub projects.

常用工具

名称简介
Can I useCan I use
Charles抓包，代理小能手
tinypng图片压缩
favicon生成站标
easyicon图标下载
gopng图片生成
图片转Base64图片转Base64
Beyond Compare 4文件比对
FastStone Capture截图，录屏
Mark Main高效的设计稿标注、测量工具
easy-mockMock数据
JSDocJS生成文档
regexr正则匹配
pxtoempx转em
Unicode字符百科查询各种unicode字符

About

🌈汇集了前端技术书籍、前端热门技术、前端发展等资料。

zhaoqize.github.io/FE-Guide/.

Topics

cssguidehtmljavascriptnodejs

Resources

Readme
Activity

Stars

334 stars

Watchers

27 watching

Forks

66 forks
Report repository

Releases

Packages

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
BranchesTags
Latest commit
History
88 Commits
Folders and files
NameName
Last commit message
Last commit date
docs
docs
img
img
README.md
README.md
Repository files navigation
如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.
目录
前端书籍
文章
前端基础
HTTP
混合开发
性能优化
前端工程
AST
业内发展
  • Kotlin：Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行
  • clojurescript：基于Clojure语言的JS封装
  • PWA：PWA（Progressive Web App），渐进式网络应用
  • React Native：基于 React 的跨平台移动应用开发框架
  • Nodejs：是一个基于 Chrome V8 引擎的 JavaScript 运行环境
  • 小程序
工具使用
其他
前端团队
TeamTeamTeam
淘宝前端团队（FED）腾讯前端IMWEB团队腾讯ISUX
百度用户体验中心腾讯设计团队360奇舞团
百度前端研发部美团点评技术团队腾讯Web前端团队
前端社区
CommunityCommunityCommunity
博客园CSDN开源中国
掘金segmentfault前端网
大前端乱炖CNODE
前端视频网站
LearnLearnLearn
极客学院慕课网egghead
代码仓库
RepositorieRepositorieRepositorie
githubbitbucket码云
在线编辑
CodeEditCodeEdit
CodePenjsfiddle
模版引擎
名称简介
Pug(Jade)Pug – robust, elegant, feature rich template engine for Node.js
Handlebars前端模板引擎
前端框架
名称简介
React React is a JavaScript library for building user interfaces.
Vue尤大的MVVM框架
AngularGoogle推出的MVVM框架
前端UI框架
名称简介
Bootstrap经典
Bootstrap-Material-Designmaterial-design设计风格的Bootstrap
Material-UIReact版本Material-UI
Ant Design of ReactReact版本的Ant Design
Element-UI基于vue的UI框架
IViewA high quality UI Toolkit built on Vue.js 2.0
移动端(混合)框架
库简介
React-NativeA framework for building native apps with React.
IonicBuild amazing native and progressive web apps with open web technologies
WeexA framework for building Mobile cross-platform UI
移动UI框架
库简介
VuxMobile UI Components based on Vue & WeUI
WeuiA UI library by WeChat official design team
AmazeuiAmaze UI, a mobile-first and modular front-end framework
MUI最接近原生APP体验的高性能框架
Mint-UIMobile UI elements for Vue.js
SUI-Mobile阿里巴巴国际UED前端出品的移动端UI库，轻量精美
Muse-UIMaterial Design UI library for Vuejs 2.0
Ant-Design-MobileA configurable Mobile UI
状态管理库
库简介
ReduxPredictable state container for JavaScript apps
FluxAn application architecture for React utilizing a unidirectional data flow.
VuexCentralized State Management for Vue.js
MobxSimple, scalable state management
Nodejs框架(服务)
库简介
ExpressFast, unopinionated, minimalist web framework for node
KoaExpressive middleware for node.js using ES2017 async functions
FastifyFast and low overhead web framework, for Node.js
Socket-IORealtime application framework (Node.JS server)
PM2Production Process Manager for Node.js apps with a built-in Load Balancer.
AxiosPromise based HTTP client for the browser and node.js
Bluebird🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance
SSR(服务端渲染)
库简介
Next.jsFramework for server-rendered or statically-exported React apps
Nuxt.jsVersatile Vue.js Framework
桌面应用构建
库简介
ElectronBuild cross platform desktop apps with JavaScript, HTML, and CSS
NW.jshttps://nwjs.io
Electron-Vue是用vue和Electron写桌面应用
预编译
库简介
LessThe dynamic stylesheet language.
Sass
TypeScriptTypeScript is a superset of JavaScript that compiles to clean JavaScript output
构建工具
库简介
GurntGrunt: The JavaScript Task Runner
GulpThe streaming build system
Fis3FIS3 面向前端的工程构建系统
Webpackwebpack is a module bundler
RollupNext-generation ES module bundler https://rollupjs.org
前端包管理器
库简介
Npma JavaScript package manager
Yarn📦🐈 Fast, reliable, and secure dependency management.
前端测试
库简介
PuppeteerHeadless Chrome Node API
JestDelightful JavaScript Testing.
Mocha☕️ simple, flexible, fun javascript test framework for node.js & the browser
Chaitesting framework for node.js
RewireEasy monkey-patching for node.js unit tests
IstanbulJS code coverage tool
持续集成
库简介
Travis CIFree continuous integration platform for GitHub projects.
常用工具
名称简介
Can I useCan I use
Charles抓包，代理小能手
tinypng图片压缩
favicon生成站标
easyicon图标下载
gopng图片生成
图片转Base64图片转Base64
Beyond Compare 4文件比对
FastStone Capture截图，录屏
Mark Main高效的设计稿标注、测量工具
easy-mockMock数据
JSDocJS生成文档
regexr正则匹配
pxtoempx转em
Unicode字符百科查询各种unicode字符
About
🌈汇集了前端技术书籍、前端热门技术、前端发展等资料。
zhaoqize.github.io/FE-Guide/.
Topics
cssguidehtmljavascriptnodejs
Resources
Readme
Activity
Stars
334 stars
Watchers
27 watching
Forks
66 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
88 Commits
Folders and files
NameName
Last commit message
Last commit date
docs
docs
img
img
README.md
README.md
Repository files navigation
如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.
目录
前端书籍
文章
前端基础
HTTP
混合开发
性能优化
前端工程
AST
业内发展
  • Kotlin：Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行
  • clojurescript：基于Clojure语言的JS封装
  • PWA：PWA（Progressive Web App），渐进式网络应用
  • React Native：基于 React 的跨平台移动应用开发框架
  • Nodejs：是一个基于 Chrome V8 引擎的 JavaScript 运行环境
  • 小程序
工具使用
其他
前端团队
TeamTeamTeam
淘宝前端团队（FED）腾讯前端IMWEB团队腾讯ISUX
百度用户体验中心腾讯设计团队360奇舞团
百度前端研发部美团点评技术团队腾讯Web前端团队
前端社区
CommunityCommunityCommunity
博客园CSDN开源中国
掘金segmentfault前端网
大前端乱炖CNODE
前端视频网站
LearnLearnLearn
极客学院慕课网egghead
代码仓库
RepositorieRepositorieRepositorie
githubbitbucket码云
在线编辑
CodeEditCodeEdit
CodePenjsfiddle
模版引擎
名称简介
Pug(Jade)Pug – robust, elegant, feature rich template engine for Node.js
Handlebars前端模板引擎
前端框架
名称简介
React React is a JavaScript library for building user interfaces.
Vue尤大的MVVM框架
AngularGoogle推出的MVVM框架
前端UI框架
名称简介
Bootstrap经典
Bootstrap-Material-Designmaterial-design设计风格的Bootstrap
Material-UIReact版本Material-UI
Ant Design of ReactReact版本的Ant Design
Element-UI基于vue的UI框架
IViewA high quality UI Toolkit built on Vue.js 2.0
移动端(混合)框架
库简介
React-NativeA framework for building native apps with React.
IonicBuild amazing native and progressive web apps with open web technologies
WeexA framework for building Mobile cross-platform UI
移动UI框架
库简介
VuxMobile UI Components based on Vue & WeUI
WeuiA UI library by WeChat official design team
AmazeuiAmaze UI, a mobile-first and modular front-end framework
MUI最接近原生APP体验的高性能框架
Mint-UIMobile UI elements for Vue.js
SUI-Mobile阿里巴巴国际UED前端出品的移动端UI库，轻量精美
Muse-UIMaterial Design UI library for Vuejs 2.0
Ant-Design-MobileA configurable Mobile UI
状态管理库
库简介
ReduxPredictable state container for JavaScript apps
FluxAn application architecture for React utilizing a unidirectional data flow.
VuexCentralized State Management for Vue.js
MobxSimple, scalable state management
Nodejs框架(服务)
库简介
ExpressFast, unopinionated, minimalist web framework for node
KoaExpressive middleware for node.js using ES2017 async functions
FastifyFast and low overhead web framework, for Node.js
Socket-IORealtime application framework (Node.JS server)
PM2Production Process Manager for Node.js apps with a built-in Load Balancer.
AxiosPromise based HTTP client for the browser and node.js
Bluebird🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance
SSR(服务端渲染)
库简介
Next.jsFramework for server-rendered or statically-exported React apps
Nuxt.jsVersatile Vue.js Framework
桌面应用构建
库简介
ElectronBuild cross platform desktop apps with JavaScript, HTML, and CSS
NW.jshttps://nwjs.io
Electron-Vue是用vue和Electron写桌面应用
预编译
库简介
LessThe dynamic stylesheet language.
Sass
TypeScriptTypeScript is a superset of JavaScript that compiles to clean JavaScript output
构建工具
库简介
GurntGrunt: The JavaScript Task Runner
GulpThe streaming build system
Fis3FIS3 面向前端的工程构建系统
Webpackwebpack is a module bundler
RollupNext-generation ES module bundler https://rollupjs.org
前端包管理器
库简介
Npma JavaScript package manager
Yarn📦🐈 Fast, reliable, and secure dependency management.
前端测试
库简介
PuppeteerHeadless Chrome Node API
JestDelightful JavaScript Testing.
Mocha☕️ simple, flexible, fun javascript test framework for node.js & the browser
Chaitesting framework for node.js
RewireEasy monkey-patching for node.js unit tests
IstanbulJS code coverage tool
持续集成
库简介
Travis CIFree continuous integration platform for GitHub projects.
常用工具
名称简介
Can I useCan I use
Charles抓包，代理小能手
tinypng图片压缩
favicon生成站标
easyicon图标下载
gopng图片生成
图片转Base64图片转Base64
Beyond Compare 4文件比对
FastStone Capture截图，录屏
Mark Main高效的设计稿标注、测量工具
easy-mockMock数据
JSDocJS生成文档
regexr正则匹配
pxtoempx转em
Unicode字符百科查询各种unicode字符
About
🌈汇集了前端技术书籍、前端热门技术、前端发展等资料。
zhaoqize.github.io/FE-Guide/.
Topics
cssguidehtmljavascriptnodejs
Resources
Readme
Activity
Stars
334 stars
Watchers
27 watching
Forks
66 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
88 Commits
Folders and files
NameName
Last commit message
Last commit date
docs
docs
img
img
README.md
README.md
Repository files navigation
如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.
目录
前端书籍
文章
前端基础
HTTP
混合开发
性能优化
前端工程
AST
业内发展
  • Kotlin：Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行
  • clojurescript：基于Clojure语言的JS封装
  • PWA：PWA（Progressive Web App），渐进式网络应用
  • React Native：基于 React 的跨平台移动应用开发框架
  • Nodejs：是一个基于 Chrome V8 引擎的 JavaScript 运行环境
  • 小程序
工具使用
其他
前端团队
TeamTeamTeam
淘宝前端团队（FED）腾讯前端IMWEB团队腾讯ISUX
百度用户体验中心腾讯设计团队360奇舞团
百度前端研发部美团点评技术团队腾讯Web前端团队
前端社区
CommunityCommunityCommunity
博客园CSDN开源中国
掘金segmentfault前端网
大前端乱炖CNODE
前端视频网站
LearnLearnLearn
极客学院慕课网egghead
代码仓库
RepositorieRepositorieRepositorie
githubbitbucket码云
在线编辑
CodeEditCodeEdit
CodePenjsfiddle
模版引擎
名称简介
Pug(Jade)Pug – robust, elegant, feature rich template engine for Node.js
Handlebars前端模板引擎
前端框架
名称简介
React React is a JavaScript library for building user interfaces.
Vue尤大的MVVM框架
AngularGoogle推出的MVVM框架
前端UI框架
名称简介
Bootstrap经典
Bootstrap-Material-Designmaterial-design设计风格的Bootstrap
Material-UIReact版本Material-UI
Ant Design of ReactReact版本的Ant Design
Element-UI基于vue的UI框架
IViewA high quality UI Toolkit built on Vue.js 2.0
移动端(混合)框架
库简介
React-NativeA framework for building native apps with React.
IonicBuild amazing native and progressive web apps with open web technologies
WeexA framework for building Mobile cross-platform UI
移动UI框架
库简介
VuxMobile UI Components based on Vue & WeUI
WeuiA UI library by WeChat official design team
AmazeuiAmaze UI, a mobile-first and modular front-end framework
MUI最接近原生APP体验的高性能框架
Mint-UIMobile UI elements for Vue.js
SUI-Mobile阿里巴巴国际UED前端出品的移动端UI库，轻量精美
Muse-UIMaterial Design UI library for Vuejs 2.0
Ant-Design-MobileA configurable Mobile UI
状态管理库
库简介
ReduxPredictable state container for JavaScript apps
FluxAn application architecture for React utilizing a unidirectional data flow.
VuexCentralized State Management for Vue.js
MobxSimple, scalable state management
Nodejs框架(服务)
库简介
ExpressFast, unopinionated, minimalist web framework for node
KoaExpressive middleware for node.js using ES2017 async functions
FastifyFast and low overhead web framework, for Node.js
Socket-IORealtime application framework (Node.JS server)
PM2Production Process Manager for Node.js apps with a built-in Load Balancer.
AxiosPromise based HTTP client for the browser and node.js
Bluebird🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance
SSR(服务端渲染)
库简介
Next.jsFramework for server-rendered or statically-exported React apps
Nuxt.jsVersatile Vue.js Framework
桌面应用构建
库简介
ElectronBuild cross platform desktop apps with JavaScript, HTML, and CSS
NW.jshttps://nwjs.io
Electron-Vue是用vue和Electron写桌面应用
预编译
库简介
LessThe dynamic stylesheet language.
Sass
TypeScriptTypeScript is a superset of JavaScript that compiles to clean JavaScript output
构建工具
库简介
GurntGrunt: The JavaScript Task Runner
GulpThe streaming build system
Fis3FIS3 面向前端的工程构建系统
Webpackwebpack is a module bundler
RollupNext-generation ES module bundler https://rollupjs.org
前端包管理器
库简介
Npma JavaScript package manager
Yarn📦🐈 Fast, reliable, and secure dependency management.
前端测试
库简介
PuppeteerHeadless Chrome Node API
JestDelightful JavaScript Testing.
Mocha☕️ simple, flexible, fun javascript test framework for node.js & the browser
Chaitesting framework for node.js
RewireEasy monkey-patching for node.js unit tests
IstanbulJS code coverage tool
持续集成
库简介
Travis CIFree continuous integration platform for GitHub projects.
常用工具
名称简介
Can I useCan I use
Charles抓包，代理小能手
tinypng图片压缩
favicon生成站标
easyicon图标下载
gopng图片生成
图片转Base64图片转Base64
Beyond Compare 4文件比对
FastStone Capture截图，录屏
Mark Main高效的设计稿标注、测量工具
easy-mockMock数据
JSDocJS生成文档
regexr正则匹配
pxtoempx转em
Unicode字符百科查询各种unicode字符
About
🌈汇集了前端技术书籍、前端热门技术、前端发展等资料。
zhaoqize.github.io/FE-Guide/.
Topics
cssguidehtmljavascriptnodejs
Resources
Readme
Activity
Stars
334 stars
Watchers
27 watching
Forks
66 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
BranchesTags
Latest commit
History
88 Commits
Folders and files
NameName
Last commit message
Last commit date
docs
docs
img
img
README.md
README.md
Repository files navigation
如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.
目录
前端书籍
文章
前端基础
HTTP
混合开发
性能优化
前端工程
AST
业内发展
  • Kotlin：Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行
  • clojurescript：基于Clojure语言的JS封装
  • PWA：PWA（Progressive Web App），渐进式网络应用
  • React Native：基于 React 的跨平台移动应用开发框架
  • Nodejs：是一个基于 Chrome V8 引擎的 JavaScript 运行环境
  • 小程序
工具使用
其他
前端团队
TeamTeamTeam
淘宝前端团队（FED）腾讯前端IMWEB团队腾讯ISUX
百度用户体验中心腾讯设计团队360奇舞团
百度前端研发部美团点评技术团队腾讯Web前端团队
前端社区
CommunityCommunityCommunity
博客园CSDN开源中国
掘金segmentfault前端网
大前端乱炖CNODE
前端视频网站
LearnLearnLearn
极客学院慕课网egghead
代码仓库
RepositorieRepositorieRepositorie
githubbitbucket码云
在线编辑
CodeEditCodeEdit
CodePenjsfiddle
模版引擎
名称简介
Pug(Jade)Pug – robust, elegant, feature rich template engine for Node.js
Handlebars前端模板引擎
前端框架
名称简介
React React is a JavaScript library for building user interfaces.
Vue尤大的MVVM框架
AngularGoogle推出的MVVM框架
前端UI框架
名称简介
Bootstrap经典
Bootstrap-Material-Designmaterial-design设计风格的Bootstrap
Material-UIReact版本Material-UI
Ant Design of ReactReact版本的Ant Design
Element-UI基于vue的UI框架
IViewA high quality UI Toolkit built on Vue.js 2.0
移动端(混合)框架
库简介
React-NativeA framework for building native apps with React.
IonicBuild amazing native and progressive web apps with open web technologies
WeexA framework for building Mobile cross-platform UI
移动UI框架
库简介
VuxMobile UI Components based on Vue & WeUI
WeuiA UI library by WeChat official design team
AmazeuiAmaze UI, a mobile-first and modular front-end framework
MUI最接近原生APP体验的高性能框架
Mint-UIMobile UI elements for Vue.js
SUI-Mobile阿里巴巴国际UED前端出品的移动端UI库，轻量精美
Muse-UIMaterial Design UI library for Vuejs 2.0
Ant-Design-MobileA configurable Mobile UI
状态管理库
库简介
ReduxPredictable state container for JavaScript apps
FluxAn application architecture for React utilizing a unidirectional data flow.
VuexCentralized State Management for Vue.js
MobxSimple, scalable state management
Nodejs框架(服务)
库简介
ExpressFast, unopinionated, minimalist web framework for node
KoaExpressive middleware for node.js using ES2017 async functions
FastifyFast and low overhead web framework, for Node.js
Socket-IORealtime application framework (Node.JS server)
PM2Production Process Manager for Node.js apps with a built-in Load Balancer.
AxiosPromise based HTTP client for the browser and node.js
Bluebird🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance
SSR(服务端渲染)
库简介
Next.jsFramework for server-rendered or statically-exported React apps
Nuxt.jsVersatile Vue.js Framework
桌面应用构建
库简介
ElectronBuild cross platform desktop apps with JavaScript, HTML, and CSS
NW.jshttps://nwjs.io
Electron-Vue是用vue和Electron写桌面应用
预编译
库简介
LessThe dynamic stylesheet language.
Sass
TypeScriptTypeScript is a superset of JavaScript that compiles to clean JavaScript output
构建工具
库简介
GurntGrunt: The JavaScript Task Runner
GulpThe streaming build system
Fis3FIS3 面向前端的工程构建系统
Webpackwebpack is a module bundler
RollupNext-generation ES module bundler https://rollupjs.org
前端包管理器
库简介
Npma JavaScript package manager
Yarn📦🐈 Fast, reliable, and secure dependency management.
前端测试
库简介
PuppeteerHeadless Chrome Node API
JestDelightful JavaScript Testing.
Mocha☕️ simple, flexible, fun javascript test framework for node.js & the browser
Chaitesting framework for node.js
RewireEasy monkey-patching for node.js unit tests
IstanbulJS code coverage tool
持续集成
库简介
Travis CIFree continuous integration platform for GitHub projects.
常用工具
名称简介
Can I useCan I use
Charles抓包，代理小能手
tinypng图片压缩
favicon生成站标
easyicon图标下载
gopng图片生成
图片转Base64图片转Base64
Beyond Compare 4文件比对
FastStone Capture截图，录屏
Mark Main高效的设计稿标注、测量工具
easy-mockMock数据
JSDocJS生成文档
regexr正则匹配
pxtoempx转em
Unicode字符百科查询各种unicode字符
About
🌈汇集了前端技术书籍、前端热门技术、前端发展等资料。
zhaoqize.github.io/FE-Guide/.
Topics
cssguidehtmljavascriptnodejs
Resources
Readme
Activity
Stars
334 stars
Watchers
27 watching
Forks
66 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
88 Commits
Folders and files
NameName
Last commit message
Last commit date
docs
docs
img
img
README.md
README.md
Repository files navigation
如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.
目录
前端书籍
文章
前端基础
HTTP
混合开发
性能优化
前端工程
AST
业内发展
  • Kotlin：Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行
  • clojurescript：基于Clojure语言的JS封装
  • PWA：PWA（Progressive Web App），渐进式网络应用
  • React Native：基于 React 的跨平台移动应用开发框架
  • Nodejs：是一个基于 Chrome V8 引擎的 JavaScript 运行环境
  • 小程序
工具使用
其他
前端团队
TeamTeamTeam
淘宝前端团队（FED）腾讯前端IMWEB团队腾讯ISUX
百度用户体验中心腾讯设计团队360奇舞团
百度前端研发部美团点评技术团队腾讯Web前端团队
前端社区
CommunityCommunityCommunity
博客园CSDN开源中国
掘金segmentfault前端网
大前端乱炖CNODE
前端视频网站
LearnLearnLearn
极客学院慕课网egghead
代码仓库
RepositorieRepositorieRepositorie
githubbitbucket码云
在线编辑
CodeEditCodeEdit
CodePenjsfiddle
模版引擎
名称简介
Pug(Jade)Pug – robust, elegant, feature rich template engine for Node.js
Handlebars前端模板引擎
前端框架
名称简介
React React is a JavaScript library for building user interfaces.
Vue尤大的MVVM框架
AngularGoogle推出的MVVM框架
前端UI框架
名称简介
Bootstrap经典
Bootstrap-Material-Designmaterial-design设计风格的Bootstrap
Material-UIReact版本Material-UI
Ant Design of ReactReact版本的Ant Design
Element-UI基于vue的UI框架
IViewA high quality UI Toolkit built on Vue.js 2.0
移动端(混合)框架
库简介
React-NativeA framework for building native apps with React.
IonicBuild amazing native and progressive web apps with open web technologies
WeexA framework for building Mobile cross-platform UI
移动UI框架
库简介
VuxMobile UI Components based on Vue & WeUI
WeuiA UI library by WeChat official design team
AmazeuiAmaze UI, a mobile-first and modular front-end framework
MUI最接近原生APP体验的高性能框架
Mint-UIMobile UI elements for Vue.js
SUI-Mobile阿里巴巴国际UED前端出品的移动端UI库，轻量精美
Muse-UIMaterial Design UI library for Vuejs 2.0
Ant-Design-MobileA configurable Mobile UI
状态管理库
库简介
ReduxPredictable state container for JavaScript apps
FluxAn application architecture for React utilizing a unidirectional data flow.
VuexCentralized State Management for Vue.js
MobxSimple, scalable state management
Nodejs框架(服务)
库简介
ExpressFast, unopinionated, minimalist web framework for node
KoaExpressive middleware for node.js using ES2017 async functions
FastifyFast and low overhead web framework, for Node.js
Socket-IORealtime application framework (Node.JS server)
PM2Production Process Manager for Node.js apps with a built-in Load Balancer.
AxiosPromise based HTTP client for the browser and node.js
Bluebird🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance
SSR(服务端渲染)
库简介
Next.jsFramework for server-rendered or statically-exported React apps
Nuxt.jsVersatile Vue.js Framework
桌面应用构建
库简介
ElectronBuild cross platform desktop apps with JavaScript, HTML, and CSS
NW.jshttps://nwjs.io
Electron-Vue是用vue和Electron写桌面应用
预编译
库简介
LessThe dynamic stylesheet language.
Sass
TypeScriptTypeScript is a superset of JavaScript that compiles to clean JavaScript output
构建工具
库简介
GurntGrunt: The JavaScript Task Runner
GulpThe streaming build system
Fis3FIS3 面向前端的工程构建系统
Webpackwebpack is a module bundler
RollupNext-generation ES module bundler https://rollupjs.org
前端包管理器
库简介
Npma JavaScript package manager
Yarn📦🐈 Fast, reliable, and secure dependency management.
前端测试
库简介
PuppeteerHeadless Chrome Node API
JestDelightful JavaScript Testing.
Mocha☕️ simple, flexible, fun javascript test framework for node.js & the browser
Chaitesting framework for node.js
RewireEasy monkey-patching for node.js unit tests
IstanbulJS code coverage tool
持续集成
库简介
Travis CIFree continuous integration platform for GitHub projects.
常用工具
名称简介
Can I useCan I use
Charles抓包，代理小能手
tinypng图片压缩
favicon生成站标
easyicon图标下载
gopng图片生成
图片转Base64图片转Base64
Beyond Compare 4文件比对
FastStone Capture截图，录屏
Mark Main高效的设计稿标注、测量工具
easy-mockMock数据
JSDocJS生成文档
regexr正则匹配
pxtoempx转em
Unicode字符百科查询各种unicode字符
About
🌈汇集了前端技术书籍、前端热门技术、前端发展等资料。
zhaoqize.github.io/FE-Guide/.
Topics
cssguidehtmljavascriptnodejs
Resources
Readme
Activity
Stars
334 stars
Watchers
27 watching
Forks
66 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
88 Commits
Folders and files
NameName
Last commit message
Last commit date
docs
docs
img
img
README.md
README.md
Repository files navigation
如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.
目录
前端书籍
文章
前端基础
HTTP
混合开发
性能优化
前端工程
AST
业内发展
  • Kotlin：Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行
  • clojurescript：基于Clojure语言的JS封装
  • PWA：PWA（Progressive Web App），渐进式网络应用
  • React Native：基于 React 的跨平台移动应用开发框架
  • Nodejs：是一个基于 Chrome V8 引擎的 JavaScript 运行环境
  • 小程序
工具使用
其他
前端团队
TeamTeamTeam
淘宝前端团队（FED）腾讯前端IMWEB团队腾讯ISUX
百度用户体验中心腾讯设计团队360奇舞团
百度前端研发部美团点评技术团队腾讯Web前端团队
前端社区
CommunityCommunityCommunity
博客园CSDN开源中国
掘金segmentfault前端网
大前端乱炖CNODE
前端视频网站
LearnLearnLearn
极客学院慕课网egghead
代码仓库
RepositorieRepositorieRepositorie
githubbitbucket码云
在线编辑
CodeEditCodeEdit
CodePenjsfiddle
模版引擎
名称简介
Pug(Jade)Pug – robust, elegant, feature rich template engine for Node.js
Handlebars前端模板引擎
前端框架
名称简介
React React is a JavaScript library for building user interfaces.
Vue尤大的MVVM框架
AngularGoogle推出的MVVM框架
前端UI框架
名称简介
Bootstrap经典
Bootstrap-Material-Designmaterial-design设计风格的Bootstrap
Material-UIReact版本Material-UI
Ant Design of ReactReact版本的Ant Design
Element-UI基于vue的UI框架
IViewA high quality UI Toolkit built on Vue.js 2.0
移动端(混合)框架
库简介
React-NativeA framework for building native apps with React.
IonicBuild amazing native and progressive web apps with open web technologies
WeexA framework for building Mobile cross-platform UI
移动UI框架
库简介
VuxMobile UI Components based on Vue & WeUI
WeuiA UI library by WeChat official design team
AmazeuiAmaze UI, a mobile-first and modular front-end framework
MUI最接近原生APP体验的高性能框架
Mint-UIMobile UI elements for Vue.js
SUI-Mobile阿里巴巴国际UED前端出品的移动端UI库，轻量精美
Muse-UIMaterial Design UI library for Vuejs 2.0
Ant-Design-MobileA configurable Mobile UI
状态管理库
库简介
ReduxPredictable state container for JavaScript apps
FluxAn application architecture for React utilizing a unidirectional data flow.
VuexCentralized State Management for Vue.js
MobxSimple, scalable state management
Nodejs框架(服务)
库简介
ExpressFast, unopinionated, minimalist web framework for node
KoaExpressive middleware for node.js using ES2017 async functions
FastifyFast and low overhead web framework, for Node.js
Socket-IORealtime application framework (Node.JS server)
PM2Production Process Manager for Node.js apps with a built-in Load Balancer.
AxiosPromise based HTTP client for the browser and node.js
Bluebird🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance
SSR(服务端渲染)
库简介
Next.jsFramework for server-rendered or statically-exported React apps
Nuxt.jsVersatile Vue.js Framework
桌面应用构建
库简介
ElectronBuild cross platform desktop apps with JavaScript, HTML, and CSS
NW.jshttps://nwjs.io
Electron-Vue是用vue和Electron写桌面应用
预编译
库简介
LessThe dynamic stylesheet language.
Sass
TypeScriptTypeScript is a superset of JavaScript that compiles to clean JavaScript output
构建工具
库简介
GurntGrunt: The JavaScript Task Runner
GulpThe streaming build system
Fis3FIS3 面向前端的工程构建系统
Webpackwebpack is a module bundler
RollupNext-generation ES module bundler https://rollupjs.org
前端包管理器
库简介
Npma JavaScript package manager
Yarn📦🐈 Fast, reliable, and secure dependency management.
前端测试
库简介
PuppeteerHeadless Chrome Node API
JestDelightful JavaScript Testing.
Mocha☕️ simple, flexible, fun javascript test framework for node.js & the browser
Chaitesting framework for node.js
RewireEasy monkey-patching for node.js unit tests
IstanbulJS code coverage tool
持续集成
库简介
Travis CIFree continuous integration platform for GitHub projects.
常用工具
名称简介
Can I useCan I use
Charles抓包，代理小能手
tinypng图片压缩
favicon生成站标
easyicon图标下载
gopng图片生成
图片转Base64图片转Base64
Beyond Compare 4文件比对
FastStone Capture截图，录屏
Mark Main高效的设计稿标注、测量工具
easy-mockMock数据
JSDocJS生成文档
regexr正则匹配
pxtoempx转em
Unicode字符百科查询各种unicode字符
About
🌈汇集了前端技术书籍、前端热门技术、前端发展等资料。
zhaoqize.github.io/FE-Guide/.
Topics
cssguidehtmljavascriptnodejs
Resources
Readme
Activity
Stars
334 stars
Watchers
27 watching
Forks
66 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
BranchesTags
Latest commit
History
88 Commits
Folders and files
NameName
Last commit message
Last commit date
docs
docs
img
img
README.md
README.md
Repository files navigation
如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.
目录
前端书籍
文章
前端基础
HTTP
混合开发
性能优化
前端工程
AST
业内发展
  • Kotlin：Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行
  • clojurescript：基于Clojure语言的JS封装
  • PWA：PWA（Progressive Web App），渐进式网络应用
  • React Native：基于 React 的跨平台移动应用开发框架
  • Nodejs：是一个基于 Chrome V8 引擎的 JavaScript 运行环境
  • 小程序
工具使用
其他
前端团队
TeamTeamTeam
淘宝前端团队（FED）腾讯前端IMWEB团队腾讯ISUX
百度用户体验中心腾讯设计团队360奇舞团
百度前端研发部美团点评技术团队腾讯Web前端团队
前端社区
CommunityCommunityCommunity
博客园CSDN开源中国
掘金segmentfault前端网
大前端乱炖CNODE
前端视频网站
LearnLearnLearn
极客学院慕课网egghead
代码仓库
RepositorieRepositorieRepositorie
githubbitbucket码云
在线编辑
CodeEditCodeEdit
CodePenjsfiddle
模版引擎
名称简介
Pug(Jade)Pug – robust, elegant, feature rich template engine for Node.js
Handlebars前端模板引擎
前端框架
名称简介
React React is a JavaScript library for building user interfaces.
Vue尤大的MVVM框架
AngularGoogle推出的MVVM框架
前端UI框架
名称简介
Bootstrap经典
Bootstrap-Material-Designmaterial-design设计风格的Bootstrap
Material-UIReact版本Material-UI
Ant Design of ReactReact版本的Ant Design
Element-UI基于vue的UI框架
IViewA high quality UI Toolkit built on Vue.js 2.0
移动端(混合)框架
库简介
React-NativeA framework for building native apps with React.
IonicBuild amazing native and progressive web apps with open web technologies
WeexA framework for building Mobile cross-platform UI
移动UI框架
库简介
VuxMobile UI Components based on Vue & WeUI
WeuiA UI library by WeChat official design team
AmazeuiAmaze UI, a mobile-first and modular front-end framework
MUI最接近原生APP体验的高性能框架
Mint-UIMobile UI elements for Vue.js
SUI-Mobile阿里巴巴国际UED前端出品的移动端UI库，轻量精美
Muse-UIMaterial Design UI library for Vuejs 2.0
Ant-Design-MobileA configurable Mobile UI
状态管理库
库简介
ReduxPredictable state container for JavaScript apps
FluxAn application architecture for React utilizing a unidirectional data flow.
VuexCentralized State Management for Vue.js
MobxSimple, scalable state management
Nodejs框架(服务)
库简介
ExpressFast, unopinionated, minimalist web framework for node
KoaExpressive middleware for node.js using ES2017 async functions
FastifyFast and low overhead web framework, for Node.js
Socket-IORealtime application framework (Node.JS server)
PM2Production Process Manager for Node.js apps with a built-in Load Balancer.
AxiosPromise based HTTP client for the browser and node.js
Bluebird🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance
SSR(服务端渲染)
库简介
Next.jsFramework for server-rendered or statically-exported React apps
Nuxt.jsVersatile Vue.js Framework
桌面应用构建
库简介
ElectronBuild cross platform desktop apps with JavaScript, HTML, and CSS
NW.jshttps://nwjs.io
Electron-Vue是用vue和Electron写桌面应用
预编译
库简介
LessThe dynamic stylesheet language.
Sass
TypeScriptTypeScript is a superset of JavaScript that compiles to clean JavaScript output
构建工具
库简介
GurntGrunt: The JavaScript Task Runner
GulpThe streaming build system
Fis3FIS3 面向前端的工程构建系统
Webpackwebpack is a module bundler
RollupNext-generation ES module bundler https://rollupjs.org
前端包管理器
库简介
Npma JavaScript package manager
Yarn📦🐈 Fast, reliable, and secure dependency management.
前端测试
库简介
PuppeteerHeadless Chrome Node API
JestDelightful JavaScript Testing.
Mocha☕️ simple, flexible, fun javascript test framework for node.js & the browser
Chaitesting framework for node.js
RewireEasy monkey-patching for node.js unit tests
IstanbulJS code coverage tool
持续集成
库简介
Travis CIFree continuous integration platform for GitHub projects.
常用工具
名称简介
Can I useCan I use
Charles抓包，代理小能手
tinypng图片压缩
favicon生成站标
easyicon图标下载
gopng图片生成
图片转Base64图片转Base64
Beyond Compare 4文件比对
FastStone Capture截图，录屏
Mark Main高效的设计稿标注、测量工具
easy-mockMock数据
JSDocJS生成文档
regexr正则匹配
pxtoempx转em
Unicode字符百科查询各种unicode字符
About
🌈汇集了前端技术书籍、前端热门技术、前端发展等资料。
zhaoqize.github.io/FE-Guide/.
Topics
cssguidehtmljavascriptnodejs
Resources
Readme
Activity
Stars
334 stars
Watchers
27 watching
Forks
66 forks
Report repository
Releases
Packages
Contributors