本文收集学习过程中使用到的资源。
持续更新中……
- nodejs
- 混合应用
- 小程序
- css
- 前端代码片段汇总
- vue
- react
- Weex
- typescript
- 常用库
- js
- es6
- 移动端
- h5游戏
- 微信公众号
- webpack
- GraphQL
- 性能与监控
- 高质文章
- 趋势
- 动效
- 可视化
- 数据结构与算法
- js core
- 代码规范
- 工具
- canvas
- 测试
- 网络请求
- pwa
- 数据库
- 其他必备知识
- 逐行分析vue
- Vue3.0 前的 TypeScript 最佳入门实践
- 浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层
- VUE单页应用骨架屏方案
- 一个Vue引发的性能问题
- 【2019 前端进阶之路】Vue 组件间通信方式完整版
- Vue.js 组件精讲
- 剖析 Vue.js 内部运行机制
- Vuejs建议和最佳实践
- Vue 项目性能优化 — 实践指南（网上最全 / 详细）
- React官网 https://reactjs.org/
- React中文网 https://react.docschina.org/
- React-router https://reacttraining.com/react-router
- redux http://cn.redux.js.org/
- umi https://umijs.org/
- dva https://dvajs.com
- awesome https://github.com/enaqx/awesome-react
- react-hook https://github.com/streamich/react-use
- React.js 小书 https://juejin.im/post/58c7a16e2f301e006bd03dbe
- React入门看这篇就够了 https://segmentfault.com/a/1190000012921279#articleHeader0
- 掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入) https://juejin.im/post/5d085be0f265da1bac401937?utm_source=gold_browser_extension
- react demo https://gist.github.com/sAbakumoff/7b8510adcb16bded189d747e34f5e114
- 一文速览React全栈 https://juejin.im/post/5d0ee2906fb9a07ea33c1f8b
- React同构与极致的性能优化 https://segmentfault.com/a/1190000012464033
- 阿里开源项目 https://segmentfault.com/a/1190000016773002
- 一文速览React全栈
- 掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)
- 你要的 React 面试知识点，都在这了
- 如何优化你的超大型React应用 【原创精读】
- React 实战：设计模式和最佳实践
- 21个让React 开发更高效更有趣的工具
- 在react/redux中使用Immutable
- ant-design https://ant.design/index-cn
- ant-design-mobile https://mobile.ant.design/index-cn
- react-intl
- rc-form https://github.com/react-component/form
- nivo(React 数据可视化库)
- umi https://umijs.org/
- 飞冰 https://ice.work/
- next.js https://github.com/zeit/next.js
- beidou https://github.com/alibaba/beidou
- egg-react-ssr https://github.com/ykfe/egg-react-ssr
- react-server https://github.com/redfin/react-server
- Vulcan.js(The full-stack React+GraphQL framework)
- typescript中文 https://www.tslang.cn/
- typescript中文 https://ts.xcatliu.com/ https://zhongsp.gitbooks.io/typescript-handbook/content/doc/handbook/Advanced%20Types.html
- typescript https://www.html.cn/doc/typescript/doc/handbook/tutorials/React.html
- typescript进阶 https://www.jianshu.com/p/13a4eb1001f1
- awesome https://github.com/dzharii/awesome-typescript
- 深入理解 TypeScript https://github.com/jkchao/typescript-book-chinese https://jkchao.github.io/typescript-book-chinese/ https://github.com/basarat/typescript-book/
- TypeScript入门指南（基础篇） https://juejin.im/post/5d3bb567f265da1b8f1b09c1
- TypeScript 入门指南 https://mp.weixin.qq.com/s/Oyawvb5BD-OKvMuF2tQ0pw?
-
React+redux+typescript https://github.com/piotrwitek/react-redux-typescript-guide
-
https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn
-
typescript-tutorial https://github.com/xcatliu/typescript-tutorial
-
https://github.com/Lemoncode/react-typescript-samples
-
https://github.com/rokoroku/react-redux-typescript-boilerplate
- moment
- mosca https://github.com/mcollina/mosca
- MQTT https://github.com/mqttjs/MQTT.js
- javascript-mqtt-demo-wearingTip https://github.com/coolnameismy/javascript-mqtt-demo-wearingTip
- 面试官(7): 聊一聊 Babel? https://juejin.im/post/5c03b85ae51d450c740de19c
- 【译】JavaScript的工作原理：事件循环及异步编程的出现和 5 种更好的 async/await 编程方式
- 优秀 JavaScript 开发人员应掌握的 9 个技巧
- 浅拷贝与深拷贝
- JS中轻松遍历对象属性的几种方式
- 你不懂JS（系列丛书）
- 前端开发变量命名系列 - JavaScript篇
- 一文带你了解 JavaScript 函数式编程
- wechaty https://github.com/Chatie/wechaty
- wechatBot https://github.com/gengchen528/wechatBot
- 前端性能优化原理与实践
- GMTC 大前端时代前端监控的最佳实践
- 你必须懂的前端性能优化
- 前端性能优化不完全手册
- 那些你不知道的meta标签
- 前端静态资源缓存最优解以及max-age的陷阱
- node实战前端缓存总结
- 浏览器缓存
- 彻底理解浏览器的缓存机制
- 前端异常监控解决方案研究 – 腾讯CDC
- 从 0 到 1 的前端异常监控项目实战
- https://github.com/BetterJS
- https://github.com/iv-web/aegis-report
- https://github.com/RicardoCao-Biker/Front-End-Monitoring
- 阿里云监控 (网站性能、错误等监控)
- growingio (网站访问量监控)
- sentry (错误监控)
- fundebug (错误监控)
- gtmetrix (网站访问速度)
- zanePerfor (网站访问速度)
- pingdom (网站状况监控)
- if 我是前端团队 Leader，怎么制定前端协作规范?
- 阿里大佬浅谈大型项目前端架构设计
- 年终回顾，为你汇总一份「前端技术清单」
- 8年前端开发的知识点沉淀(不知道会多少字，一直写下去吧...)
- fullstack tutorial
- 五星推荐的系列文章清单
- 端动态化方案详细设计
- 让虚拟DOM和DOM-diff不再成为你的绊脚石
- 彻底理清前端单页面应用（SPA）的实现原理 【精读源码】
- 原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的
- 使用 postMessage 解决 iframe 跨域通信问题
- 基于工程经验的『RESTful接口设计规范』
- RESTful API 编写指南
- 前端技术栈干货文章链接（精品）
- 新时代下前端工程师的推荐书籍和必备知识
- 微前端 https://www.cnblogs.com/zhuanzhuanfe/p/7644846.html https://github.com/neuland/micro-frontends
- 了解什么是微前端
- 微前端实践
- 无代码编程
- 基于 React & TypeScript & Webpack 的微前端应用模板
- 哪些技术会决定前端开发者的未来发展？
- 再看2019大前端技术趋势，Web OS概念正落地
- Serverless For Frontend 前世今生
- 2019 年大前端技术趋势分析
- 14个最好的 JavaScript 数据可视化库
- 前端必看的数据可视化入门指南
- 一步步带你实现web全景看房——three.js
- 阿里基于G6和React打造的开源可视化图形编辑器——GGEditor
- spritejs (Draw graphics on a canvas through DOM-like APIs. Vue & React/Preact supported. )
站在程序员的角度测试 unit测试是把代码看成是一个个的组件。从而实现每一个组件的单独测试，测试内容主要是组件内每一个函数的返回结果是不是和期望值一样。
- jest
- karma(Spectacular Test Runner for JavaScript )
- mocha(simple, flexible, fun javascript test framework for node.js & the browser)
- enzyme(JavaScript Testing utilities for React )
- vue-test-utils(JavaScript Testing utilities for vue )
站在用户角度的测试 e2e测试是把我们的程序堪称是一个黑盒子，我不懂你内部是怎么实现的，我只负责打开浏览器，把测试内容在页面上输入一遍，看是不是我想要得到的结果。
简单来说就是测试应用整体界面是否达到了UI设计图的要求。
- hermione
- PhantomCSS(archived)
- gemini(DEPRECATED)
Chrome DevTools
- 去哪儿yapi(支持接口文档、mock和api自动化测试):100:
- rap2
- swagger(https://swagger.io/)(https://github.com/swagger-api)
- 丁香园api-mocker *998
- 大搜车Easy-Mock *6k+
- APIJSON(后端接口和文档自动化)
- mockjs
- 去哪儿 Api 自动化测试实践
- 使用 YApi 管理 API 文档，测试， mock
- YApi 新版如何查看 http 请求数据
- 自动更新 Swagger 接口数据到 YApi 平台
- Jenkins+postman+newman之API全自动化测试
- Postman调试技巧之接口签名
- 丁香园开源接口管理系统 - API Mocker
- Swagger从入门到精通
- Swagger与其他API文档编写工具对比
- 官网
- mysqljs
- 21分钟MySQL基础入门
- 2019-01-11亲测Navicat Premium for Mac破解
- MySQL命令，一篇文章替你全部搞定
- sequelize(An easy-to-use multi SQL dialect ORM for Node.js )
- bookshelf(A simple Node.js ORM for PostgreSQL, MySQL and SQLite3 built on top of Knex.js)