web开发资源导航

2019年11月07日 阅读数:500
这篇文章主要向大家介绍web开发资源导航,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

实用工具

前端在线工具javascript

兼容性速查

html5兼容性查询php

node-es6支持度css

es6兼容性表查询html

设备es6支持度前端

游览器H5支持度vue

浏览器内核检测工具html5

手机设备信息检测java

浏览器市场份额node

文档手册

W3C中国mysql

W3C国内镜像

HTML5 - MDN

JavaScript - MDN

ECMAScript规范

es6使用对照手册

w3school 菜鸟教程

现代 Javascript 教程

Javascript备忘录手册

JavaScript参考手册

JavaScript 全局对象

JavaScript RegExp

百度地图API文档

微信公众平台·JSSDK

微信开放文档

js工具代码片断

在线工具

JS Bin在线编码

前端在线编辑器

Photoshop在线版

markdown在线工具

SVG工具[Tool]

jade在线转换

CodeSandbox

PHP 在线工具

sass转css

css转sass

雪碧图生成

GoPng雪碧图生成

jsPerf片断性能测试

PDF24-PDF在线使用工具

字体转换

Iconfont 字体图标

fontsquirrel(Web Font)

Font2Web(ttf.otf.etf.eot.woff.svg)

Fontmin - 字体子集化方案

字蛛(FontSpider)

有字库(Web Font)

资源工具

2018年 JavaScript 明星项目

The State of JavaScript

Awesomes前端开发资源库

JavaScript 资源大全

awesome-bookmarks

Bootstrap中文CDN服务

chrome插件英雄榜

Github开源汇聚

淘宝 NPM 镜像

npm 安装插件

码库CTOLib

轮子工厂

图片工具

图片压缩(png-jpg)

Picdiet极速压缩

Squoosh压缩

智图压缩在线

图片格式转换

base64图片互换

loading.gif生成器

svg/css/gif加载图标

css工具

css3工具大全

css3在线工具

背景渐变方案

flexbox工具

动画帧数计算器

border-image

box-shadow

Gradient

Gradient

Matrix

CSS ICON

ICONSVG -编辑svg-icon

Grid布局对照工具

CSSFX - 效果copy

测试工具

异步测试

Babel 实验室

GTmetrix 网站性能

正则工具

正则大全

正则练习

正则测验

正则可视化

git工具

git命令查询

git短域名服务

对照工具

Emoji查找对照

HTML转义字符对照表

颜色工具

RGB-16进制转换[Tool]

Web安全色

实用工具

一站式在线PDF解决方案

声享 - 在线制做PPT

音乐在线裁剪

文本工具

在线文本处理

在线新华字典

截屏工具

输入网址·各种截屏

开发工具

Bit

石墨文档

云客服系统

draw.io图表

Coding 码市

SimpRead 简悦

UZER.ME 云端办公

LeanCloud 后端云服务

Enhancer - 一站式信息系统开发云平台

Google Cloud Platform 免费方案

DoKit-app研发助手(iOS/Android)

github网站汉化插件

奶牛快传-文件传输服务

js错误监测

Fundebug-js错误监控

FrontJS-轻量级错误监控平台

设计协做

墨刀 - 强大易用的原型设计与协同工具

蓝湖 - 高效的产品设计协做平台

PxCook - 最高效易用的自动标注工具,设计研发协做利器

Fusion Design

api接口

apizza - 极客专属的api管理工具

DOClever 移动时代首选接口管理平台!

YApi 接口管理平台

APIJSON

模板方案

飞冰 - 让前端开发简单而友好

Ant Design Landing

框架ide

Reactide react开发专用ide

内网穿透

Sunny-Ngrok内网转发

NATAPP 国内高速内网穿透服务

技术文章

html5

深刻理解Web Worker

初探performance性能监控api

FileSystemObject ·JS读取-建立本地文件及目录文件夹的方

HTML5之pushstate、popstate操做history,无刷新改变当前url - sniper007 - 推酷

HTML5离线数据缓存 - 傲雪星枫 - 博客频道 - CSDN.NET

html5 postMessage解决跨域、跨窗口消息传递 - Samaritans - 博客园

WebSocket:5分钟从入门到精通 - 掘金

WebSocket 与 Socket.IO - 前端解忧杂货铺 - 知乎专栏

Web 实时推送技术的总结 - 前端工匠公众号 - SegmentFault 思否

css

图解CSS3 Flexbox属性_CSS3, Flexbox 教程_w3cplus

Flex 布局教程:语法篇 - 阮一峰的网络日志

transitionend animationend 事件兼容问题 - 蜗牛博客

CSS之视觉格式化模型(Visual Formatting Model) – 熊建刚的博客

CSS居中完整指南_CSS, 水平居中, 垂直居中, 水平垂直居中 教程_w3cplus

iPhone X的缺口和CSS_mobile 教程_w3cplus

借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海 « 张鑫旭-鑫空间-鑫生活

CSS 媒体查询 响应式 - 欧阳平 - 博客园

CSS 黑魔法小技巧,让你少写没必要要的JS,代码更优雅 - 微醺岁月 - SegmentFault

CSS 写做建议和性能优化小结 - WEB前端 - 伯乐在线

CSS代码重构与优化之路 - 狼狼的蓝胖子

CSS方法论彻底总结 - kidney - 博客园

没那么难,谈CSS的设计模式_知识库_博客园

js动态改变css伪类样式 - 龙恩0707 - 博客园

使用JS控制伪元素的几种方法-子匠_Zijor的博客

如何使用js捕获css3动画 - w3cboy,最专业的前端开发博客

javascript

你不须要jQuery

JavaScript开发者应懂的33个概念

深刻探讨 ECMAScript 规范第五版

ECMAScript5 Object的新属性方法 - Samaritans - 博客园

Object.assign 复制对象、合并对象 - HeiYe168 - 博客园

JavaScript中in操做符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别 - 推酷

escape()、encodeURI()、encodeURIComponent()区别详解 - nd - 博客园

Javascript有个Unicode的天坑 - Web前端 腾讯AlloyTeam Blog - 愿景- 成为地球卓越的Web团队!

JS的==运算 - 追根溯源 - SegmentFault

HTML 获取屏幕、浏览器、页面的高度宽度 - polk6 - 博客园

谈谈Javascript中的void操做符 - Code - SegmentFault

Function.prototype.apply.call的总结 - zeromike - ITeye博客

DOM DOM0 DOM1 DOM2 DOM3 简单介绍 - CSDN博客

[译] JavaScript 是如何工做的:深刻网络层 + 如何优化性能和安全 - 掘金

ES六、ES七、ES八、ES九、ES10新特性一览 - 掘金

JavaScript 浮点数运算的精度问题-WEB前端开发

ecmascript6

何时你不能使用箭头函数? - 掘金

30分钟,让你完全明白Promise原理 - jessica's前端杂谈 - SegmentFault

ES6中Arguments和Parameters用法解析 - chenxj - 博客园

JavaScript 最新特性实现的三大黑科技 - WEB前端 - 伯乐在线

21 分钟精通前端 Polyfill 方案 - SToneX

Babel下的ES6兼容性与规范 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客

ES6学习之Babel的正确安装姿式 - 振小文 - 博客园

Es2017 将会给咱们带来什么? - Web前端 腾讯IVWeb 团队社区

[译]babel-preset-env | icyfish's blog

mongodb

MongoDB GUI( Robo 3T) Shell使用及操做 - 陈达辉 - 博客园

Mongoose介绍和入门 - porschev - 博客园

Mongoose全面理解 - jayruan - 博客园

Mongoose 参考手册 - CNode技术社区

webpack

vue-cli3内存溢出,JavaScript heap out of memory - ifredom的故事 - CSDN博客

node

你不知道的 Node

Node.js 十问 - 知乎专栏

Node.js 单元测试:我要写测试 Taobao FED 淘宝前端团队

使用Node.js+Socket.IO搭建WebSocket实时应用 - OPEN 开发经验库

如何挑选高质量的 Node.js 模块? - 前端 - 掘金

浅谈 Node.js 安全 - 知乎专栏

Nodejs学习笔记(四)与MySQL交互(felixge/node-mysql) - AndyLizh的专栏 - CSDN博客

记一次npm package插件开发 - 前端 - 掘金

Node.js中的内存泄漏分析 - FreeBuf.COM | 关注黑客与极客

《Node.js在CLI下的工程化体系实践》成都OSC源创会分享总结 - 腾讯云社区 - 腾讯云

JavaScript工做机制:V8 引擎内部机制及如何编写优化代码的5个诀窍 - WEB前端 - 伯乐在线

V8 内存分配与垃圾回收 - WEB前端 - 伯乐在线

新 V8 即将推出,和 Node.js 性能变化 - WEB前端 - 伯乐在线

面向前端开发者的V8性能优化 - 掘金

请准备好:新的V8即将发布,Node 的性能正在改变 - 众成翻译

性能优化 - 让nodejs再快一点 - CNode技术社区

Node应用内存泄漏分析方法论与实战 - CNode技术社区

Koa2项目安全加固建议--完整版 - CNode技术社区

Node.js进阶:5分钟入门非对称加密方法 - 掘金

Node.js性能分析神器Easy-Monitor - CNode技术社区

你不知道的Node.js性能优化 - 知乎

vue

vue 开发插件流程 - 急眼的蜗牛 - 博客园

Vue.js2.0之组件篇 - Alecor的博客 - CSDN博客

VueJS 开发常见问题集锦 - WEB前端 - 伯乐在线

Vue.js踩坑记 | 前端开发 | Heero's Blog

vuex 快速上手 - 前端 - 掘金

如何修改ElementUI源码 - 简书

一个Vue页面的内存泄露分析 - 知乎

2018年最好的45个Vue开源项目汇总

一张思惟导图辅助你深刻了解 Vue | Vue-Router | Vuex 源码架构(图文结合版)

http

http各类状态码的意思

程序员都该懂点 HTTP

Token 认证的前因后果 - 掘金

前端面试“http全过程”将全部HTTP相关知识抛出来了... - 前端 - 掘金

前端必须会的!!!关于对HTTP协议的理解、HTTP协议原理分析 - N-Tara - 博客园

学习前端前必知的——HTTP协议详解 - 超然haha - 博客园

看完还不懂HTTPS我直播吃翔 - winwill2012的博客 - CSDN博客

HTTPS 为何更安全,先看这些 - _zhijun - 掘金专栏

HTTPS 常见部署问题及解决方案 - JerryQu 的小站

HTTPS证书生成原理和部署细节 - 小胡子哥的我的网站

深刻研究:HTTP2 的真正性能到底如何 - Jrain-前端养成记 - SegmentFault

HTML关于post和get的区别以及缓存问题的理解 - 请叫我大师兄 - CSDN博客

99%的人都理解错了HTTP中GET与POST的区别

小哥哥,小姐姐,我有一份tcp、http面试指南你要吗? - 掘金

10分钟免费开启全站https - 掘金

先后端均适用的网络知识点大全 - WEB前端 - 伯乐在线

ajax

Ajax使用学习 - 简书

你真的会使用XMLHttpRequest吗? - WEB前端路上踩过的坑儿 - SegmentFault

AJAX overrideMimeType做用 - 选择了就坚持 - 博客园

HttpRequest中常见的四种ContentType【转载】 - 宗炳煌 - 博客园

Ajax页面缓存问题分析与解决办法 - sunyan的专栏 - 博客频道 - CSDN.NET

Fetch进阶指南 - louis blog

fetch 没有你想象的那么美 - undefined

传统 Ajax 已死,Fetch 永生 - 会影 - SegmentFault

seo

前端渲染与SEO优化踩坑 小记 | RaPoSpectre的我的博客

SEO优化实战 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客

git

Git 大全 - 码云 Gitee.com

Git使用教程 - 空智 - 博客园

在vscode中使用Git - 满天都是小xx - 博客园

git 放弃本地修改,强制拉取更新 - 凯凯王的技术生涯 - CSDN博客

git-ssh 配置和使用 - fedl - SegmentFault

经常使用 Git 命令清单 - 阮一峰的网络日志

npm

【原】npm 经常使用命令详解 - 白树 - 博客园

npm的package.json中文文档 · Issue #6 · ericdum/mujiang.info

fiddler

Fiddler实战深刻研究(二) - 空智 - 博客园

Fiddler调式使用知多少(一)深刻研究 - 空智 - 博客园

fiddler抓包HTTPS请求

github

你必须收藏的Github技巧 - Web前端 腾讯AlloyTeam Blog - 愿景- 成为地球卓越的Web团队!

如何在 GitHub 创建我的主页和项目演示页面 - Kay's Development Notes - 博客频道 - CSDN.NET

chrome

ChenChenJoke-JokerChrome- The chrome produce and the -chrome---about-

Chrome DevTools:在 Profile 性能分析中显示原生 javascript 函数

Chrome出了个小bug:论如何在Chrome下劫持原生只读对象 - 阿里聚安全的安全专栏 - 知乎专栏

Chrome开发者工具之JavaScript内存分析 - WEB前端 - 伯乐在线

GPU加速是什么 - Aotu.io「凹凸实验室」

javascript 内存泄露及谷歌浏览器查看内存使用 - 前端 - 掘金

从Chrome源码看浏览器如何计算CSS – 人人网FED博客

在chrome开发者工具中观察函数调用栈、做用域链与闭包 - 简书

手把手教你实现 Google 拓展插件 - 程序员实验室 - 知乎专栏

超完整的Chrome浏览器客户端调试大全 - 人人都是互联网创意G客

Chrome 66 使用 DevTools 跟踪 JS 对象和 DOM 对象的引用

编辑器

Markdown 语法说明(简体中文版)

Markdown,你只须要掌握这几个 - 推酷

使用Visual Studio Code对Node.js进行断点调试 - CNode技术社区

vsCode前端调试不彻底指南

Visual Studio Code 使用Git进行版本控制 - 玄魂 - 博客园

awesome-vscode插件列表

游览器

浅析前端页面渲染机制

浏览器的渲染:过程与原理

【干货】十分钟读懂浏览器渲染流程 - 掘金

浏览器渲染过程与性能优化 - 掘金

为何说DOM操做很慢_知识库_博客园

CSSJS对DOM渲染的影响 Harttle Land

原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的 - 掘金

深刻浅出浏览器渲染原理 - WEB前端 - 伯乐在线

细说浏览器输入URL后发生了什么 - IT技术杂谈 - 薛才杰♥我的博客

浏览器原理系列10篇正式完结 - 掘金

从“快稳省安全”看Chromium——Chromium学习系列 - 掘金

微信相关

【原创】微信受权、获取用户openid-纯前端实现——jsonp跨域访问返回json数据会报错的纯前端解决办法 - 金振宗 - 博客园

详解Vue微信受权登陆先后端分离较为优雅的解决方案_vue.js_脚本之家

前端调试

前端 WebView 指南之调试篇 - 奇舞团博客

前端 WebView 指南之 iOS 交互篇 - 奇舞团博客

前端 WebView 指南之 Android 交互篇 - 奇舞团博客

介绍一款手机的抓包工具Charles-有用

移动端前端开发调试 - CocoaChina_让移动开发更简单

推荐:Web开发者的六个代码调试平台 - w3ctech - 中国最大的前端技术社区

web跨域

跨域资源共享

ajax跨域解决方案

跨域方法总结 - wps2015的博客

九种跨域方式实现原理(完整版) - 掘金

AJAX 跨域请求 - JSONP获取JSON数据 - Just Code - ITeye技术网站

ajax withCredentials在firefox下问题的解释 - 嘿煤贵 - 博客园

跨域的另外一种解决方案——CORS(Cross-Origin Resource Sharing)跨域资源共享 - Shikyoh - 博客园

JS维护nginx反向代理,妈妈不再用担忧我跨域了! - 掘金

谁说前端不须要懂-Nginx反向代理与负载均衡 - 掘金

CORS跨域时,为什么会出现一次动做,两次请求? - 掘金

web缓存

Web缓存核心技术点需知

深刻理解浏览器的缓存机制

浏览器缓存机制剖析 - WEB前端 - 伯乐在线

浅谈Web缓存 - Web前端 腾讯AlloyTeam Blog - 愿景- 成为地球卓越的Web团队!

H5 各种缓存机制浅析 移动端 Web 加载性能优化 - CocoaChina_让移动开发更简单

web安全

如何监控网页崩溃

浅谈流量劫持与防治

使用 SRI 解决 CDN 劫持

Web前端页面劫持和反劫持

干货!防运营商劫持 - 掘金

域名劫持资源重加载方案 - WEB前端 - 伯乐在线

CSRF攻击与防护(写得很是好) - CSDN博客

8 大前端安全问题(上) - WEB前端 - 伯乐在线

8 大前端安全问题(下) - WEB前端 - 伯乐在线

web性能

Web动画性能指南

如何作好H5性能优化?

Web静态资源缓存及优化

浏览器前端优化 Alon's Blog

JDC - 京东设计中心 » 浅析渲染引擎与前端优化

【webapp的优化整理】要作移动前端优化的朋友进来看看吧 - 叶小钗 - 博客园

【译】惟快不破:Web 应用的 13 个优化步骤 - 前端的逆袭 - 知乎专栏

前端优化不彻底指南 - Aotu.io

前端优化实践总结 - WEB前端 - 伯乐在线

前端性能优化指南 - kahn1990 - SegmentFault

前端性能优化最佳实践-前端开发博客

打造亚秒级页面加载速度网店实践经验

无线性能优化:Composite - Taobao FED - 淘宝前端团队

移动HTML5前端性能优化指南 - CocoaChina_让移动开发更简单

移动网站性能优化:网页加载技术概览-前端开发博客

这几点技巧帮你优化前端应用性能 - 知乎专栏

如何评价页面的性能 | Taobao FED | 淘宝前端团队

浏览器的小改进让 Facebook 网站减小 60% 的网络请求 - WEB前端 - 伯乐在线

Web 的现状:网页性能提高指南 - 前端郭高工 - SegmentFault

惟快不破:Web 应用的 13 个优化步骤 - WEB前端 - 伯乐在线

kangkk/web_performance_optimization

Web图片资源的加载与渲染时机

[译] 2019 前端性能优化年度总结 — 第一部分 - 掘金

前端布局

再聊移动端页面的适配_Layout, 布局, mobile, CSS 教程_w3cplus

如何在Vue项目中使用vw实现移动端适配_vw, Layout, 布局, Vue, mobile 教程_w3cplus

干货!各类常见布局实现+知名网站实例分析 - 掘金

移动触摸

JS—触摸事件、手势事件 - 简书

Mobile Web前端开发系列- 事件处理(二)_芬芬_新浪博客

HTML5 手势检测原理和实现 - 前端外刊评论-翻译 前端 前端开发 JavaScript Angular jQuery React Node.js 互联网

前端经常使用

js正则表达式限制

js-Math各种方法

js字符串操做

js数组的操做

js格式化时间

js生成随机颜色

js键值码汇总

前端经验

mate标签清单

移动端字体设置最佳实践

HTML5的 input-file上传类型控制

前端开发者必备的Nginx知识 - 掘金

chrome设置--disable-web-security解决跨域 - dearwind153的专栏 - CSDN博客

JS 在微信、微博、QQ、Safari 唤起 App 的解决方案 - WEB前端 - 伯乐在线

excel

前端如何作excel表格的导出

二进制数组实战 - 纯前端导出Excel文件 - 掘金

使用纯前端JavaScript 实现Excel IO - 小精灵儿Pawn - 博客园

pdf

Javascript 将html转成pdf,下载,支持多页哦(html2canvas 和 jsPDF) - 前端记录 - SegmentFault 思否

图片上传

HTML5 图片上传解决方案 | HK Talk

移动端图片上传的实践 -- 阿城的日志

文件下载

前端接受后端文件流并下载的几种方法 - 我的文章 - SegmentFault 思否

emoji

前端如何处理emoji表情 - 掘金

微信jsdk

微信网页受权

前端面试

前端面试指南

大前端面试宝典 - 图解前端

前端测试

node-debug调试

Puppeteer入门简介

前端框架研究

剖析vue实现原理,本身实现mvvm

vue技术揭秘·慕课网·黄轶

React源码解析

前端技术前沿

Houdini:CSS 领域最使人振奋的革新 - 前端外刊评论-翻译 前端 前端开发 JavaScript Angular jQuery React Node.js 互联网

改造你的网站,变身 PWA - 闻醉 - SegmentFault

WebAssembly与代码的编译 - 推酷

Web Components 是个什么样的东西 - Flexy - SegmentFault

Nova.js - Web Component is Production Ready - 推酷

设计稿自动生成可用页面的展望 - 侯振宇 - 博客园

数据结构与算法

我接触过的前端数据结构与算法 – 人人网FED博客

JavaScript 算法与数据结构 - 前端 - 掘金

javascript-algorithms/README.zh-CN.md at master · trekhleb/javascript-algorithms · GitHub

javascript性能

高效的 JavaScript - 众成翻译

2016-编写高性能的JavaScript - 某熊的全栈之路 - SegmentFault

JavaScript 启动性能瓶颈分析与解决方案

【译】编写高性能JavaScript_知识库_博客园

使用自记忆函数提升页面性能 - 周神的博客 - Rockjins Blog

加快JavaScript加载和执行效率_Helloweba

探真无阻塞加载javascript脚本技术,咱们会发现不少意想不到的秘密 - 夏天的森林 - 博客园

深刻了解JavaScript,优化做用域链(2) - Tsrot Space

高性能Javascript(一)--高效的数据访问 - ChokCoco - 博客园

高性能Javascript(二)--脚本的无阻塞加载策略 - ChokCoco - 博客园

这 3 个 JS 性能基础,让 Bluebird 更快速 - WEB前端 - 伯乐在线

浅谈编写高性能的Javascript代码 - 51CTO.COM

2018年JavaScript开销及优化工具和方法 – WEB前端开发 - 专一前端开发,关注用户体验

javascript事件

js自定义事件的简单实现 - mylove - ITeye技术网站

我所理解的javascript自定义事件 - 吕大豹 - 博客园

漫谈js自定义事件、DOM-伪DOM自定义事件 « 张鑫旭-鑫空间-鑫生活

【移动端兼容问题研究】javascript事件机制详解(涉及移动兼容) - 叶小钗 - 博客园

Javascript事件总结 - 龙恩0707 - 博客园

javascript定时器

setTimeout 的黑魔法 - 李三思 - 博客园

深刻理解定时器系列第一篇——理解setTimeout和setInterval - 小火柴的蓝色理想 - 博客园

深度解密setTimeout和setInterval——为setInterval正名! - 掘金

深刻理解定时器系列第二篇——被誉为神器的requestAnimationFrame - 小火柴的蓝色理想 - 博客园

javascript异步线程

事件循环机制的那些事

浏览器进程?线程?傻傻分不清楚! - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客

JavaScript:完全理解同步、异步和事件循环(Event Loop) - 追根溯源 - SegmentFault 思否

这一次,完全弄懂 JavaScript 执行机制 - 掘金

深刻浅出JavaScript运行机制 · Issue #2 · ljianshu/Blog · GitHub

从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 | Dailc的我的主页

一次弄懂Event Loop(完全解决此类面试问题) - 掘金

经过microtasks和macrotasks看JavaScript异步任务执行顺序 | 拓跋的前端客栈

浏览器与Node的事件循环(Event Loop)有何区别? - WEB前端 - 伯乐在线

Node 定时器详解 - 阮一峰的网络日志

JavaScript 异步、栈、事件循环、任务队列 - JS精读 - SegmentFault 思否

JavaScript宏任务和微任务 - 简书

javascript错误异常

2017前端监控系统探索总结 - 掘金

前端一站式异常解决方案 ouvenzhang的博客

JavaScript 异常的防范与监控 - 知乎专栏

脚本错误量极致优化-监控上报与Script error · Issue #13 · joeyguoblog · GitHub

脚本错误量极致优化-让脚本错误一目了然 · Issue #14 · joeyguoblog · GitHub

前端异常监控系统的落地 - 知乎专栏

深刻理解JavaScript错误和堆栈追踪 - 51CTO.COM

阿里巴巴国际UED团队 » 如何优雅地上报前端监控日志

深刻理解javascript错误处理机制

javascript内存管理

内存管理 - JavaScript | MDN

Stack的三种含义 - 阮一峰的网络日志

JavaScript 内存泄漏教程 - 阮一峰的网络日志

如何处理 JavaScript 内存泄露 - WEB前端 - 伯乐在线

4类 JavaScript 内存泄漏及如何避免 - Alon's Blog

简单了解JavaScript垃圾回收机制 - 掘金

javascript正则表达式

正则的扩展 - ECMAScript 6入门

高效准确的正则表达式的书写方法 -- 简明现代魔法

写正则不要再瞎转义了 - 紫云飞 - 博客园

精通 JS正则表达式 - 【艾伦】 - 博客园

Web学习

资讯门户

InfoQ

D2 日报

每日时报

码农头条

飞冰资讯

50weekly

编程狂人

奇舞周刊

稀土掘金

伯乐在线

技术社区

React中文社区

Nodejs中文社区

Vue.js专业中文社区

Vue Forum

牛人博客

唐霜

龙恩

小火柴

阮一峰

张鑫旭

当耐特

司徒正美

通途工做室

折腾的blog

技术文档

Pro Git 中文版

Node.jsAPI文档

Koa 中文文档

JSDoc中文文档

Babel用户手册

npm中文文档

parcel中文文档

Yarn 中文文档

rollup 中文文档

webpack 官方文档

TypeScript 中文手册

Material design中文指南

Chrome 开发者工具中文文档

Chrome 谷歌浏览器的开发者工具

Caddy中文文档(HTTP/2 Web 服务器)

localForage 中文文档

Ramda.js 中文文档

MongoDB中文文档

GreenSock中文文档

canvasAPI文档

canvas学习手册

canvas API中文网

canvas半知半解

js性能优化手册

axios中文文档

RxJS 中文文档

EJS 中文文档

fastify中文文档

zepto.js中文文档

GitHub 中文文档

技术官网

Sass

gulp

webpack

React Native

Easy Mock

GraphQL

Express

Flow

技术教程

前端知识手册

websocket教程

indexedDB教程

mongodb教程

redis教程

nginx教程

猴子都能懂的GIT入门

linux

linux命令行入门

Linux系统管理

Linux服务管理

javascript

前端进阶系列

冴羽javascript系列

深刻理解JavaScript系列

深刻理解javascript原型和闭包

JavaScript 是如何工做的系列

写给不耐烦程序员的 JavaScript

函数式编程

学会使用函数式编程的程序员(第1部分) - 终身学习者 - SegmentFault 思否

学会使用函数式编程的程序员(第2部分) - 终身学习者 - SegmentFault 思否

学会使用函数式编程的程序员(第3部分) - 终身学习者 - SegmentFault 思否

git

git 详解及实用指南之一 (本地操做) - 终身学习者 - SegmentFault 思否

git 详解及实用指南之二 (远程操做) - 终身学习者 - SegmentFault 思否

git 详解及实用指南之三(分支管理) - SegmentFault 思否

git 详解及实用指南之四(标签管理) - 终身学习者 - SegmentFault 思否

koa

koa2设计模式

koa2实战项目

学习资源

慕课网

技术胖

奇舞学院

moreAlbum

node爱好者

rails365编程学院

ECMAScript6入门

资源导航

UIRUSH百宝箱

Web前端导航

nav.web-hub.cn

前站导航

前端导航

框架

js

Polymer 中文网

anu-中文

css

Tailwind 工具集CSS框架

Bulma 现代级css框架

lit 45bit极简css框架

vue

Yox

vue

vue-router

vuex

nuxt.js

vue-ssr

vue-loader

vue-cli3

D2 Admin

element-ui

BootstrapVue

vue-element-admin

renren-fast-vue

Muse-UI

vant

nutUI

vue-starter

Lavas

react

React 中文文档

redux 中文文档

mobx 中文文档

next 中文文档

Ant Design

Ant Design Mobile

Ant Design pro

DvaJS

UmiJS

Zent

react native

React Native 中文网

Android Studio 中文社区

AndroidDevTools

bootstrap

bootstrap

Bootstrap4代码工具

boostrap-tabler 管理面板

基于boostrap的material 控制面版

layui

layui

layui 独立组件

layuiAdmin - 通用后台管理模板系统

Fly Template 极简社区页面模版

闲言轻博客,基于 layui 的轻博客模版

layerui-admin 前端后台管理框架

node

Pandora 应用管理

nodemon 进程监控

node微服务框架

ThinkJS3

Egg2

canvas

jCanvas

CreateJS

可视化

AntV

ECharts

v-charts

ApexCharts

小程序

wepy

mpvue

iview Weapp

vant Weapp

grace开发辅助库

westore

wxapp cookie

多端发布

Chameleon 变色龙

Taro UI

Taro

插件

css

flex.css

Animate.css

vue插件

element 验证加强

vue变换拉伸

vue组件懒加载

tiptap富文本(vue版)

Vue.js开源项目速查表

v-contextmenu 鼠标右键

vue资源精选

react插件

拖拽

UForm

dom操做

cash: 小型 jQuery

Zepto.js

Cyer文档

node模块

fastscan敏感词过滤库

nodejs操做Linux命令库

windows-build-tools - npm

rxdb-web实时数据库

web打包成app

web打包成pdf

x-ray HTML内容抓取

mirror-config-china镜像管理模块

存储/数据库

Database.js

localForage

query类SQL前端数据查询库

linvodb3

Dexie.js

table/excel数据表格

JSpreadsheets - 资源列表

GitHub - paulhodel/jexcel: jExcel is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with Excel or any other spreadsheet software.

Handsontable | JavaScript Data Grid Component For Web Apps

富文本编辑

wangEditor PC端·富文本编辑器

wangEditor 移动端·富文本编辑器

Slate 可定制的富文本编辑器

Editor.js

音频/视频

Chimee组件化H5播放器

Dewplayer 音乐播放器

Audio5js

Video.js

flv.js

手势/触摸

AlloyFinger 移动web手势

AlloyTouch 移动Web触摸

动画/动效

前端动效库汇总

Dynamics 物理动效库js库

AniX 简单轻量的动画库

gka帧动画生成工具

Velocity.js

Textillate.js

anime.js

按钮动画库

Move.js

Micron.js

scenejs: 🎬 时间轴动画

错误/调试

AlloyLever 错误监控上报

monitor: js错误异常监控

vConsole 移动调试

图片/图形

AlloyImage 图片处理引擎

AlloyCrop 移动web裁剪

localResizeIMG4图片压缩

jQuery Jcrop 图像裁剪

滑动/滚动

Swiper

iScroll 5

BetterScroll

minirefresh

Vuescroll.js

日期/日历

cxDate

layDate

Moment.js 中文网

树形/联动

vue-jstree

vue-ztree-2.0

element省市区联动

elementUI树形编辑菜单

文件上传

Dropzone.js

Uppy File Uploader

网络请求

request

axios

fly

弹出层

layer

Layx

工具库

accounting.js数字和千分符格式化

transformjs css3属性转换

Dinero.js钱计算

is.js类型判断

js浮点数运算

math.js数学运算

实用库

JavaScript 轻量级模糊搜索引擎

zanePerfor: 前端性能监控系统

html2canvas.js 浏览器截图

clipboard.js 复制到剪切板

zeu.js 经常使用图形生成

Exif.js 读取图片元数据

qart.js 二维码生成

jsMind - 思惟导图

reveal.js PPT演示

Print.js 打印

分页

jQuery.pagination.js

pdf

PDF.js

jsPDF

RelaxedJS-pdf

颜色处理

chroma.js 颜色处理

Pickr颜色选择器20Wby7SmKSbdzcXNJvOPAzrZU+1lsIoXMGxyUhvH5YJYSQqKpIsWRiFK6neWPoPRW5I65gOiQIAAAAASUVORK5CYII=">圈圈·后台

圈圈·禅道
常德市人力资源考试院
长沙市政务服务中心
长沙市政府首页
大大工匠-红书包
闪萌 - 全球最大的中文GIF搜索引擎 - gif搜索_动图搜索_gif_动图_表情_斗图


实用工具



前端在线工具

兼容性速查



html5兼容性查询
node-es6支持度
es6兼容性表查询
设备es6支持度
游览器H5支持度
浏览器内核检测工具
手机设备信息检测
浏览器市场份额


文档手册



W3C中国
W3C国内镜像
HTML5 - MDN
JavaScript - MDN
ECMAScript规范
es6使用对照手册
w3school 菜鸟教程
现代 Javascript 教程
Javascript备忘录手册
JavaScript参考手册
JavaScript 全局对象
JavaScript RegExp
百度地图API文档
微信公众平台·JSSDK
微信开放文档
js工具代码片断


在线工具



JS Bin在线编码
前端在线编辑器
Photoshop在线版
markdown在线工具
SVG工具[Tool]
jade在线转换
CodeSandbox
PHP 在线工具
sass转css
css转sass
雪碧图生成
GoPng雪碧图生成
jsPerf片断性能测试
PDF24-PDF在线使用工具


字体转换



Iconfont 字体图标
fontsquirrel(Web Font)
Font2Web(ttf.otf.etf.eot.woff.svg)
Fontmin - 字体子集化方案
字蛛(FontSpider)
有字库(Web Font)


资源工具



2018年 JavaScript 明星项目
The State of JavaScript
Awesomes前端开发资源库
JavaScript 资源大全
awesome-bookmarks
Bootstrap中文CDN服务
chrome插件英雄榜
Github开源汇聚
淘宝 NPM 镜像
npm 安装插件
码库CTOLib
轮子工厂


图片工具



图片压缩(png-jpg)
Picdiet极速压缩
Squoosh压缩
智图压缩在线
图片格式转换
base64图片互换
loading.gif生成器
svg/css/gif加载图标


css工具



css3工具大全
css3在线工具
背景渐变方案
flexbox工具
动画帧数计算器
border-image
box-shadow
Gradient
Gradient
Matrix
CSS ICON
ICONSVG -编辑svg-icon
Grid布局对照工具
CSSFX - 效果copy


测试工具



异步测试
Babel 实验室
GTmetrix 网站性能


正则工具



正则大全
正则练习
正则测验
正则可视化


git工具



git命令查询
git短域名服务


对照工具



Emoji查找对照
HTML转义字符对照表


颜色工具



RGB-16进制转换[Tool]
Web安全色


实用工具



一站式在线PDF解决方案
声享 - 在线制做PPT
音乐在线裁剪


文本工具



在线文本处理
在线新华字典


截屏工具



输入网址·各种截屏


开发工具



Bit
石墨文档
云客服系统
draw.io图表
Coding 码市
SimpRead 简悦
UZER.ME 云端办公
LeanCloud 后端云服务
Enhancer - 一站式信息系统开发云平台
Google Cloud Platform 免费方案
DoKit-app研发助手(iOS/Android)
github网站汉化插件
奶牛快传-文件传输服务

js错误监测



Fundebug-js错误监控
FrontJS-轻量级错误监控平台


设计协做



墨刀 - 强大易用的原型设计与协同工具
蓝湖 - 高效的产品设计协做平台
PxCook - 最高效易用的自动标注工具,设计研发协做利器
Fusion Design


api接口



apizza - 极客专属的api管理工具
DOClever 移动时代首选接口管理平台!
YApi 接口管理平台
APIJSON


模板方案



飞冰 - 让前端开发简单而友好
Ant Design Landing


框架ide



Reactide react开发专用ide


内网穿透



Sunny-Ngrok内网转发
NATAPP 国内高速内网穿透服务




技术文章



html5



深刻理解Web Worker
初探performance性能监控api
FileSystemObject ·JS读取-建立本地文件及目录文件夹的方
HTML5之pushstate、popstate操做history,无刷新改变当前url - sniper007 - 推酷
HTML5离线数据缓存 - 傲雪星枫 - 博客频道 - CSDN.NET
html5 postMessage解决跨域、跨窗口消息传递 - Samaritans - 博客园
WebSocket:5分钟从入门到精通 - 掘金
WebSocket 与 Socket.IO - 前端解忧杂货铺 - 知乎专栏
Web 实时推送技术的总结 - 前端工匠公众号 - SegmentFault 思否


css



图解CSS3 Flexbox属性_CSS3, Flexbox 教程_w3cplus
Flex 布局教程:语法篇 - 阮一峰的网络日志
transitionend animationend 事件兼容问题 - 蜗牛博客
CSS之视觉格式化模型(Visual Formatting Model) – 熊建刚的博客
CSS居中完整指南_CSS, 水平居中, 垂直居中, 水平垂直居中 教程_w3cplus
iPhone X的缺口和CSS_mobile 教程_w3cplus
借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海 « 张鑫旭-鑫空间-鑫生活
CSS 媒体查询 响应式 - 欧阳平 - 博客园
CSS 黑魔法小技巧,让你少写没必要要的JS,代码更优雅 - 微醺岁月 - SegmentFault
CSS 写做建议和性能优化小结 - WEB前端 - 伯乐在线
CSS代码重构与优化之路 - 狼狼的蓝胖子
CSS方法论彻底总结 - kidney - 博客园
没那么难,谈CSS的设计模式_知识库_博客园
js动态改变css伪类样式 - 龙恩0707 - 博客园
使用JS控制伪元素的几种方法-子匠_Zijor的博客
如何使用js捕获css3动画 - w3cboy,最专业的前端开发博客


javascript



你不须要jQuery
JavaScript开发者应懂的33个概念
深刻探讨 ECMAScript 规范第五版
ECMAScript5 Object的新属性方法 - Samaritans - 博客园
Object.assign 复制对象、合并对象 - HeiYe168 - 博客园
JavaScript中in操做符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别 - 推酷
escape()、encodeURI()、encodeURIComponent()区别详解 - nd - 博客园
Javascript有个Unicode的天坑 - Web前端 腾讯AlloyTeam Blog - 愿景- 成为地球卓越的Web团队!
JS的==运算 - 追根溯源 - SegmentFault
HTML 获取屏幕、浏览器、页面的高度宽度 - polk6 - 博客园
谈谈Javascript中的void操做符 - Code - SegmentFault
Function.prototype.apply.call的总结 - zeromike - ITeye博客
DOM DOM0 DOM1 DOM2 DOM3 简单介绍 - CSDN博客
[译] JavaScript 是如何工做的:深刻网络层 + 如何优化性能和安全 - 掘金
ES六、ES七、ES八、ES九、ES10新特性一览 - 掘金
JavaScript 浮点数运算的精度问题-WEB前端开发


ecmascript6



何时你不能使用箭头函数? - 掘金
30分钟,让你完全明白Promise原理 - jessica's前端杂谈 - SegmentFault
ES6中Arguments和Parameters用法解析 - chenxj - 博客园
JavaScript 最新特性实现的三大黑科技 - WEB前端 - 伯乐在线
21 分钟精通前端 Polyfill 方案 - SToneX
Babel下的ES6兼容性与规范 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客
ES6学习之Babel的正确安装姿式 - 振小文 - 博客园
Es2017 将会给咱们带来什么? - Web前端 腾讯IVWeb 团队社区
[译]babel-preset-env | icyfish's blog


mongodb



MongoDB GUI( Robo 3T) Shell使用及操做 - 陈达辉 - 博客园
Mongoose介绍和入门 - porschev - 博客园
Mongoose全面理解 - jayruan - 博客园
Mongoose 参考手册 - CNode技术社区


webpack



vue-cli3内存溢出,JavaScript heap out of memory - ifredom的故事 - CSDN博客


node



你不知道的 Node
Node.js 十问 - 知乎专栏
Node.js 单元测试:我要写测试 Taobao FED 淘宝前端团队
使用Node.js+Socket.IO搭建WebSocket实时应用 - OPEN 开发经验库
如何挑选高质量的 Node.js 模块? - 前端 - 掘金
浅谈 Node.js 安全 - 知乎专栏
Nodejs学习笔记(四)与MySQL交互(felixge/node-mysql) - AndyLizh的专栏 - CSDN博客
记一次npm package插件开发 - 前端 - 掘金
Node.js中的内存泄漏分析 - FreeBuf.COM | 关注黑客与极客
《Node.js在CLI下的工程化体系实践》成都OSC源创会分享总结 - 腾讯云社区 - 腾讯云
JavaScript工做机制:V8 引擎内部机制及如何编写优化代码的5个诀窍 - WEB前端 - 伯乐在线
V8 内存分配与垃圾回收 - WEB前端 - 伯乐在线
新 V8 即将推出,和 Node.js 性能变化 - WEB前端 - 伯乐在线
面向前端开发者的V8性能优化 - 掘金
请准备好:新的V8即将发布,Node 的性能正在改变 - 众成翻译
性能优化 - 让nodejs再快一点 - CNode技术社区
Node应用内存泄漏分析方法论与实战 - CNode技术社区
Koa2项目安全加固建议--完整版 - CNode技术社区
Node.js进阶:5分钟入门非对称加密方法 - 掘金
Node.js性能分析神器Easy-Monitor - CNode技术社区
你不知道的Node.js性能优化 - 知乎


vue



vue 开发插件流程 - 急眼的蜗牛 - 博客园
Vue.js2.0之组件篇 - Alecor的博客 - CSDN博客
VueJS 开发常见问题集锦 - WEB前端 - 伯乐在线
Vue.js踩坑记 | 前端开发 | Heero's Blog
vuex 快速上手 - 前端 - 掘金
如何修改ElementUI源码 - 简书
一个Vue页面的内存泄露分析 - 知乎
2018年最好的45个Vue开源项目汇总
一张思惟导图辅助你深刻了解 Vue | Vue-Router | Vuex 源码架构(图文结合版)


http



http各类状态码的意思
程序员都该懂点 HTTP
Token 认证的前因后果 - 掘金
前端面试“http全过程”将全部HTTP相关知识抛出来了... - 前端 - 掘金
前端必须会的!!!关于对HTTP协议的理解、HTTP协议原理分析 - N-Tara - 博客园
学习前端前必知的——HTTP协议详解 - 超然haha - 博客园
看完还不懂HTTPS我直播吃翔 - winwill2012的博客 - CSDN博客
HTTPS 为何更安全,先看这些 - _zhijun - 掘金专栏
HTTPS 常见部署问题及解决方案 - JerryQu 的小站
HTTPS证书生成原理和部署细节 - 小胡子哥的我的网站
深刻研究:HTTP2 的真正性能到底如何 - Jrain-前端养成记 - SegmentFault
HTML关于post和get的区别以及缓存问题的理解 - 请叫我大师兄 - CSDN博客
99%的人都理解错了HTTP中GET与POST的区别
小哥哥,小姐姐,我有一份tcp、http面试指南你要吗? - 掘金
10分钟免费开启全站https - 掘金
先后端均适用的网络知识点大全 - WEB前端 - 伯乐在线


ajax



Ajax使用学习 - 简书
你真的会使用XMLHttpRequest吗? - WEB前端路上踩过的坑儿 - SegmentFault
AJAX overrideMimeType做用 - 选择了就坚持 - 博客园
HttpRequest中常见的四种ContentType【转载】 - 宗炳煌 - 博客园
Ajax页面缓存问题分析与解决办法 - sunyan的专栏 - 博客频道 - CSDN.NET
Fetch进阶指南 - louis blog
fetch 没有你想象的那么美 - undefined
传统 Ajax 已死,Fetch 永生 - 会影 - SegmentFault


seo



前端渲染与SEO优化踩坑 小记 | RaPoSpectre的我的博客
SEO优化实战 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客


git



Git 大全 - 码云 Gitee.com
Git使用教程 - 空智 - 博客园
在vscode中使用Git - 满天都是小xx - 博客园
git 放弃本地修改,强制拉取更新 - 凯凯王的技术生涯 - CSDN博客
git-ssh 配置和使用 - fedl - SegmentFault
经常使用 Git 命令清单 - 阮一峰的网络日志


npm



【原】npm 经常使用命令详解 - 白树 - 博客园
npm的package.json中文文档 · Issue #6 · ericdum/mujiang.info


fiddler



Fiddler实战深刻研究(二) - 空智 - 博客园
Fiddler调式使用知多少(一)深刻研究 - 空智 - 博客园
fiddler抓包HTTPS请求


github



你必须收藏的Github技巧 - Web前端 腾讯AlloyTeam Blog - 愿景- 成为地球卓越的Web团队!
如何在 GitHub 创建我的主页和项目演示页面 - Kay's Development Notes - 博客频道 - CSDN.NET


chrome



ChenChenJoke-JokerChrome- The chrome produce and the -chrome---about-
Chrome DevTools:在 Profile 性能分析中显示原生 javascript 函数
Chrome出了个小bug:论如何在Chrome下劫持原生只读对象 - 阿里聚安全的安全专栏 - 知乎专栏
Chrome开发者工具之JavaScript内存分析 - WEB前端 - 伯乐在线
GPU加速是什么 - Aotu.io「凹凸实验室」
javascript 内存泄露及谷歌浏览器查看内存使用 - 前端 - 掘金
从Chrome源码看浏览器如何计算CSS – 人人网FED博客
在chrome开发者工具中观察函数调用栈、做用域链与闭包 - 简书
手把手教你实现 Google 拓展插件 - 程序员实验室 - 知乎专栏
超完整的Chrome浏览器客户端调试大全 - 人人都是互联网创意G客
Chrome 66 使用 DevTools 跟踪 JS 对象和 DOM 对象的引用


编辑器



Markdown 语法说明(简体中文版)
Markdown,你只须要掌握这几个 - 推酷
使用Visual Studio Code对Node.js进行断点调试 - CNode技术社区
vsCode前端调试不彻底指南
Visual Studio Code 使用Git进行版本控制 - 玄魂 - 博客园
awesome-vscode插件列表


游览器



浅析前端页面渲染机制
浏览器的渲染:过程与原理
【干货】十分钟读懂浏览器渲染流程 - 掘金
浏览器渲染过程与性能优化 - 掘金
为何说DOM操做很慢_知识库_博客园
CSSJS对DOM渲染的影响 Harttle Land
原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的 - 掘金
深刻浅出浏览器渲染原理 - WEB前端 - 伯乐在线
细说浏览器输入URL后发生了什么 - IT技术杂谈 - 薛才杰♥我的博客
浏览器原理系列10篇正式完结 - 掘金
从“快稳省安全”看Chromium——Chromium学习系列 - 掘金


微信相关



【原创】微信受权、获取用户openid-纯前端实现——jsonp跨域访问返回json数据会报错的纯前端解决办法 - 金振宗 - 博客园
详解Vue微信受权登陆先后端分离较为优雅的解决方案_vue.js_脚本之家


前端调试



前端 WebView 指南之调试篇 - 奇舞团博客
前端 WebView 指南之 iOS 交互篇 - 奇舞团博客
前端 WebView 指南之 Android 交互篇 - 奇舞团博客
介绍一款手机的抓包工具Charles-有用
移动端前端开发调试 - CocoaChina_让移动开发更简单
推荐:Web开发者的六个代码调试平台 - w3ctech - 中国最大的前端技术社区


web跨域



跨域资源共享
ajax跨域解决方案
跨域方法总结 - wps2015的博客
九种跨域方式实现原理(完整版) - 掘金
AJAX 跨域请求 - JSONP获取JSON数据 - Just Code - ITeye技术网站
ajax withCredentials在firefox下问题的解释 - 嘿煤贵 - 博客园
跨域的另外一种解决方案——CORS(Cross-Origin Resource Sharing)跨域资源共享 - Shikyoh - 博客园
JS维护nginx反向代理,妈妈不再用担忧我跨域了! - 掘金
谁说前端不须要懂-Nginx反向代理与负载均衡 - 掘金
CORS跨域时,为什么会出现一次动做,两次请求? - 掘金


web缓存



Web缓存核心技术点需知
深刻理解浏览器的缓存机制
浏览器缓存机制剖析 - WEB前端 - 伯乐在线
浅谈Web缓存 - Web前端 腾讯AlloyTeam Blog - 愿景- 成为地球卓越的Web团队!
H5 各种缓存机制浅析 移动端 Web 加载性能优化 - CocoaChina_让移动开发更简单


web安全



如何监控网页崩溃
浅谈流量劫持与防治
使用 SRI 解决 CDN 劫持
Web前端页面劫持和反劫持
干货!防运营商劫持 - 掘金
域名劫持资源重加载方案 - WEB前端 - 伯乐在线
CSRF攻击与防护(写得很是好) - CSDN博客
8 大前端安全问题(上) - WEB前端 - 伯乐在线
8 大前端安全问题(下) - WEB前端 - 伯乐在线


web性能



Web动画性能指南
如何作好H5性能优化?
Web静态资源缓存及优化
浏览器前端优化 Alon's Blog
JDC - 京东设计中心 » 浅析渲染引擎与前端优化
【webapp的优化整理】要作移动前端优化的朋友进来看看吧 - 叶小钗 - 博客园
【译】惟快不破:Web 应用的 13 个优化步骤 - 前端的逆袭 - 知乎专栏
前端优化不彻底指南 - Aotu.io
前端优化实践总结 - WEB前端 - 伯乐在线
前端性能优化指南 - kahn1990 - SegmentFault
前端性能优化最佳实践-前端开发博客
打造亚秒级页面加载速度网店实践经验
无线性能优化:Composite - Taobao FED - 淘宝前端团队
移动HTML5前端性能优化指南 - CocoaChina_让移动开发更简单
移动网站性能优化:网页加载技术概览-前端开发博客
这几点技巧帮你优化前端应用性能 - 知乎专栏
如何评价页面的性能 | Taobao FED | 淘宝前端团队
浏览器的小改进让 Facebook 网站减小 60% 的网络请求 - WEB前端 - 伯乐在线
Web 的现状:网页性能提高指南 - 前端郭高工 - SegmentFault
惟快不破:Web 应用的 13 个优化步骤 - WEB前端 - 伯乐在线
kangkk/web_performance_optimization
Web图片资源的加载与渲染时机
[译] 2019 前端性能优化年度总结 — 第一部分 - 掘金


前端布局



再聊移动端页面的适配_Layout, 布局, mobile, CSS 教程_w3cplus
如何在Vue项目中使用vw实现移动端适配_vw, Layout, 布局, Vue, mobile 教程_w3cplus
干货!各类常见布局实现+知名网站实例分析 - 掘金


移动触摸



JS—触摸事件、手势事件 - 简书
Mobile Web前端开发系列- 事件处理(二)_芬芬_新浪博客
HTML5 手势检测原理和实现 - 前端外刊评论-翻译 前端 前端开发 JavaScript Angular jQuery React Node.js 互联网


前端经常使用



js正则表达式限制
js-Math各种方法
js字符串操做
js数组的操做
js格式化时间
js生成随机颜色
js键值码汇总


前端经验



mate标签清单
移动端字体设置最佳实践
HTML5的 input-file上传类型控制
前端开发者必备的Nginx知识 - 掘金
chrome设置--disable-web-security解决跨域 - dearwind153的专栏 - CSDN博客
JS 在微信、微博、QQ、Safari 唤起 App 的解决方案 - WEB前端 - 伯乐在线

excel



前端如何作excel表格的导出
二进制数组实战 - 纯前端导出Excel文件 - 掘金
使用纯前端JavaScript 实现Excel IO - 小精灵儿Pawn - 博客园


pdf



Javascript 将html转成pdf,下载,支持多页哦(html2canvas 和 jsPDF) - 前端记录 - SegmentFault 思否


图片上传



HTML5 图片上传解决方案 | HK Talk
移动端图片上传的实践 -- 阿城的日志


文件下载



前端接受后端文件流并下载的几种方法 - 我的文章 - SegmentFault 思否


emoji



前端如何处理emoji表情 - 掘金


微信jsdk



微信网页受权



前端面试



前端面试指南
大前端面试宝典 - 图解前端


前端测试



node-debug调试
Puppeteer入门简介


前端框架研究



剖析vue实现原理,本身实现mvvm
vue技术揭秘·慕课网·黄轶
React源码解析


前端技术前沿



Houdini:CSS 领域最使人振奋的革新 - 前端外刊评论-翻译 前端 前端开发 JavaScript Angular jQuery React Node.js 互联网
改造你的网站,变身 PWA - 闻醉 - SegmentFault
WebAssembly与代码的编译 - 推酷
Web Components 是个什么样的东西 - Flexy - SegmentFault
Nova.js - Web Component is Production Ready - 推酷
设计稿自动生成可用页面的展望 - 侯振宇 - 博客园


数据结构与算法



我接触过的前端数据结构与算法 – 人人网FED博客
JavaScript 算法与数据结构 - 前端 - 掘金
javascript-algorithms/README.zh-CN.md at master · trekhleb/javascript-algorithms · GitHub


javascript性能



高效的 JavaScript - 众成翻译
2016-编写高性能的JavaScript - 某熊的全栈之路 - SegmentFault
JavaScript 启动性能瓶颈分析与解决方案
【译】编写高性能JavaScript_知识库_博客园
使用自记忆函数提升页面性能 - 周神的博客 - Rockjins Blog
加快JavaScript加载和执行效率_Helloweba
探真无阻塞加载javascript脚本技术,咱们会发现不少意想不到的秘密 - 夏天的森林 - 博客园
深刻了解JavaScript,优化做用域链(2) - Tsrot Space
高性能Javascript(一)--高效的数据访问 - ChokCoco - 博客园
高性能Javascript(二)--脚本的无阻塞加载策略 - ChokCoco - 博客园
这 3 个 JS 性能基础,让 Bluebird 更快速 - WEB前端 - 伯乐在线
浅谈编写高性能的Javascript代码 - 51CTO.COM
2018年JavaScript开销及优化工具和方法 – WEB前端开发 - 专一前端开发,关注用户体验


javascript事件



js自定义事件的简单实现 - mylove - ITeye技术网站
我所理解的javascript自定义事件 - 吕大豹 - 博客园
漫谈js自定义事件、DOM-伪DOM自定义事件 « 张鑫旭-鑫空间-鑫生活
【移动端兼容问题研究】javascript事件机制详解(涉及移动兼容) - 叶小钗 - 博客园
Javascript事件总结 - 龙恩0707 - 博客园


javascript定时器



setTimeout 的黑魔法 - 李三思 - 博客园
深刻理解定时器系列第一篇——理解setTimeout和setInterval - 小火柴的蓝色理想 - 博客园
深度解密setTimeout和setInterval——为setInterval正名! - 掘金
深刻理解定时器系列第二篇——被誉为神器的requestAnimationFrame - 小火柴的蓝色理想 - 博客园


javascript异步线程



事件循环机制的那些事
浏览器进程?线程?傻傻分不清楚! - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客
JavaScript:完全理解同步、异步和事件循环(Event Loop) - 追根溯源 - SegmentFault 思否
这一次,完全弄懂 JavaScript 执行机制 - 掘金
深刻浅出JavaScript运行机制 · Issue #2 · ljianshu/Blog · GitHub
从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 | Dailc的我的主页
一次弄懂Event Loop(完全解决此类面试问题) - 掘金
经过microtasks和macrotasks看JavaScript异步任务执行顺序 | 拓跋的前端客栈
浏览器与Node的事件循环(Event Loop)有何区别? - WEB前端 - 伯乐在线
Node 定时器详解 - 阮一峰的网络日志
JavaScript 异步、栈、事件循环、任务队列 - JS精读 - SegmentFault 思否
JavaScript宏任务和微任务 - 简书


javascript错误异常



2017前端监控系统探索总结 - 掘金
前端一站式异常解决方案 ouvenzhang的博客
JavaScript 异常的防范与监控 - 知乎专栏
脚本错误量极致优化-监控上报与Script error · Issue #13 · joeyguoblog · GitHub
脚本错误量极致优化-让脚本错误一目了然 · Issue #14 · joeyguoblog · GitHub
前端异常监控系统的落地 - 知乎专栏
深刻理解JavaScript错误和堆栈追踪 - 51CTO.COM
阿里巴巴国际UED团队 » 如何优雅地上报前端监控日志
深刻理解javascript错误处理机制


javascript内存管理



内存管理 - JavaScript | MDN
Stack的三种含义 - 阮一峰的网络日志
JavaScript 内存泄漏教程 - 阮一峰的网络日志
如何处理 JavaScript 内存泄露 - WEB前端 - 伯乐在线
4类 JavaScript 内存泄漏及如何避免 - Alon's Blog
简单了解JavaScript垃圾回收机制 - 掘金


javascript正则表达式



正则的扩展 - ECMAScript 6入门
高效准确的正则表达式的书写方法 -- 简明现代魔法
写正则不要再瞎转义了 - 紫云飞 - 博客园
精通 JS正则表达式 - 【艾伦】 - 博客园



Web学习



资讯门户



InfoQ
D2 日报
每日时报
码农头条
飞冰资讯
50weekly
编程狂人
奇舞周刊
稀土掘金
伯乐在线


技术社区



React中文社区
Nodejs中文社区
Vue.js专业中文社区
Vue Forum


牛人博客



唐霜
龙恩
小火柴
阮一峰
张鑫旭
当耐特
司徒正美
通途工做室
折腾的blog


技术文档



Pro Git 中文版
Node.jsAPI文档
Koa 中文文档
JSDoc中文文档
Babel用户手册
npm中文文档
parcel中文文档
Yarn 中文文档
rollup 中文文档
webpack 官方文档
TypeScript 中文手册
Material design中文指南
Chrome 开发者工具中文文档
Chrome 谷歌浏览器的开发者工具
Caddy中文文档(HTTP/2 Web 服务器)
localForage 中文文档
Ramda.js 中文文档
MongoDB中文文档
GreenSock中文文档
canvasAPI文档
canvas学习手册
canvas API中文网
canvas半知半解
js性能优化手册
axios中文文档
RxJS 中文文档
EJS 中文文档
fastify中文文档
zepto.js中文文档
GitHub 中文文档


技术官网



Sass
gulp
webpack
React Native
Easy Mock
GraphQL
Express
Flow


技术教程



前端知识手册
websocket教程
indexedDB教程
mongodb教程
redis教程
nginx教程
猴子都能懂的GIT入门

linux



linux命令行入门
Linux系统管理
Linux服务管理


javascript



前端进阶系列
冴羽javascript系列
深刻理解JavaScript系列
深刻理解javascript原型和闭包
JavaScript 是如何工做的系列
写给不耐烦程序员的 JavaScript


函数式编程



学会使用函数式编程的程序员(第1部分) - 终身学习者 - SegmentFault 思否
学会使用函数式编程的程序员(第2部分) - 终身学习者 - SegmentFault 思否
学会使用函数式编程的程序员(第3部分) - 终身学习者 - SegmentFault 思否


git



git 详解及实用指南之一 (本地操做) - 终身学习者 - SegmentFault 思否
git 详解及实用指南之二 (远程操做) - 终身学习者 - SegmentFault 思否
git 详解及实用指南之三(分支管理) - SegmentFault 思否
git 详解及实用指南之四(标签管理) - 终身学习者 - SegmentFault 思否


koa



koa2设计模式
koa2实战项目



学习资源



慕课网
技术胖
奇舞学院
moreAlbum
node爱好者
rails365编程学院
ECMAScript6入门


资源导航



UIRUSH百宝箱
Web前端导航
nav.web-hub.cn
前站导航
前端导航



框架



js



Polymer 中文网
anu-中文


css



Tailwind 工具集CSS框架
Bulma 现代级css框架
lit 45bit极简css框架


vue



Yox
vue
vue-router
vuex
nuxt.js
vue-ssr
vue-loader
vue-cli3
D2 Admin
element-ui
BootstrapVue
vue-element-admin
renren-fast-vue
Muse-UI
vant
nutUI
vue-starter
Lavas


react



React 中文文档
redux 中文文档
mobx 中文文档
next 中文文档
Ant Design
Ant Design Mobile
Ant Design pro
DvaJS
UmiJS
Zent


react native



React Native 中文网
Android Studio 中文社区
AndroidDevTools


bootstrap



bootstrap
Bootstrap4代码工具
boostrap-tabler 管理面板
基于boostrap的material 控制面版


layui



layui
layui 独立组件
layuiAdmin - 通用后台管理模板系统
Fly Template 极简社区页面模版
闲言轻博客,基于 layui 的轻博客模版
layerui-admin 前端后台管理框架


node



Pandora 应用管理
nodemon 进程监控
node微服务框架
ThinkJS3
Egg2


canvas



jCanvas
CreateJS


可视化



AntV
ECharts
v-charts
ApexCharts


小程序



wepy
mpvue
iview Weapp
vant Weapp
grace开发辅助库
westore
wxapp cookie


多端发布



Chameleon 变色龙
Taro UI
Taro



插件



css



flex.css
Animate.css


vue插件



element 验证加强
vue变换拉伸
vue组件懒加载
tiptap富文本(vue版)
Vue.js开源项目速查表
v-contextmenu 鼠标右键
vue资源精选


react插件



拖拽
UForm


dom操做



cash: 小型 jQuery
Zepto.js
Cyer文档


node模块



fastscan敏感词过滤库
nodejs操做Linux命令库
windows-build-tools - npm
rxdb-web实时数据库
web打包成app
web打包成pdf
x-ray HTML内容抓取
mirror-config-china镜像管理模块


存储/数据库



Database.js
localForage
query类SQL前端数据查询库
linvodb3
Dexie.js


table/excel数据表格



JSpreadsheets - 资源列表
GitHub - paulhodel/jexcel: jExcel is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with Excel or any other spreadsheet software.
Handsontable | JavaScript Data Grid Component For Web Apps


富文本编辑



wangEditor PC端·富文本编辑器
wangEditor 移动端·富文本编辑器
Slate 可定制的富文本编辑器
Editor.js


音频/视频



Chimee组件化H5播放器
Dewplayer 音乐播放器
Audio5js
Video.js
flv.js


手势/触摸



AlloyFinger 移动web手势
AlloyTouch 移动Web触摸


动画/动效



前端动效库汇总
Dynamics 物理动效库js库
AniX 简单轻量的动画库
gka帧动画生成工具
Velocity.js
Textillate.js
anime.js
按钮动画库
Move.js
Micron.js
scenejs: 🎬 时间轴动画


错误/调试



AlloyLever 错误监控上报
monitor: js错误异常监控
vConsole 移动调试


图片/图形



AlloyImage 图片处理引擎
AlloyCrop 移动web裁剪
localResizeIMG4图片压缩
jQuery Jcrop 图像裁剪


滑动/滚动



Swiper
iScroll 5
BetterScroll
minirefresh
Vuescroll.js


日期/日历



cxDate
layDate
Moment.js 中文网


树形/联动



vue-jstree
vue-ztree-2.0
element省市区联动
elementUI树形编辑菜单


文件上传



Dropzone.js
Uppy File Uploader


网络请求



request
axios
fly


弹出层



layer
Layx


工具库



accounting.js数字和千分符格式化
transformjs css3属性转换
Dinero.js钱计算
is.js类型判断
js浮点数运算
math.js数学运算


实用库



JavaScript 轻量级模糊搜索引擎
zanePerfor: 前端性能监控系统
html2canvas.js 浏览器截图
clipboard.js 复制到剪切板
zeu.js 经常使用图形生成
Exif.js 读取图片元数据
qart.js 二维码生成
jsMind - 思惟导图
reveal.js PPT演示
Print.js 打印


分页



jQuery.pagination.js


pdf



PDF.js
jsPDF
RelaxedJS-pdf


颜色处理



chroma.js 颜色处理
Pickr颜色选择器





Bookmarks

Bookmarks

书签栏

经常使用

凤凰文化

豆瓣读书

豆瓣电影

技术码云

博客园

xfe blog

xfe admin

飞鱼博客

飞鱼后台

看理想

MOOC

妖神记

万界仙踪

博人传

哔哩哔哩

爱奇艺

腾讯视频

淘宝网

京东商城

腾讯翻译

人人影视

每日壹单

ProcessOn

Swagger UI

人人开源·接口

湖南人事考试网

湖南公务员考试网

国家公务员考试网

成考信息管理系统

微信公众平台

圈圈·移动端

圈圈·后台

圈圈·禅道

常德市人力资源考试院

长沙市政务服务中心

长沙市政府首页

大大工匠-红书包

闪萌 - 全球最大的中文GIF搜索引擎 - gif搜索_动图搜索_gif_动图_表情_斗图

实用工具

前端在线工具

兼容性速查

html5兼容性查询

node-es6支持度

es6兼容性表查询

设备es6支持度

游览器H5支持度

浏览器内核检测工具

手机设备信息检测

浏览器市场份额

文档手册

W3C中国

W3C国内镜像

HTML5 - MDN

JavaScript - MDN

ECMAScript规范

es6使用对照手册

w3school 菜鸟教程

现代 Javascript 教程

Javascript备忘录手册

JavaScript参考手册

JavaScript 全局对象

JavaScript RegExp

百度地图API文档

微信公众平台·JSSDK

微信开放文档

js工具代码片断

在线工具

JS Bin在线编码

前端在线编辑器

Photoshop在线版

markdown在线工具

SVG工具[Tool]

jade在线转换

CodeSandbox

PHP 在线工具

sass转css

css转sass

雪碧图生成

GoPng雪碧图生成

jsPerf片断性能测试

PDF24-PDF在线使用工具

字体转换

Iconfont 字体图标

fontsquirrel(Web Font)

Font2Web(ttf.otf.etf.eot.woff.svg)

Fontmin - 字体子集化方案

字蛛(FontSpider)

有字库(Web Font)

资源工具

2018年 JavaScript 明星项目

The State of JavaScript

Awesomes前端开发资源库

JavaScript 资源大全

awesome-bookmarks

Bootstrap中文CDN服务

chrome插件英雄榜

Github开源汇聚

淘宝 NPM 镜像

npm 安装插件

码库CTOLib

轮子工厂

图片工具

图片压缩(png-jpg)

Picdiet极速压缩

Squoosh压缩

智图压缩在线

图片格式转换

base64图片互换

loading.gif生成器

svg/css/gif加载图标

css工具

css3工具大全

css3在线工具

背景渐变方案

flexbox工具

动画帧数计算器

border-image

box-shadow

Gradient

Gradient

Matrix

CSS ICON

ICONSVG -编辑svg-icon

Grid布局对照工具

CSSFX - 效果copy

测试工具

异步测试

Babel 实验室

GTmetrix 网站性能

正则工具

正则大全

正则练习

正则测验

正则可视化

git工具

git命令查询

git短域名服务

对照工具

Emoji查找对照

HTML转义字符对照表

颜色工具

RGB-16进制转换[Tool]

Web安全色

实用工具

一站式在线PDF解决方案

声享 - 在线制做PPT

音乐在线裁剪

文本工具

在线文本处理

在线新华字典

截屏工具

输入网址·各种截屏

开发工具

Bit

石墨文档

云客服系统

draw.io图表

Coding 码市

SimpRead 简悦

UZER.ME 云端办公

LeanCloud 后端云服务

Enhancer - 一站式信息系统开发云平台

Google Cloud Platform 免费方案

DoKit-app研发助手(iOS/Android)

github网站汉化插件

奶牛快传-文件传输服务

js错误监测

Fundebug-js错误监控

FrontJS-轻量级错误监控平台

设计协做

墨刀 - 强大易用的原型设计与协同工具

蓝湖 - 高效的产品设计协做平台

PxCook - 最高效易用的自动标注工具,设计研发协做利器

Fusion Design

api接口

apizza - 极客专属的api管理工具

DOClever 移动时代首选接口管理平台!

YApi 接口管理平台

APIJSON

模板方案

飞冰 - 让前端开发简单而友好

Ant Design Landing

框架ide

Reactide react开发专用ide

内网穿透

Sunny-Ngrok内网转发

NATAPP 国内高速内网穿透服务

技术文章

html5

深刻理解Web Worker

初探performance性能监控api

FileSystemObject ·JS读取-建立本地文件及目录文件夹的方

HTML5之pushstate、popstate操做history,无刷新改变当前url - sniper007 - 推酷

HTML5离线数据缓存 - 傲雪星枫 - 博客频道 - CSDN.NET

html5 postMessage解决跨域、跨窗口消息传递 - Samaritans - 博客园

WebSocket:5分钟从入门到精通 - 掘金

WebSocket 与 Socket.IO - 前端解忧杂货铺 - 知乎专栏

Web 实时推送技术的总结 - 前端工匠公众号 - SegmentFault 思否

css

图解CSS3 Flexbox属性_CSS3, Flexbox 教程_w3cplus

Flex 布局教程:语法篇 - 阮一峰的网络日志

transitionend animationend 事件兼容问题 - 蜗牛博客

CSS之视觉格式化模型(Visual Formatting Model) – 熊建刚的博客

CSS居中完整指南_CSS, 水平居中, 垂直居中, 水平垂直居中 教程_w3cplus

iPhone X的缺口和CSS_mobile 教程_w3cplus

借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海 « 张鑫旭-鑫空间-鑫生活

CSS 媒体查询 响应式 - 欧阳平 - 博客园

CSS 黑魔法小技巧,让你少写没必要要的JS,代码更优雅 - 微醺岁月 - SegmentFault

CSS 写做建议和性能优化小结 - WEB前端 - 伯乐在线

CSS代码重构与优化之路 - 狼狼的蓝胖子

CSS方法论彻底总结 - kidney - 博客园

没那么难,谈CSS的设计模式_知识库_博客园

js动态改变css伪类样式 - 龙恩0707 - 博客园

使用JS控制伪元素的几种方法-子匠_Zijor的博客

如何使用js捕获css3动画 - w3cboy,最专业的前端开发博客

javascript

你不须要jQuery

JavaScript开发者应懂的33个概念

深刻探讨 ECMAScript 规范第五版

ECMAScript5 Object的新属性方法 - Samaritans - 博客园

Object.assign 复制对象、合并对象 - HeiYe168 - 博客园

JavaScript中in操做符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别 - 推酷

escape()、encodeURI()、encodeURIComponent()区别详解 - nd - 博客园

Javascript有个Unicode的天坑 - Web前端 腾讯AlloyTeam Blog - 愿景- 成为地球卓越的Web团队!

JS的==运算 - 追根溯源 - SegmentFault

HTML 获取屏幕、浏览器、页面的高度宽度 - polk6 - 博客园

谈谈Javascript中的void操做符 - Code - SegmentFault

Function.prototype.apply.call的总结 - zeromike - ITeye博客

DOM DOM0 DOM1 DOM2 DOM3 简单介绍 - CSDN博客

[译] JavaScript 是如何工做的:深刻网络层 + 如何优化性能和安全 - 掘金

ES六、ES七、ES八、ES九、ES10新特性一览 - 掘金

JavaScript 浮点数运算的精度问题-WEB前端开发

ecmascript6

何时你不能使用箭头函数? - 掘金

30分钟,让你完全明白Promise原理 - jessica's前端杂谈 - SegmentFault

ES6中Arguments和Parameters用法解析 - chenxj - 博客园

JavaScript 最新特性实现的三大黑科技 - WEB前端 - 伯乐在线

21 分钟精通前端 Polyfill 方案 - SToneX

Babel下的ES6兼容性与规范 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客

ES6学习之Babel的正确安装姿式 - 振小文 - 博客园

Es2017 将会给咱们带来什么? - Web前端 腾讯IVWeb 团队社区

[译]babel-preset-env | icyfish's blog

mongodb

MongoDB GUI( Robo 3T) Shell使用及操做 - 陈达辉 - 博客园

Mongoose介绍和入门 - porschev - 博客园

Mongoose全面理解 - jayruan - 博客园

Mongoose 参考手册 - CNode技术社区

webpack

vue-cli3内存溢出,JavaScript heap out of memory - ifredom的故事 - CSDN博客

node

你不知道的 Node

Node.js 十问 - 知乎专栏

Node.js 单元测试:我要写测试 Taobao FED 淘宝前端团队

使用Node.js+Socket.IO搭建WebSocket实时应用 - OPEN 开发经验库

如何挑选高质量的 Node.js 模块? - 前端 - 掘金

浅谈 Node.js 安全 - 知乎专栏

Nodejs学习笔记(四)与MySQL交互(felixge/node-mysql) - AndyLizh的专栏 - CSDN博客

记一次npm package插件开发 - 前端 - 掘金

Node.js中的内存泄漏分析 - FreeBuf.COM | 关注黑客与极客

《Node.js在CLI下的工程化体系实践》成都OSC源创会分享总结 - 腾讯云社区 - 腾讯云

JavaScript工做机制:V8 引擎内部机制及如何编写优化代码的5个诀窍 - WEB前端 - 伯乐在线

V8 内存分配与垃圾回收 - WEB前端 - 伯乐在线

新 V8 即将推出,和 Node.js 性能变化 - WEB前端 - 伯乐在线

面向前端开发者的V8性能优化 - 掘金

请准备好:新的V8即将发布,Node 的性能正在改变 - 众成翻译

性能优化 - 让nodejs再快一点 - CNode技术社区

Node应用内存泄漏分析方法论与实战 - CNode技术社区

Koa2项目安全加固建议--完整版 - CNode技术社区

Node.js进阶:5分钟入门非对称加密方法 - 掘金

Node.js性能分析神器Easy-Monitor - CNode技术社区

你不知道的Node.js性能优化 - 知乎

vue

vue 开发插件流程 - 急眼的蜗牛 - 博客园

Vue.js2.0之组件篇 - Alecor的博客 - CSDN博客

VueJS 开发常见问题集锦 - WEB前端 - 伯乐在线

Vue.js踩坑记 | 前端开发 | Heero's Blog

vuex 快速上手 - 前端 - 掘金

如何修改ElementUI源码 - 简书

一个Vue页面的内存泄露分析 - 知乎

2018年最好的45个Vue开源项目汇总

一张思惟导图辅助你深刻了解 Vue | Vue-Router | Vuex 源码架构(图文结合版)

http

http各类状态码的意思

程序员都该懂点 HTTP

Token 认证的前因后果 - 掘金

前端面试“http全过程”将全部HTTP相关知识抛出来了... - 前端 - 掘金

前端必须会的!!!关于对HTTP协议的理解、HTTP协议原理分析 - N-Tara - 博客园

学习前端前必知的——HTTP协议详解 - 超然haha - 博客园

看完还不懂HTTPS我直播吃翔 - winwill2012的博客 - CSDN博客

HTTPS 为何更安全,先看这些 - _zhijun - 掘金专栏

HTTPS 常见部署问题及解决方案 - JerryQu 的小站

HTTPS证书生成原理和部署细节 - 小胡子哥的我的网站

深刻研究:HTTP2 的真正性能到底如何 - Jrain-前端养成记 - SegmentFault

HTML关于post和get的区别以及缓存问题的理解 - 请叫我大师兄 - CSDN博客

99%的人都理解错了HTTP中GET与POST的区别

小哥哥,小姐姐,我有一份tcp、http面试指南你要吗? - 掘金

10分钟免费开启全站https - 掘金

先后端均适用的网络知识点大全 - WEB前端 - 伯乐在线

ajax

Ajax使用学习 - 简书

你真的会使用XMLHttpRequest吗? - WEB前端路上踩过的坑儿 - SegmentFault

AJAX overrideMimeType做用 - 选择了就坚持 - 博客园

HttpRequest中常见的四种ContentType【转载】 - 宗炳煌 - 博客园

Ajax页面缓存问题分析与解决办法 - sunyan的专栏 - 博客频道 - CSDN.NET

Fetch进阶指南 - louis blog

fetch 没有你想象的那么美 - undefined

传统 Ajax 已死,Fetch 永生 - 会影 - SegmentFault

seo

前端渲染与SEO优化踩坑 小记 | RaPoSpectre的我的博客

SEO优化实战 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客

git

Git 大全 - 码云 Gitee.com

Git使用教程 - 空智 - 博客园

在vscode中使用Git - 满天都是小xx - 博客园

git 放弃本地修改,强制拉取更新 - 凯凯王的技术生涯 - CSDN博客

git-ssh 配置和使用 - fedl - SegmentFault

经常使用 Git 命令清单 - 阮一峰的网络日志

npm

【原】npm 经常使用命令详解 - 白树 - 博客园

npm的package.json中文文档 · Issue #6 · ericdum/mujiang.info

fiddler

Fiddler实战深刻研究(二) - 空智 - 博客园

Fiddler调式使用知多少(一)深刻研究 - 空智 - 博客园

fiddler抓包HTTPS请求

github

你必须收藏的Github技巧 - Web前端 腾讯AlloyTeam Blog - 愿景- 成为地球卓越的Web团队!

如何在 GitHub 创建我的主页和项目演示页面 - Kay's Development Notes - 博客频道 - CSDN.NET

chrome

ChenChenJoke-JokerChrome- The chrome produce and the -chrome---about-

Chrome DevTools:在 Profile 性能分析中显示原生 javascript 函数

Chrome出了个小bug:论如何在Chrome下劫持原生只读对象 - 阿里聚安全的安全专栏 - 知乎专栏

Chrome开发者工具之JavaScript内存分析 - WEB前端 - 伯乐在线

GPU加速是什么 - Aotu.io「凹凸实验室」

javascript 内存泄露及谷歌浏览器查看内存使用 - 前端 - 掘金

从Chrome源码看浏览器如何计算CSS – 人人网FED博客

在chrome开发者工具中观察函数调用栈、做用域链与闭包 - 简书

手把手教你实现 Google 拓展插件 - 程序员实验室 - 知乎专栏

超完整的Chrome浏览器客户端调试大全 - 人人都是互联网创意G客

Chrome 66 使用 DevTools 跟踪 JS 对象和 DOM 对象的引用

编辑器

Markdown 语法说明(简体中文版)

Markdown,你只须要掌握这几个 - 推酷

使用Visual Studio Code对Node.js进行断点调试 - CNode技术社区

vsCode前端调试不彻底指南

Visual Studio Code 使用Git进行版本控制 - 玄魂 - 博客园

awesome-vscode插件列表

游览器

浅析前端页面渲染机制

浏览器的渲染:过程与原理

【干货】十分钟读懂浏览器渲染流程 - 掘金

浏览器渲染过程与性能优化 - 掘金

为何说DOM操做很慢_知识库_博客园

CSSJS对DOM渲染的影响 Harttle Land

原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的 - 掘金

深刻浅出浏览器渲染原理 - WEB前端 - 伯乐在线

细说浏览器输入URL后发生了什么 - IT技术杂谈 - 薛才杰♥我的博客

浏览器原理系列10篇正式完结 - 掘金

从“快稳省安全”看Chromium——Chromium学习系列 - 掘金

微信相关

【原创】微信受权、获取用户openid-纯前端实现——jsonp跨域访问返回json数据会报错的纯前端解决办法 - 金振宗 - 博客园

详解Vue微信受权登陆先后端分离较为优雅的解决方案_vue.js_脚本之家

前端调试

前端 WebView 指南之调试篇 - 奇舞团博客

前端 WebView 指南之 iOS 交互篇 - 奇舞团博客

前端 WebView 指南之 Android 交互篇 - 奇舞团博客

介绍一款手机的抓包工具Charles-有用

移动端前端开发调试 - CocoaChina_让移动开发更简单

推荐:Web开发者的六个代码调试平台 - w3ctech - 中国最大的前端技术社区

web跨域

跨域资源共享

ajax跨域解决方案

跨域方法总结 - wps2015的博客

九种跨域方式实现原理(完整版) - 掘金

AJAX 跨域请求 - JSONP获取JSON数据 - Just Code - ITeye技术网站

ajax withCredentials在firefox下问题的解释 - 嘿煤贵 - 博客园

跨域的另外一种解决方案——CORS(Cross-Origin Resource Sharing)跨域资源共享 - Shikyoh - 博客园

JS维护nginx反向代理,妈妈不再用担忧我跨域了! - 掘金

谁说前端不须要懂-Nginx反向代理与负载均衡 - 掘金

CORS跨域时,为什么会出现一次动做,两次请求? - 掘金

web缓存

Web缓存核心技术点需知

深刻理解浏览器的缓存机制

浏览器缓存机制剖析 - WEB前端 - 伯乐在线

浅谈Web缓存 - Web前端 腾讯AlloyTeam Blog - 愿景- 成为地球卓越的Web团队!

H5 各种缓存机制浅析 移动端 Web 加载性能优化 - CocoaChina_让移动开发更简单

web安全

如何监控网页崩溃

浅谈流量劫持与防治

使用 SRI 解决 CDN 劫持

Web前端页面劫持和反劫持

干货!防运营商劫持 - 掘金

域名劫持资源重加载方案 - WEB前端 - 伯乐在线

CSRF攻击与防护(写得很是好) - CSDN博客

8 大前端安全问题(上) - WEB前端 - 伯乐在线

8 大前端安全问题(下) - WEB前端 - 伯乐在线

web性能

Web动画性能指南

如何作好H5性能优化?

Web静态资源缓存及优化

浏览器前端优化 Alon's Blog

JDC - 京东设计中心 » 浅析渲染引擎与前端优化

【webapp的优化整理】要作移动前端优化的朋友进来看看吧 - 叶小钗 - 博客园

【译】惟快不破:Web 应用的 13 个优化步骤 - 前端的逆袭 - 知乎专栏

前端优化不彻底指南 - Aotu.io

前端优化实践总结 - WEB前端 - 伯乐在线

前端性能优化指南 - kahn1990 - SegmentFault

前端性能优化最佳实践-前端开发博客

打造亚秒级页面加载速度网店实践经验

无线性能优化:Composite - Taobao FED - 淘宝前端团队

移动HTML5前端性能优化指南 - CocoaChina_让移动开发更简单

移动网站性能优化:网页加载技术概览-前端开发博客

这几点技巧帮你优化前端应用性能 - 知乎专栏

如何评价页面的性能 | Taobao FED | 淘宝前端团队

浏览器的小改进让 Facebook 网站减小 60% 的网络请求 - WEB前端 - 伯乐在线

Web 的现状:网页性能提高指南 - 前端郭高工 - SegmentFault

惟快不破:Web 应用的 13 个优化步骤 - WEB前端 - 伯乐在线

kangkk/web_performance_optimization

Web图片资源的加载与渲染时机

[译] 2019 前端性能优化年度总结 — 第一部分 - 掘金

前端布局

再聊移动端页面的适配_Layout, 布局, mobile, CSS 教程_w3cplus

如何在Vue项目中使用vw实现移动端适配_vw, Layout, 布局, Vue, mobile 教程_w3cplus

干货!各类常见布局实现+知名网站实例分析 - 掘金

移动触摸

JS—触摸事件、手势事件 - 简书

Mobile Web前端开发系列- 事件处理(二)_芬芬_新浪博客

HTML5 手势检测原理和实现 - 前端外刊评论-翻译 前端 前端开发 JavaScript Angular jQuery React Node.js 互联网

前端经常使用

js正则表达式限制

js-Math各种方法

js字符串操做

js数组的操做

js格式化时间

js生成随机颜色

js键值码汇总

前端经验

mate标签清单

移动端字体设置最佳实践

HTML5的 input-file上传类型控制

前端开发者必备的Nginx知识 - 掘金

chrome设置--disable-web-security解决跨域 - dearwind153的专栏 - CSDN博客

JS 在微信、微博、QQ、Safari 唤起 App 的解决方案 - WEB前端 - 伯乐在线

excel

前端如何作excel表格的导出

二进制数组实战 - 纯前端导出Excel文件 - 掘金

使用纯前端JavaScript 实现Excel IO - 小精灵儿Pawn - 博客园

pdf

Javascript 将html转成pdf,下载,支持多页哦(html2canvas 和 jsPDF) - 前端记录 - SegmentFault 思否

图片上传

HTML5 图片上传解决方案 | HK Talk

移动端图片上传的实践 -- 阿城的日志

文件下载

前端接受后端文件流并下载的几种方法 - 我的文章 - SegmentFault 思否

emoji

前端如何处理emoji表情 - 掘金

微信jsdk

微信网页受权

前端面试

前端面试指南

大前端面试宝典 - 图解前端

前端测试

node-debug调试

Puppeteer入门简介

前端框架研究

剖析vue实现原理,本身实现mvvm

vue技术揭秘·慕课网·黄轶

React源码解析

前端技术前沿

Houdini:CSS 领域最使人振奋的革新 - 前端外刊评论-翻译 前端 前端开发 JavaScript Angular jQuery React Node.js 互联网

改造你的网站,变身 PWA - 闻醉 - SegmentFault

WebAssembly与代码的编译 - 推酷

Web Components 是个什么样的东西 - Flexy - SegmentFault

Nova.js - Web Component is Production Ready - 推酷

设计稿自动生成可用页面的展望 - 侯振宇 - 博客园

数据结构与算法

我接触过的前端数据结构与算法 – 人人网FED博客

JavaScript 算法与数据结构 - 前端 - 掘金

javascript-algorithms/README.zh-CN.md at master · trekhleb/javascript-algorithms · GitHub

javascript性能

高效的 JavaScript - 众成翻译

2016-编写高性能的JavaScript - 某熊的全栈之路 - SegmentFault

JavaScript 启动性能瓶颈分析与解决方案

【译】编写高性能JavaScript_知识库_博客园

使用自记忆函数提升页面性能 - 周神的博客 - Rockjins Blog

加快JavaScript加载和执行效率_Helloweba

探真无阻塞加载javascript脚本技术,咱们会发现不少意想不到的秘密 - 夏天的森林 - 博客园

深刻了解JavaScript,优化做用域链(2) - Tsrot Space

高性能Javascript(一)--高效的数据访问 - ChokCoco - 博客园

高性能Javascript(二)--脚本的无阻塞加载策略 - ChokCoco - 博客园

这 3 个 JS 性能基础,让 Bluebird 更快速 - WEB前端 - 伯乐在线

浅谈编写高性能的Javascript代码 - 51CTO.COM

2018年JavaScript开销及优化工具和方法 – WEB前端开发 - 专一前端开发,关注用户体验

javascript事件

js自定义事件的简单实现 - mylove - ITeye技术网站

我所理解的javascript自定义事件 - 吕大豹 - 博客园

漫谈js自定义事件、DOM-伪DOM自定义事件 « 张鑫旭-鑫空间-鑫生活

【移动端兼容问题研究】javascript事件机制详解(涉及移动兼容) - 叶小钗 - 博客园

Javascript事件总结 - 龙恩0707 - 博客园

javascript定时器

setTimeout 的黑魔法 - 李三思 - 博客园

深刻理解定时器系列第一篇——理解setTimeout和setInterval - 小火柴的蓝色理想 - 博客园

深度解密setTimeout和setInterval——为setInterval正名! - 掘金

深刻理解定时器系列第二篇——被誉为神器的requestAnimationFrame - 小火柴的蓝色理想 - 博客园

javascript异步线程

事件循环机制的那些事

浏览器进程?线程?傻傻分不清楚! - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客

JavaScript:完全理解同步、异步和事件循环(Event Loop) - 追根溯源 - SegmentFault 思否

这一次,完全弄懂 JavaScript 执行机制 - 掘金

深刻浅出JavaScript运行机制 · Issue #2 · ljianshu/Blog · GitHub

从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 | Dailc的我的主页

一次弄懂Event Loop(完全解决此类面试问题) - 掘金

经过microtasks和macrotasks看JavaScript异步任务执行顺序 | 拓跋的前端客栈

浏览器与Node的事件循环(Event Loop)有何区别? - WEB前端 - 伯乐在线

Node 定时器详解 - 阮一峰的网络日志

JavaScript 异步、栈、事件循环、任务队列 - JS精读 - SegmentFault 思否

JavaScript宏任务和微任务 - 简书

javascript错误异常

2017前端监控系统探索总结 - 掘金

前端一站式异常解决方案 ouvenzhang的博客

JavaScript 异常的防范与监控 - 知乎专栏

脚本错误量极致优化-监控上报与Script error · Issue #13 · joeyguoblog · GitHub

脚本错误量极致优化-让脚本错误一目了然 · Issue #14 · joeyguoblog · GitHub

前端异常监控系统的落地 - 知乎专栏

深刻理解JavaScript错误和堆栈追踪 - 51CTO.COM

阿里巴巴国际UED团队 » 如何优雅地上报前端监控日志

深刻理解javascript错误处理机制

javascript内存管理

内存管理 - JavaScript | MDN

Stack的三种含义 - 阮一峰的网络日志

JavaScript 内存泄漏教程 - 阮一峰的网络日志

如何处理 JavaScript 内存泄露 - WEB前端 - 伯乐在线

4类 JavaScript 内存泄漏及如何避免 - Alon's Blog

简单了解JavaScript垃圾回收机制 - 掘金

javascript正则表达式

正则的扩展 - ECMAScript 6入门

高效准确的正则表达式的书写方法 -- 简明现代魔法

写正则不要再瞎转义了 - 紫云飞 - 博客园

精通 JS正则表达式 - 【艾伦】 - 博客园

Web学习

资讯门户

InfoQ

D2 日报

每日时报

码农头条

飞冰资讯

50weekly

编程狂人

奇舞周刊

稀土掘金

伯乐在线

技术社区

React中文社区

Nodejs中文社区

Vue.js专业中文社区

Vue Forum

牛人博客

唐霜

龙恩

小火柴

阮一峰

张鑫旭

当耐特

司徒正美

通途工做室

折腾的blog

技术文档

Pro Git 中文版

Node.jsAPI文档

Koa 中文文档

JSDoc中文文档

Babel用户手册

npm中文文档

parcel中文文档

Yarn 中文文档

rollup 中文文档

webpack 官方文档

TypeScript 中文手册

Material design中文指南

Chrome 开发者工具中文文档

Chrome 谷歌浏览器的开发者工具

Caddy中文文档(HTTP/2 Web 服务器)

localForage 中文文档

Ramda.js 中文文档

MongoDB中文文档

GreenSock中文文档

canvasAPI文档

canvas学习手册

canvas API中文网

canvas半知半解

js性能优化手册

axios中文文档

RxJS 中文文档

EJS 中文文档

fastify中文文档

zepto.js中文文档

GitHub 中文文档

技术官网

Sass

gulp

webpack

React Native

Easy Mock

GraphQL

Express

Flow

技术教程

前端知识手册

websocket教程

indexedDB教程

mongodb教程

redis教程

nginx教程

猴子都能懂的GIT入门

linux

linux命令行入门

Linux系统管理

Linux服务管理

javascript

前端进阶系列

冴羽javascript系列

深刻理解JavaScript系列

深刻理解javascript原型和闭包

JavaScript 是如何工做的系列

写给不耐烦程序员的 JavaScript

函数式编程

学会使用函数式编程的程序员(第1部分) - 终身学习者 - SegmentFault 思否

学会使用函数式编程的程序员(第2部分) - 终身学习者 - SegmentFault 思否

学会使用函数式编程的程序员(第3部分) - 终身学习者 - SegmentFault 思否

git

git 详解及实用指南之一 (本地操做) - 终身学习者 - SegmentFault 思否

git 详解及实用指南之二 (远程操做) - 终身学习者 - SegmentFault 思否

git 详解及实用指南之三(分支管理) - SegmentFault 思否

git 详解及实用指南之四(标签管理) - 终身学习者 - SegmentFault 思否

koa

koa2设计模式

koa2实战项目

学习资源

慕课网

技术胖

奇舞学院

moreAlbum

node爱好者

rails365编程学院

ECMAScript6入门

资源导航

UIRUSH百宝箱

Web前端导航

nav.web-hub.cn

前站导航

前端导航

框架

js

Polymer 中文网

anu-中文

css

Tailwind 工具集CSS框架

Bulma 现代级css框架

lit 45bit极简css框架

vue

Yox

vue

vue-router

vuex

nuxt.js

vue-ssr

vue-loader

vue-cli3

D2 Admin

element-ui

BootstrapVue

vue-element-admin

renren-fast-vue

Muse-UI

vant

nutUI

vue-starter

Lavas

react

React 中文文档

redux 中文文档

mobx 中文文档

next 中文文档

Ant Design

Ant Design Mobile

Ant Design pro

DvaJS

UmiJS

Zent

react native

React Native 中文网

Android Studio 中文社区

AndroidDevTools

bootstrap

bootstrap

Bootstrap4代码工具

boostrap-tabler 管理面板

基于boostrap的material 控制面版

layui

layui

layui 独立组件

layuiAdmin - 通用后台管理模板系统

Fly Template 极简社区页面模版

闲言轻博客,基于 layui 的轻博客模版

layerui-admin 前端后台管理框架

node

Pandora 应用管理

nodemon 进程监控

node微服务框架

ThinkJS3

Egg2

canvas

jCanvas

CreateJS

可视化

AntV

ECharts

v-charts

ApexCharts

小程序

wepy

mpvue

iview Weapp

vant Weapp

grace开发辅助库

westore

wxapp cookie

多端发布

Chameleon 变色龙

Taro UI

Taro

插件

css

flex.css

Animate.css

vue插件

element 验证加强

vue变换拉伸

vue组件懒加载

tiptap富文本(vue版)

Vue.js开源项目速查表

v-contextmenu 鼠标右键

vue资源精选

react插件

拖拽

UForm

dom操做

cash: 小型 jQuery

Zepto.js

Cyer文档

node模块

fastscan敏感词过滤库

nodejs操做Linux命令库

windows-build-tools - npm

rxdb-web实时数据库

web打包成app

web打包成pdf

x-ray HTML内容抓取

mirror-config-china镜像管理模块

存储/数据库

Database.js

localForage

query类SQL前端数据查询库

linvodb3

Dexie.js

table/excel数据表格

JSpreadsheets - 资源列表

GitHub - paulhodel/jexcel: jExcel is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with Excel or any other spreadsheet software.

Handsontable | JavaScript Data Grid Component For Web Apps

富文本编辑

wangEditor PC端·富文本编辑器

wangEditor 移动端·富文本编辑器

Slate 可定制的富文本编辑器

Editor.js

音频/视频

Chimee组件化H5播放器

Dewplayer 音乐播放器

Audio5js

Video.js

flv.js

手势/触摸

AlloyFinger 移动web手势

AlloyTouch 移动Web触摸

动画/动效

前端动效库汇总

Dynamics 物理动效库js库

AniX 简单轻量的动画库

gka帧动画生成工具

Velocity.js

Textillate.js

anime.js

按钮动画库

Move.js

Micron.js

scenejs: 🎬 时间轴动画

错误/调试

AlloyLever 错误监控上报

monitor: js错误异常监控

vConsole 移动调试

图片/图形

AlloyImage 图片处理引擎

AlloyCrop 移动web裁剪

localResizeIMG4图片压缩

jQuery Jcrop 图像裁剪

滑动/滚动

Swiper

iScroll 5

BetterScroll

minirefresh

Vuescroll.js

日期/日历

cxDate

layDate

Moment.js 中文网

树形/联动

vue-jstree

vue-ztree-2.0

element省市区联动

elementUI树形编辑菜单

文件上传

Dropzone.js

Uppy File Uploader

网络请求

request

axios

fly

弹出层

layer

Layx

工具库

accounting.js数字和千分符格式化

transformjs css3属性转换

Dinero.js钱计算

is.js类型判断

js浮点数运算

math.js数学运算

实用库

JavaScript 轻量级模糊搜索引擎

zanePerfor: 前端性能监控系统

html2canvas.js 浏览器截图

clipboard.js 复制到剪切板

zeu.js 经常使用图形生成

Exif.js 读取图片元数据

qart.js 二维码生成

jsMind - 思惟导图

reveal.js PPT演示

Print.js 打印

分页

jQuery.pagination.js

pdf

PDF.js

jsPDF

RelaxedJS-pdf

颜色处理

chroma.js 颜色处理

Pickr颜色选择器