开源软件名称：

开源软件地址：

开源编程语言：

开源软件介绍：

Web

手机调试：

<script src="https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/2.5.1/vconsole.min.js"></script>

协作规范

• 中文技术文档协作规范(阮一峰)
• Javascript编程风格
• 凹凸实验室前端代码规范
• vuejs风格指南
• 代码安全指南

组件库与工具

• zarm 基于react移动端组件库
• antd-design 基于react pc端组件库

数据结构与算法

• 用JavaScript实现的算法和数据结构
• labuladong的算法小抄
• YaxeZhang/Just-Code
• LeetCode 算法题刷题心得（JavaScript）
• doocs/leetcode

Event Loop

• 这一次，彻底弄懂 JavaScript - 执行机制
• 一次弄懂Event Loop（彻底解决此类面试问题)
• 浏览器与Node的事件循环(Event Loop)有何区别?
• 笔试题——JavaScript事件循环机制（event loop、macrotask、microtask）

异步编程

• 理解 JavaScript 的 async/await
• JavaScript异步编程
• 9k字 | Promise/async/Generator实现原理解析

CSS

• CSS Inspiration -- CSS灵感
• animate.css CSS动画库
• 30 Seconds of CSS
• chokcoco CSS3奇思妙想，单标签实现各类图形
• Web图片资源的加载与渲染时机

Vue

• learnVue-深入学习vue源码 5k star
• vue-cli3 项目从搭建优化到docker部署
• 手摸手，带你用vue撸后台 系列五(v4.0新版本)
• vue 路由 按需 keep-alive
• 浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层
• vue-cli4-config
• VUE优秀UI组件库合集
• 实战技巧，Vue原来还可以这样写
• vue渲染器
• 移动端最佳实践
• Vue 源码解读
• vite 资源插件列表
• Vue3.0学习教程与实战案例

React

• 译 以面试官的角度来看 React 工作面试
• 扔掉Create React App，打造你自己的React生成工具！
• 知乎-虹晨-你真的理解setState吗？
• 聊一聊 React 中更新 ui 视图的几种方式
• React Interview Questions & Answers
• React源码解析-react.jokcy.me
• Redux 中文文档
• !!!React小书
• 如何管理好10万行代码的前端单页面应用
• 一篇看懂 React Hooks
• 这可能是最通俗的 React Fiber(时间分片) 打开方式
• 2019年了，整理了N个实用案例帮你快速迁移到React Hooks(收藏慢慢看系列)
• react-use
• alibaba/hooks

Electron

• Electron构建跨平台应用Mac/Windows/Linux
• 用JS开发跨平台桌面应用，从原理到实践

前端工程化

• webpack 插件总结归类
• 干货！撸一个webpack插件(内含tapable详解+webpack流程)
• 深入浅出 Webpack
• 搜罗一切webpack的好文章好工具
• 玩转webpack
• 那些花儿，从零构建Vue工程(webpack4 Eslint git hooks...)
• 掘金站内 webpack 优秀文章汇总
• Webpack 4 配置最佳实践
• webpack4 的30个步骤打造优化到极致的 react 开发环境，如约而至
• 从零实现webpack热更新HMR
• Webpack HMR 原理解析
• 细说 webpack 之流程篇
• fe-workflow
• 一个基于Rollup的打包
• 借助 Module Federation 让 webpack 提速十倍
• 三大应用场景调研，Webpack 新功能 Module Federation 深入解析
• 迈入现代 Web 开发（GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文）

TypeScript

• TypeScript中文网
• TypeScript入门教程 https://ts.xcatliu.com/
• 深入理解 TypeScript
• TypeScript and React
• 从零开始配置 TypeScript 项目
• React+TypeScript 备忘单

Flutter

• Dart中文社区
• Flutter实战教程
• Flutter中文网
• 6.9k star Flutter項目 GSYGithubAppFlutter
• Flutter完整开发实战详解
• Flutter 最佳实践：Best-Flutter-UI-Templates

面试

• 面试篇寒冬求职季之你必须要懂的原生JS(上)
• 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)
• 2019年前端面试都聊啥？一起来看看
• jsliang 的 2019 面试准备
• 总结了17年初到18年初百场前端面试的面试经验(含答案)
• 这儿有20道大厂面试题等你查收
• 一个合格的中级前端工程师必须要掌握的 28 个 JavaScript 技巧
• 剖析一些经典的CSS布局问题，为前端开发+面试保驾护航
• 手把手撕LeetCode题目
• 腾讯面试四问，Are you OK?

移动端开发

• mobileTech-移动端开发所需要的一些资源与小技巧
• 移动端页面开发适配 rem布局原理

Nodejs

• awesome-nodejs nodejs资源整合 3w star+

爬虫

• 这可能是你见过的最全的网络爬虫干货总结

Nginx

• Nginx配置参考

H5踩坑

• 可能这些是你想要的H5软键盘兼容方案
• 滚动穿透问题的解决方案
• VUE开发微信H5页面总结
• 前端 H5 横屏 独特处理方案详解
• H5常见问题及解决方法
• H5 移动端调试全攻略

Babel

• 【前端词典】关于 Babel 你必须知道的
• 结合Babel 7.4.0 谈一下Babel-runtime 和 Babel-polyfill
• babel-handbook
• 傻傻分不清之 —— babel 全家桶
• babel 插件通关秘籍

React Native

• React Native之原理浅析

RabbitMQ

• rabbitmq教程
• RabbitMQ 中文文档
• 架构设计之NodeJS操作消息队列RabbitMQ

Docker

• 从Docker到Kubernetes进阶

其他

• 前端学习书籍
• 从 IIFE 聊到 Babel 带你深入了解前端模块化发展体系
• 如何通俗易懂地解释React生命周期方法？
• 扔掉Create React App，打造你自己的React生成工具！
• Vuex快速使用
• 前端一年精选好文，请打包带走
• 斐波那契数列求和的js方案以及优化
• 图片布局的最全实现方式都在这了！附源码
• 领域驱动设计在前端中的应用
• 移动 web 最佳实践
• 现代 JavaScript 教程
• 这应该是你见过的最全前端下载总结
• WebSocket是时候展现你优秀的一面了
• Array.prototype.reduce 实用指南
• JavaScript正则表达式备忘单
• vue-content-loader
• awesome-javascript sorrycc的js资源整合
• 在线正则表达式
• 值得一看的技术类书籍列表
• 可能是最详细的React组件库搭建总结
• ZooTeam 拍了拍你，来看看如何设计动态化表单
• 动态表单解决方案 formily
• 动态表单解决方案 form-render
• 为京东PLUS会员保驾护航的日子
• JavaScript 20 年
• The Complete Works of Tao Technology 2020
• 从零开始配置 TypeScript 项目
• import、require、export、module.exports 混合使用详解
• Houdini：CSS 领域最令人振奋的革新

Leetcode

• Leetcode 1-919题
• Leetcode算法分类
• Leetcode公司分类

浏览器相关

• es6-shim 使得ES6兼容传统浏览器
• html5shiv html5标签被IE识别
• Modernizr 2.3w star+ 检测浏览器功能支持情况的js库,可以检测18项css3功能以及40多项关于h5的功能
• 性能优化篇 - Performance（工具 & api）
• 移动端开发的屏幕、图像、字体与布局的兼容适配
• 为你重新系统梳理下， Web 体验优化中和图有关的那些事（万字长文）

微前端

• 微前端实践心得
• 微前端如何落地？
• 微前端在美团外卖的实践
• 每日优鲜供应链前端团队微前端改造
• 蚂蚁-乾坤
• 用微前端的方式搭建类单页应用
• Bifrost微前端框架及其在美团闪购中的实践
• 什么是微前端

常见需求

• 一种自动化生成骨架屏的方案
• Web 工程师需要掌握的 38 种 SEO 技巧
• 九种跨域方式实现原理（完整版）
• 前端换肤的N种方案
• nodejs使用redis模块并实现图形验证码功能
• 终端代理记录
• H5 直播的疯狂点赞动画是如何实现的
• 字节跳动面试官：请你实现一个大文件上传和断点续传
• 字节跳动面试官，我也实现了大文件上传和断点续传
• React SSR方案
• Element UI表单设计及代码生成器
• form-create

个人博客

• 木易杨，哈罗出行高级前端工程师
• dwqs-Shopee
• 冴羽的博客
• yck
• frontend-weekly 前端周刊
• 天猪部落格(egg.js核心开发者)
• 张鑫旭-css
• CodeSky 代码之空-敖天羽
• doodlewind-花名雪碧的小透明/稿定科技
• 花裤衩-iview作者
• dendoink
• 舞动乾坤 Bug | 魔法师百度
• 前端小智
• 恋猫de小郭 移动端开发
• 微醺岁月 blog
• 龙恩0707
• 荒山 专注React、前端工程化、跨平台开发领域
• 技术胖-专注于前端开发与免费视频

技术团队

• 大转转FE
• 大搜车「无线开发中心」团队
• 有赞技术团队
• 滴滴技术
• 酷家乐平台前端博客
• 京东凹凸实验室
• 淘系前端团队（FED）
• 百度Web前端团队
• Doocs 专注开发知识分享

工具类

• You-need-to-know-css 常用CSS属性在线演示
• 手绘风格CSS框架
• 程序员应该访问的最佳网站中文版
• 在线logo设计神器
• 稿定设计 在线ps
• 代码转优美的图片
• 矢量图插图网
• 网易云音乐 NodeJS 版 API 100+
• 前端面试与进阶指南
• 常用正则
• processon在线流程图
• Markdown在线简历排版
• 组件库文档解决方案
• markdown在线转思维导图
• logoly logo生成器
• super-expressive 声明式写正则
• 手绘风 在线画图
• 前端进阶之路
• 图怪兽 专业作图

工具

• SwitchHosts,快速整理修改你的hosts文件
• PicGo 一个用于快速上传图片并获取图片 URL 链接的工具

常用 nom 包

• commander https://www.npmjs.com/package/commander

  命令行解决方案

在线配色方案网站

• 渐变色配色
• 配色、图片颜色修改、配色提取、logo生成
• 基于色彩原理的扁平插画快速配色
• 随机产生优质配色灵感
• http://colorhunt.co/popular
• http://www.peise.net/
• https://coolors.co/461220-8c2f39-b23a48-fcb9b2-fed0bb
• https://www.materialui.co/colors
• 选50种你喜欢的颜色 自动为你生成配色方案：http://khroma.co/
• 快速提供前背景色配色灵感
• 快速提供前背景色配色灵感
• 选择一个颜色，匹配色彩方案
• 获取网站的配色方案
• 知名画家名作颜色提取
• 点击上方颜色，自动生成配色方案
• 点击左侧标签，拖动鼠标差调整自己喜欢的颜色
• 选择≥2种的颜色，自动生成扁平化配色界面
• 热点与数据可视化配色
• 在线调整配色方案
• 颜色安全
• 配色方案
• 中国风配色

最新更新时间(2021/06/3)