awesome-FE(大前端)技术收集

[gauseen]

🉐 收集前端技术、学习方法、心得

🎓 技能图谱

skill-map

✏️ 博客(blog)

weekly 阮一峰
蚂蚁数据团队
jawil
DDFE blog
muwoo
lin-xin 林鑫
berwin 博文
75team w3c
Pines-Cheng
xd-tayde 郭东东
camsong blog
网易 木易杨
早报推荐
每天一道前端面试题
mqyqingfeng
前端工匠
aliyunfe weekly

📚 books

Hello GitHub
free-programming-books
awesome-javascript
掘金翻译计划
Computer-Notes
front-end-collect 分享前端相关优秀网站、博客、以及活跃开发者
ruanyf js教程
js 33 个概念-中
js 33 个概念-英
HTTP权威指南总结

📈 算法

fucking-algorithm
javascript-algorithms
awesome 算法
algorithm 个人总结类
动图学算法
funnycoderstar leetcode
排序算法
JavaScript 版数据结构与算法
leetcode

🔫 JavaScript 规范

spec 开发规范
standard
eslint-config-standard

🚴 技巧(skill)

Front-End-Checklist
clean-code-javascript
微前端那些事
写 CSS 的灵感
mobile 技巧
quicklink
前端知识点

• 30-seconds
  30-seconds-of-code 30s for js
  30-seconds-of-css 30s for css
  30-seconds-of-interviews 30s for interviews

• compress 压缩
  TinyPNG 压缩图片
  squoosh 压缩图片

• format
  input 输入数字格式处理

• animate
  animate-plus
  Animate on scroll library

• search
  Fuse

• particles 粒子
  particles

📹 video

jsmpeg

🍁 fetch、ajax

unfetch

🕙 进度条(progress)

nprogress

📝 编辑器(editor)

quill
tiptap A rich-text editor for Vue.js

🐢 懒加载(lazyload)

lazyestload 小而精巧

📊 图表(chart)

f2-mobile

➿ 轮播图(Swiper)

swiper
Swipe

📂 js 保存文件

FileSaver

🕘 时间库(Time)

dayjs

🔑 Parse URL

query-string

💫 json

JSON-js

🆔 唯一字符串 ID 生成器

nanoid
node-uuid

💡 新功能步骤导航 guide

intro
driver

📅 日历(calendar)

tui.calendar

✂️ 网站截图

pageres

📎 socket

socket.io

👆 fastclick

fastclick

👇 手势

AlloyFinger

📭 storage 本地存储

storage ustbhuangyi

🐸 jQuery

jQuery 源码分析

🍀 小程序(wx mp)

wepy
awesome-wechat-weapp
项目实践
wepy-mall

✌️ vue

awesome-vue
vue 骨架屏
vue 骨架屏
vue-croppa 图片剪切
vue-cli
vue-design 源码分析
mvvm 原理分析
vue3 原理分析
vue-wechat-title

vue-barcode-scanner
v-track 埋点
vue-echarts

• UI
  vue lib demo-LinusBorg
  vant
  touchui

• 项目实战
  vue-element-admin
  iview-admin
  ant-design-pro-vue
  GitDataV 可视化平台

🙌 nuxt

proxy-module
nuxt-stylus-resources-loader

✳️ react

proton-native

• UI

ant-design

• Tools

react-app-rewired

• 项目实践
  ant-design-pro-layout
  react-admin

❇️ React Native

react-native-guide 文档
react-naive-book 文档

• 项目实践

JueJinClient

🆖 angular

• rxjs

rxjs

• 项目实践

ngx-admin
ant-design-pro
angular-base

🌕 多端统一开发框架

taro
taro-ui
taro-kit

• Demo

taro 网易严选

📄 文档生成(docs)

vuepress

🌲 redux

redux 文档

⛵ 前后端开发项目实践(node)

bilibili-vue
cezerin-react
node-elm node.js + Mongodb 构建的后台系统

🚀 性能测试

hiper

🎭 模拟数据(Mock)

easy-mock

🌐 node 本地服务

http-server
serve

📘 learn node

awesome-nodejs
nodejs-learning-guide
node-blog
N-blog 学习
node 最佳项目实践
node 实战案例
node-in-debugging
koa2 文档
koajs-design-note Koa.js 设计模式

🎒 npm

nrm

💣 deno

deno
deno 版本管理

📦 webpack

webpack 文档
webpack-and-spa-guide
webpack-chain
webpack-config 配置实践

🎃 babel

babel-handbook

⚓ git 钩子(git hooks)

lint-staged

❌ You Dont Need

You-Dont-Need-jQuery
ou-Dont-Need-Lodash-Underscore

🔨 Utils 工具类封装

utils by cd-dongzi

🎥 代码错误监控系统

sentry
onpremise
webpack-sentry-plugin
web-analytics

Git

高质量的 Git 中文教程
learn-docs
git-commit-emoji

GitHub Pages

spa-github-pages

GitHub 博客搭建

VBlog 搭建个人博客
gitalk

🌱 TypeScript

typescript 文档
typescript 手册
typescript-book-chinese
semlinker awesome-typescript

🐒 翻墙(FQ)

翻墙汇总
shadowsocks 翻墙神器，window mac android
hosts
jsproxy

v2ray PC
v2ray Android

🌿 原生UI

ui-element-samples

🈴 fonts

google-fonts

❄️ css

iCSS 谈谈一些有趣的 CSS 话题
CSS 技巧
normalize.css 重置 css
初始化样式，用于demo页

• 轻量级库
  hint.css
  cssfx-demo

🐕 编辑器

vscode
code-settings-sync

🌓 nginx

nginx config

🔰 docker

docker_practice 文档

🏇 桌面应用(desktop app)

nativefier web打包成 App

👦 Android Tools

AndroidDevTools

🐦 Flutter

flutter-in-action
GSYFlutterBook

• lib
  http dio

• demo
  Flutter-Notebook
  Flutter Demo 中
  tourismandco
  GSYGithubAppFlutter

👀 Python

Python-100-Days 学习

🐮 Java

JavaGuide

🐚 Linux 命令

$
linux-command

🆕 chrome扩展(chrome extention)

chrome-extension-book

🎓 DeepLearning 深度学习

DeepLearning-500-questions

🎲 其他

img-2
ivideo 观看国内主流视频平台所有视频的客户端
动画打字工具
条形码
打开像机扫码