# 书签
有些书签收藏了,但可能永远不会再打开。
# HTTP
# 文档
# 博文
# 应用
- superagent - Small progressive client-side HTTP request library, and Node.js module with the same API, sporting many high-level HTTP client features
# 博文
- 跨域资源共享 CORS 详解 - 阮一峰
- 浏览器缓存知识小结及应用
- GET方法与POST方法的区别
- [译] SuperAgent中文使用文档
- 彻底明白ip地址,区分localhost、127.0.0.1和0.0.0.0
- 前端跨域整理
# CSS
# 文档
- CSS Snapshot 2018 - w3c
- CSS - MDN web docs
- DevDocs API Documentation CSS
- BEM - class命名规范
- Less 中文网
- Sass
- PostCSS
# 应用
- Bootstrap - Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目
- Bootstrap Table
- Bulma - Bulma is a free, open source CSS framework based on Flexbox
- FLEXBOX FROGGY - 学 Flex 的小游戏
# 后台模板
- WrapPixel - Free & Premium Bootstrap, Angular & React Admin Templates + UI Kits
- Remark - Responsive Bootstrap 4 Admin Template
- ampleadmin - Bootstrap Admin Template
# 博文
- CSSOM视图模式(CSSOM View Module)相关整理 - 张鑫旭
- CSS相对定位|绝对定位(五)之z-index篇 - 张鑫旭
- 获取元素CSS值之getComputedStyle方法熟悉 - 张鑫旭
- 我对CSS vertical-align的一些理解与认识 - 张鑫旭
- CSS实现单行、多行文本溢出显示省略号
- Flex 布局教程 - 阮一峰
- 我所知道的几种display:table-cell的应用 - 张鑫旭
- [译] 这些 CSS 命名规范将省下你大把调试时间
- 等高分栏布局小结
- css写作建议和性能优化小结
- CSS定位属性详解
- [译] Web 流式文字排版的现状
# JavaScript
# 文档
- ECMAScript 6 入门 - 开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新引入的语法特性
# 工具
- ESLint - 可组装的JavaScript和JSX检查工具
- Prettier - An opinionated code formatter
- CKEditor 4 - Smart WYSIWYG HTML editor
# 应用
- lodash - A modern JavaScript utility library delivering modularity, performance & extras
- jQuery
- zTree - jQuery Tree Plugin
# 博文
# 设计模式
- Scaling Isomorphic Javascript Code
- Understanding JavaServer Pages Model 2 architecture
- GUI Architectures
- 界面之下:还原真实的MV*模式
- ES7 Decorator 装饰者模式
- javascript设计模式系列
- 框架篇—MVC、MVP、MVCS、MVVM、VIPER使用关系总结
- [译] 什么将会替代 JavaScript 呢?
# 机制
- 从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 - 全面了解JS单线程
- Forcing Garbage Collection in node.js and JavaScript - 强制垃圾回收
# 语法
- 如何实现一个深拷贝
- 获取元素CSS值之getComputedStyle方法熟悉 - 张鑫旭
- Object()的方法一览
- Promise之你看得懂的Promise
- 深入理解 JavaScript 的类型转换
- 【JS 进阶】你真的掌握变量和类型了吗
- 记一次面试题,正则表达式(?=a)是什么意思?
- 【JS迷你书】类型转换之拆箱操作
- 《三分钟阅读》7个有用的JavaScript技巧
- 我是如何将业务代码写优雅的
- JS中的null和undefined,undefined为啥用void 0代替?
- async/await 优雅的错误处理方法
- JavaScript 代码简洁之道
# 工具
- 使用ESLint & Prettier美化Vue代码
- eslint prettier的配置选项(参数)官网直译
- A Comparison of JavaScript Linting Tools - JSLint,JSHint,JSCS和ESLint对比
- 一个日期处理类库moment.js
- Prettier 介绍与基本用法
# 性能优化
- 让老板虎躯一震的前端技术 - 掘金
- 前端优化不完全指南
# 风格指南
# TypeScirpt
# 文档
- TypeScirpt - JavaScript的超集
- TypeScript 入门教程
# 博文
# Vue
# 文档
- Vue.js - 渐进式JavaScript 框架
- Vuex - 专为Vue.js应用程序开发的状态管理模式
- Vue Router - Vue.js官方的路由管理器
- Vue CLI3 - Vue.js开发的标准工具
- Vue CLI2 - A simple CLI for scaffolding Vue.js projects
- Vue Loader - Vue组件的webpack loader
- Vue插件开发指南 - Vue CLI3的插件开发指南手册
- Vue SSR 指南 - Vue.js服务器端渲染指南
- eslint-plugin-vue - Official ESLint plugin for Vue.js
# 应用
- Nuxt - Vue.js通用应用框架(服务端渲染)
- Vue Apollo - 在你的 Vue.js 应用中集成 GraphQL
- Vue I18n - Vue.js国际化插件
- Vue Test Utils - Vue.js 官方的单元测试实用工具库
- VuePress 1.x - Vue 驱动的静态网站生成器
# 源码分析
- MVVM - 基于Vue的简易MVVM实现
- DMQ/MVVM - 剖析Vue实现原理,如何实现双向绑定mvvm
- 剖析 Vue.js 内部运行机制 - 掘金小册
- Vue.js 技术揭秘 - 全方位细致深度解析Vue.js的实现原理
- 深度剖析:如何实现一个 Virtual DOM 算法
- Tasks, microtasks, queues and schedules - 了解$nextTick中macrotask和microtask的区别
- 为什么Proxy可以优化vue的数据监听机制
- 【Vue原理】Watch - 源码版
- Vue.js的computed和watch是如何工作的?
- 深入理解Vue的watch实现原理及其实现方式
- Vue nextTick 机制
# UI组件库
- element-ui - 基于Vue2.0的饿了么桌面端组件库
- muse-ui - 基于Vue 2.0优雅的Material Design UI组件库
- ant-design-vue - Ant Design 的 Vue 实现
- buefy - Lightweight UI components for Vue.js based on Bulma
- Vue Material - Build beautiful apps with Material Design and Vue.js
# 中台前端
- vue-antd-admin - 一个开箱即用的中后台前端/设计解决方案
- ant-design-pro-vue - 开箱即用的中台前端/设计解决方案
# 脚手架
- vue-typescript-starter - vue-typescript-starter 脚手架
# 插件
- cli-plugin - Vue官方插件
- vue-cli-plugin-i18n - Vue I18n插件
# 工具
- nuxt-property-decorator - nuxt属性修饰器
# 社区
# 会议
- VueConf - Vue.js开发者大会
# 博文
- [译] 尤雨溪:Vue 3.0 计划 - 介绍Vue 3.0带来的新特性
- Tasks, microtasks, queues and schedules - 了解$nextTick中macrotask和microtask的区别
- 使用ESLint & Prettier美化Vue代码
- vue + typescript 新项目起手式
- vue + typescript 进阶篇
- 美团点评点餐 Nuxt.js 实战
- 浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层
- Vue2.0 探索之路——生命周期和钩子函数的一些理解
- vue-cli3 项目从搭建优化到docker部署
- 离职后才搞懂vue项目开发流程中的疑惑点
- Vuex 带来全新的编程体验
- vue-cli3 从搭建到优化
- what-i-learned-from-analysis-vuepress
- 少年,撸猫吗
- 结合vue-cli来谈webpack打包优化
# React
# 文档
- React
- Create React App 中文文档
- React Router
- Redux
- Redux Toolkit
- RxJS 中文文档
- redux-observable
- React Lifecycle
# UI组件库
- Ant Design - 基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品
- Salt UI - 高效、简洁的移动端UI组件库
# 博文
- 如何管理好10万行代码的前端单页面应用
- React 的性能优化(一)当 PureComponent 遇上 ImmutableJS
- [译] React-Redux 官方 Hooks 文档说明
- 渔人和Rxjs的故事,这次一定教会你前端必会的Rxjs
- Immutable 操作在 React 中的实践
- Redux 入门教程(一):基本用法
- Redux 入门教程(二):中间件与异步操作
- Redux 入门教程(三):React-Redux 的用法
- How to fetch data with React Hooks?
- 2020 年你应该知道的 React 库
- React Hooks 究竟有多慢?
- 终于搞懂 React Hooks了!!!!!
- 关于Vue和React的一些对比及个人思考(中)
- [译] React-Redux 官方 Hooks 文档说明
- React 开发必须知道的 34 个技巧【近1W字】
- 使用70行代码配合hooks重新实现react-redux
- 使用 React Hooks + Context 打造简版 Redux
- 2019年了,整理了N个实用案例帮你快速迁移到React Hooks
- React Hooks 详解 【近 1W 字】+ 项目实战
- React16:Hooks总览,拥抱函数式 (这大概是最全的React Hooks吧)
- React hooks实践
- 30分钟精通React Hooks
- Redux-thunk快速入门
- Immutable 操作在 React 中的实践
- RxJS入门
- [译] 看动画,学 RxJS
- 使用 redux-observable 实现组件自治
- React拾遗:从10种现在流行的 CSS 解决方案谈谈我的最爱 (下)
- React拾遗:从10种现在流行的 CSS 解决方案谈谈我的最爱 (上)
- [译] 关于 React Router 4 的一切
- React路由鉴权
- react-router4基于react-router-config的路由拆分与按需加载
- 快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践
- 从0到1快速构建基于create-react-app的脚手架
- 【长文慎入】一文吃透 React SSR 服务端渲染和同构原理
- 技术胖的2019新版React全家桶免费视频(84集)
- React组件设计实践总结02 - 组件的组织
- React组件设计实践总结01 - 类型检查
- [译] 2019 React Redux 完全指南
- 掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)
# 源码解析
# Webpack
# 文档
- Webpack - 静态模块打包器
- 深入浅出Webpack
# 工具
- webpack-chain - 生成和修改Webpack配置信息的链式API集
# 博文
- 入门 Webpack,看这篇就够了 - Webpack科普类博文
- Webpack 入门指迷 - Webpack科普类博文
- Webpack 大法之 Code Splitting - 缩小打包体积
- 彻底解决Webpack打包性能问题
- 让你的Webpack起飞—考拉会员后台Webpack优化实战
- import、require、export、module.exports 混合使用详解
- 前端构建秘籍
- 结合vue-cli来谈webpack打包优化
- html-webpack-plugin 使用总结
- 带你深度解锁Webpack系列(优化篇)
- 玩转 webpack,使你的打包速度提升 90%
- 看完这篇,面试再也不怕被问 Webpack 热更新
- 成长 | 一年时间,0 到 30000
- webpack4入门
# Gulp
- Gulp中文网 - 用自动化构建工具增强你的工作流程!
# Babel
# 文档
- Babel - JavaScript编译器
# 插件集
- @vue/babel-preset-app - Vue CLI3的Babel插件集
- @babel/preset-env - Babel插件集
# 博文
- 你真的会用Babel吗? - 全面了解Babel
- 再见,babel-preset-2015
- Deploying ES2015+ Code in Production Today
- 【建议改成】读完这篇你还不懂Babel我给你寄口罩
# Node.js
# 文档
# 应用
- linkerd2 - Linkerd gives you observability, reliability, and security for your microservices
- Express - 高度包容、快速而极简的 Node.js Web 框架
- Koa - 基于Node.js平台的下一代web开发框架
- Egg - better enterprise frameworks and apps with Node.js & Koa
- Socket.io - websocket
- Node Redis
# 工具
- pm2 - The Most Advanced Production Process Manager for Node.js
# 博文
# 命令行工具
# 数据库
# 框架
# 微服务
# BFF
# Typescript
# 爬虫
# Npm
# 文档
# 博文
# Yarn
# 文档
- yarn - 快速、可靠、安全的依赖管理工具。
- Workspaces in Yarn
- 工作区
# Lerna
# 文档
- Lerna - A tool for managing JavaScript projects with multiple packages
# 博文
- Why you should use a single repository for all your company’s projects - 多项目单仓库思考
- Open Sourcing CloudFlare’s UI Framework - 使用Lerna开源的UI框架设计
- monorepo 新浪潮 | introduce lerna - Lerna介绍
- Why is Babel a monorepo?
- lerna管理前端packages的最佳实践
# Git
# 文档
- Git - Documentation
- Git教程 - 廖雪峰
- commit_msg - git钩子文档
- Git 分支 - 变基
- 语义化版本 2.0.0 - 语义化版本控制规范
# 规范
# 工具
- cz-cli - cz工具
- cz-customizable - cz适配器
- @commitlint/config-conventional - cz适配器
- commitlint - cz校验工具
- commitlint-config-cz - cz校验工具的校验规则
- validate-commit-msg - cz校验工具
- conventional-changelog - cz日志生成器
# 网站
- HELLO GITHUB - 分享 GitHub 上有趣、入门级的开源项目
# 博文
- 如何让你的 GitHub 项目表面上更专业
- git-flow 的工作流程
- 如何使用 Issue 管理软件项目?
- Git 工作流程
- 为无线前端团队打造高效git工作流
- GitHub 新出的 Actions 是什么? 用他做自动测试?
# GraphQL
# 文档
- GraphQL - A query language for your API
- Prisma OSS Documentation - Documentation content for oss.prisma.io (GraphQL Playground, GraphQL Yoga, GraphQL Config...)
- Apollo Client - Apollo Client is the best way to use GraphQL to build client applications
# 应用
- graphql-yoga - Fully-featured GraphQL Server with focus on easy setup, performance & great developer experience
- graphql-middleware - Split up your GraphQL resolvers in middleware functions
# 博文
- 30分钟理解GraphQL核心概念
- Open Sourcing GraphQL Middleware - A Library to Simplify Your Resolvers
- RPC vs REST vs GraphQL
- GraphQL从入门到实战
# Nginx
# 文档
# 博文
# 微前端
# Serverless
# 中台
# 监控
- 7 天打造前端性能监控系统
- 把前端监控做到极致
- 全景还原报错现场 | 应用实时监控 ARMS 上线用户行为回溯功能
- “前端+应用”两大监控利器商业化首发 ARMS领跑APM市场
- 通过页面埋点做监控却不影响性能?解密ARMS前端监控数据上报技术内幕
- UEM“探针”技术及用户体验管理
# 客户端
- 简述Chromium, CEF, Webkit, JavaScriptCore, V8, Blink
- 从用 AngularJS 开发 PC 客户端说起
- 互联网:桌面客户端框架技术选型
- 漫谈windows桌面客户端的UI框架
- 小白必看,JSBridge 初探
- 分享这半年的 Electron 应用开发和优化经验
- Electron 从零到一
- 浅谈Native、Web App、Hybrid、RN 和 Weex优劣
- 用JS开发跨平台桌面应用,从原理到实践
- Hybrid APP架构设计思路
- 前端构造桌面级应用(QQ音乐)
- Electron构建跨平台应用Mac/Windows/Linux
- Hybrid 开发:JsBridge - Web 和客户端的桥
- JSBridge实战
- 高并发IM系统架构优化实践
- 给客户端同学的一份前端学习指南
- 2000万日订单背后:美团外卖客户端高可用建设体系
# docker
# 地图
- OpenLayers
- OpenLayers 3 Primer - OpenLayers 3使用的入门教程
# 测试
# 文档
- Vue Test Utils - Vue.js 官方的单元测试实用工具库
- Jest - Jest is a delightful JavaScript Testing Framework with a focus on simplicity
- Nightwatch.js - Browser automated testing, the easy way
- Mocha - Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser, making asynchronous testing simple and fun.
- Chai - 断言库
- Karma - A simple tool that allows you to execute JavaScript code in multiple real browsers
# 博文
# 部署
# 博文
# Fonts
# 应用
- Font Awesome
- Font Awesome - 完美的图标字体只为Bootstrap设计
- Free Icons - Get free icons designed to combine perfectly and fit into the style of your design
- [译] 深入浅出 SVG
# 浏览器
# Chrome插件
- Google翻译
- Vue.js devtools - Vue调试工具
- Octotree - Github源码文件浏览工具
- 谷歌访问助手 - 访问Google浏览器
- 马克飞象
# 兼容性
- Can I use - 查询浏览器兼容性
- browserl.ist - A page to display compatible browsers from a browserslist string
# 博文
# Visual Studio Code
# 插件
- ESLint - Integrates ESLint JavaScript into VS Code
- Prettier - Prettier formatter for Visual Studio Code
- Vuetur - Vue tooling for VS Code, powered by vue-language-server
# 移动端
# 博文
# 算法
# 文档
# 示例
- javascript-algorithms - Algorithms and data structures implemented in JavaScript with explanations and links to further readings
- CLRS - Solutions to Introduction to Algorithms
# 工具
- 函数图像绘制工具
- Desmos - Graphing Calculator
- MathJax与LaTex公式简介 (转载)
- MathJax basic tutorial and quick reference
# 博文
# 博客
# 应用
- Hexo - Hexo 是一个快速、简洁且高效的博客框架
- Next - Elegant Theme for Hexo
- icarus - A simple, delicate, and modern theme for the static site generator Hexo
- Yelee - 简而不减 Hexo 双栏博客主题
- LeanCloud - 博客评论
# Markdown
# 工具
# 文档
# 设计
# 工具
- coolors - 颜色搭配设计
# 文章
# 职业
- 16年毕业的前端er在杭州求职ing
- 我在淘宝做前端的这三年 — 第一年
- 我在淘宝做前端的这三年 — 第二年
- 我在淘宝做前端的这三年 — 第三年
- 阿里前端社招面试总结
- 一位前端 2018 绝地求生记
- 职业路线:前端工程师的晋升逻辑到底是什么
- 今天聊:你晋升失败的原因是什么
- 如何成为公司独当一面的工程师
- 一名合格的程序员应该是什么样子
- 25 岁,毕业写前端的这三年
- 职场瓶颈:2~4 年前端走出离职困境与舒适区
# 团队
- 第二届搞基建|堂主 - 如何推动前端团队的基础设施建设
- 前端API层架构,也许你做得还不够
- if 我是前端Leader,谈谈前端框架体系建设
- 有赞开源项目最佳实践
- 技术栈:小菜前端的技术栈是如何规划和演进的
- 滴滴后市场前端技术体系
- 大型项目前端架构浅谈(8000字原创)
- https://juejin.im/post/5d1c6550518825330a3bfa01
# 协议
# 工具
# 文档
# 博文
# 低代码
- 前端生产方式:过去 10 年回顾和未来 10 年展望
- 第三届搞搭建|洛尘 - 如何设计实现 PC 站点搭建系统 - Schema
- 第三期 |《早早聊搞搭建》搞过搭建的我收获了什么?(上篇)
- 第三期 |《早早聊搞搭建》搞过搭建的我收获了什么?(下篇)
- React无门槛实现拖拽布局、表单设计器
- 格式校验利器:JSON Schema 简介
- JSON Schema与表单验证
- json-schema 可视化编辑器发布了
# 可视化
# 稳定性
# 总结
- 2019年前端大事件回顾:流年笑掷,未来可期
- 一套比较完整的前端技术选型,需要规整哪些东西,你知道不?
- 前端技术全景展望
- 前端技术体系大局观
- 掘金排行前5000大佬 | 掘金文章排行 看这里
- 这些年掘金上的优质前端文章,篇篇经典,一次打包带走!
- 精读《前端未来展望》
- 阿里前端委员会主席圆心:未来前端的机会在哪里?
- 哪些技术会决定前端开发者的未来发展?