javascript

KO | EN

gitlite — search

#python #typescript #go #android #machine-learning #deep-learning #linux #docker #nodejs #java #awesome-list #pytorch #ios #openai

(★ 108)

:hugs:原生javascript填坑记录

javascript Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Web

手机调试：

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

### 协作规范

- [中文技术文档协作规范](https://github.com/ruanyf/document-style-guide)(阮一峰)
- [Javascript编程风格](http://www.ruanyifeng.com/blog/2012/04/javascript_programming_style.html)
- [凹凸实验室前端代码规范](https://guide.aotu.io/docs/)
- [vuejs风格指南](https://cn.vuejs.org/v2/style-guide/)
- [代码安全指南](https://github.com/Tencent/secguide)

### 组件库与工具

- [zarm 基于react移动端组件库](https://zarm.design/#/)
- [antd-design 基于react pc端组件库](https://ant.design/docs/react/introduce-cn)

### 数据结构与算法

- [用JavaScript实现的算法和数据结构](http://conardli.top/docs/)
- [labuladong的算法小抄](https://labuladong.gitbook.io/algo/)
- [YaxeZhang/Just-Code](https://github.com/YaxeZhang/Just-Code)
- [LeetCode 算法题刷题心得（JavaScript）](https://www.jianshu.com/p/8876704ea9c8)
- [doocs/leetcode](https://github.com/doocs/leetcode)

### Event Loop

- [这一次，彻底弄懂 JavaScript - 执行机制](https://juejin.im/post/59e85eebf265da430d571f89)
- [一次弄懂Event Loop（彻底解决此类面试问题)](https://juejin.im/post/5c3d8956e51d4511dc72c200)
- [浏览器与Node的事件循环(Event Loop)有何区别?](https://juejin.im/post/5c337ae06fb9a049bc4cd218)
- [笔试题——JavaScript事件循环机制（event loop、macrotask、microtask）](https://juejin.im/post/5bac87b6f265da0a906f78d8)

### 异步编程

- [理解 JavaScript 的 async/await](https://segmentfault.com/a/1190000007535316)
- [JavaScript异步编程](https://www.ahwgs.cn/javascriptyibubiancheng.html)
- [9k字 | Promise/async/Generator实现原理解析](https://juejin.im/post/5e3b9ae26fb9a07ca714a5cc)

### CSS

- [CSS Inspiration -- CSS灵感](https://chokcoco.github.io/CSS-Inspiration/#/)
- [animate.css CSS动画库](https://github.com/daneden/animate.css)
- [30 Seconds of CSS](https://30-seconds.github.io/30-seconds-of-css)
- [chokcoco CSS3奇思妙想，单标签实现各类图形](https://github.com/chokcoco/magicCss)
- [Web图片资源的加载与渲染时机](https://segmentfault.com/a/1190000010032501)

### Vue

- [learnVue-深入学习vue源码](https://github.com/answershuto/learnVue) 5k star
- [vue-cli3 项目从搭建优化到docker部署](https://juejin.im/post/5c4a6fcd518825469414e062)
- [手摸手，带你用vue撸后台 系列五(v4.0新版本)](https://juejin.im/post/5c92ff94f265da6128275a85)
- [vue 路由 按需 keep-alive](https://juejin.im/post/5cdcbae9e51d454759351d84)
- [浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层](https://juejin.im/post/5b29c3bde51d45588d4d7110)
- [vue-cli4-config](https://github.com/staven630/vue-cli4-config)
- [VUE优秀UI组件库合集](https://shimo.im/doc/LkpdnWxM1j40BDJj/)
- [实战技巧，Vue原来还可以这样写](https://juejin.im/post/5eef7799f265da02cd3b82fe)
- [vue渲染器](http://hcysun.me/vue-design/zh/essence-of-comp.html)
- [移动端最佳实践](https://github.com/mcuking/mobile-web-best-practice)
- [Vue 源码解读](http://hcysun.me/vue-design/zh/)
- [vite 资源插件列表](https://github.com/vitejs/awesome-vite)
- [Vue3.0学习教程与实战案例](https://vue3.chengpeiquan.com/)

### React

- [译 以面试官的角度来看 React 工作面试](https://juejin.im/post/5bca74cfe51d450e9163351b)
- [扔掉Create React App，打造你自己的React生成工具！](https://mp.weixin.qq.com/s/76007EbaArO8tp2Lzb6dVA)
- [知乎-虹晨-你真的理解setState吗？](https://zhuanlan.zhihu.com/p/39512941)
- [聊一聊 React 中更新 ui 视图的几种方式](https://zhuanlan.zhihu.com/p/46140569)
- [React Interview Questions & Answers](https://github.com/ahwgs/reactjs-interview-questions)
- [React源码解析-react.jokcy.me](https://react.jokcy.me/)
- [Redux 中文文档](http://cn.redux.js.org/)
- [!!!React小书](http://huziketang.mangojuice.top/books/react/)
- [如何管理好10万行代码的前端单页面应用](https://juejin.im/post/59cb0d0b5188257e876a2d27)
- [一篇看懂 React Hooks](https://github.com/ascoders/blog/issues/29)
- [这可能是最通俗的 React Fiber(时间分片) 打开方式](https://juejin.im/post/5dadc6045188255a270a0f85)
- [2019年了，整理了N个实用案例帮你快速迁移到React Hooks(收藏慢慢看系列)](https://juejin.im/post/5d594ea5518825041301bbcb)
- [react-use](https://streamich.github.io/react-use/?path=/story/components-usekey--demo)
- [alibaba/hooks](https://github.com/alibaba/hooks)

### Electron

- [Electron构建跨平台应用Mac/Windows/Linux](https://juejin.im/post/5c46ab47e51d45522b4f55b1)
- [用JS开发跨平台桌面应用，从原理到实践](https://juejin.im/post/5cfd2ec7e51d45554877a59f)

### 前端工程化

- [webpack 插件总结归类](https://juejin.im/post/5bd2d2315188252734475575)
- [干货！撸一个webpack插件(内含tapable详解+webpack流程)](https://juejin.im/post/5beb8875e51d455e5c4dd83f)
- [深入浅出 Webpack](http://webpack.wuhaolin.cn/)
- [搜罗一切webpack的好文章好工具](https://github.com/webpack-china/awesome-webpack-cn)
- [玩转webpack](https://time.geekbang.org/course/intro/100028901)
- [那些花儿，从零构建Vue工程(webpack4 Eslint git hooks...)](https://juejin.im/post/5c4a69a1f265da61163a1e5f)
- [掘金站内 webpack 优秀文章汇总](https://juejin.im/post/5dbe64a3e51d455c042006ed)
- [Webpack 4 配置最佳实践](https://juejin.im/post/5b304f1f51882574c72f19b0)
- [webpack4 的30个步骤打造优化到极致的 react 开发环境，如约而至](https://juejin.im/post/5cfe4b13f265da1bb13f26a8)
- [从零实现webpack热更新HMR](https://juejin.im/post/5df36ffd518825124d6c1765)
- [Webpack HMR 原理解析](https://zhuanlan.zhihu.com/p/30669007)
- [细说 webpack 之流程篇](https://fed.taobao.org/blog/2016/09/10/webpack-flow/)
- [fe-workflow](https://github.com/luoxue-victor/fe-workflow) 
- [一个基于Rollup的打包](https://github.com/osdoc-dev/avenger)
- [借助 Module Federation 让 webpack 提速十倍](https://mp.weixin.qq.com/s?__biz=MjM5NDgyODI4MQ==&mid=2247483732&idx=1&sn=6df4c4f1d8c2d2b40cd08517669bbaf6&chksm=a6809bc291f712d42631e0bc75f15e8b6df58519bc76cd1e5326a4d621aa3d5ef42fabd5f307&mpshare=1&scene=1&srcid=0903Shroi0M2xFmr37bposWn&sharer_sharetime=1621941899890&sharer_shareid=14fad19e80671b9c9d5fa85fa2f7351f#rd)
- [三大应用场景调研，Webpack 新功能 Module Federation 深入解析](https://mp.weixin.qq.com/s?__biz=Mzg4MjE5OTI4Mw==&mid=2247484519&idx=1&sn=b8cfb39a0074b109a44ea7c3c19d8ac1&chksm=cf5b1bfbf82c92edc3521b43e6ebb010e3bca619cb4373c62288ee330557c95be8c3b4951d90&mpshare=1&scene=1&srcid=0525cPf0FKWDghsg5NqSHbrS&sharer_sharetime=1621941931825&sharer_shareid=14fad19e80671b9c9d5fa85fa2f7351f#rd)
- [迈入现代 Web 开发（GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文）](https://mp.weixin.qq.com/s?__biz=MzkxNDIzNTg4MA==&mid=2247484407&idx=1&sn=c3706cdacefe4fd0ee372804ce53b4ce)

### TypeScript

- [TypeScript中文网](https://www.tslang.cn/docs/handbook/basic-types.html)
- [TypeScript入门教程 https://ts.xcatliu.com/](https://ts.xcatliu.com/)
- [深入理解 TypeScript](https://jkchao.github.io/typescript-book-chinese/#why)
- [TypeScript and React](https://fettblog.eu/typescript-react/)
- [从零开始配置 TypeScript 项目](https://juejin.im/post/6856410900577026061)
- [React+TypeScript 备忘单](https://github.com/typescript-cheatsheets/react)

### Flutter

- [Dart中文社区](http://dart.goodev.org/)
- [Flutter实战教程](https://book.flutterchina.club/)
- [Flutter中文网](https://flutterchina.club/)
- [6.9k star Flutter項目 GSYGithubAppFlutter](https://github.com/CarGuo/GSYGithubAppFlutter)
- [Flutter完整开发实战详解](https://guoshuyu.cn/home/wx/)
- [Flutter 最佳实践：Best-Flutter-UI-Templates](https://github.com/mitesh77/Best-Flutter-UI-Templates/tree)

### 面试

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

### 移动端开发

- [mobileTech-移动端开发所需要的一些资源与小技巧](https://github.com/jtyjty99999/mobileTech)
- [移动端页面开发适配 rem布局原理](https://segmentfault.com/a/1190000007526917)

### Nodejs

- [awesome-nodejs nodejs资源整合 3w star+](https://github.com/sindresorhus/awesome-nodejs)

### 爬虫

- [这可能是你见过的最全的网络爬虫干货总结](https://juejin.im/post/5bce8201518825773605597d)

### Nginx

- [Nginx配置参考](https://www.ahwgs.cn/nginxpeizhijilu.html)

### H5踩坑

- [可能这些是你想要的H5软键盘兼容方案](https://segmentfault.com/a/1190000018959389#articleHeader12)
- [滚动穿透问题的解决方案](https://juejin.im/post/5c2dc9cce51d45690a254b79)
- [VUE开发微信H5页面总结](https://juejin.im/post/5c0490ef51882524cb6f5652#heading-0)
- [前端 H5 横屏 独特处理方案详解](https://juejin.im/post/5be4e37ee51d450d0502215e)
- [H5常见问题及解决方法](https://juejin.im/post/5e93c98fe51d4546d32bd506)
- [H5 移动端调试全攻略](https://mp.weixin.qq.com/s/-T3h-YuU8WfDhM3pXSI4QQ)

### Babel

- [【前端词典】关于 Babel 你必须知道的](https://mp.weixin.qq.com/s?__biz=Mzg5NDEyMzA2NQ==&mid=2247484083&idx=1&sn=4268252b548ad5a425308614e9390513&chksm=c0252fe5f752a6f362b7ddf9036dd2bc0764ed427e1c8e042ef7c822f0ced29a4be9cdaaa00f&mpshare=1&scene=1&srcid=0722nH1NoSl07rYkUHlEE3Gi&key=7865e1e5a7ba115efe8818947150b8d5c7491fc6228a650a91bcc0a4cab895c49fbb9ff681b9823ed4efbb214b898e67ea528f5858d62cad17ea854e3016ecd4124461aecdc90161afd70108c0c8b021&ascene=1&uin=MTMyNjQ5OTU2NA%3D%3D&devicetype=Windows+10&version=62060833&lang=zh_CN&pass_ticket=PWPQgBOm4UzUeMjy6roqmvk6fVPiuY9VoxNoG3wBXcjM7vj0lhks26U3wkrUgBdC)
- [结合Babel 7.4.0 谈一下Babel-runtime 和 Babel-polyfill](https://juejin.im/post/5d0373a95188251e1b5ebb6c)
- [babel-handbook](https://github.com/jamiebuilds/babel-handbook)
- [傻傻分不清之 —— babel 全家桶](https://vince.xin/2019/06/29/%E5%82%BB%E5%82%BB%E5%88%86%E4%B8%8D%E6%B8%85%E4%B9%8B-%E2%80%94%E2%80%94-babel-%E5%85%A8%E5%AE%B6%E6%A1%B6/)
- [babel 插件通关秘籍](https://juejin.cn/book/6946117847848321055/section)

### React Native

- [React Native之原理浅析](http://blog.poetries.top/2019/10/02/rn-yuanli/)

### RabbitMQ

- [rabbitmq教程](https://gtcsq.readthedocs.io/en/latest/openstack/rabbitmq_doc.html#)
- [RabbitMQ 中文文档](http://rabbitmq.mr-ping.com/)
- [架构设计之NodeJS操作消息队列RabbitMQ](https://www.cnblogs.com/wukong-holmes/p/9306733.html)

### Docker

- [从Docker到Kubernetes进阶](https://www.qikqiak.com/k8s-book/)

### 其他

- [前端学习书籍](https://github.com/threerocks/studyFiles/tree/master/js)
- [从 IIFE 聊到 Babel 带你深入了解前端模块化发展体系](https://mp.weixin.qq.com/s?__biz=MzIyNTU1NjQ3MQ==&mid=2247483698&idx=1&sn=05dffe94a50c058c123408530fd80e50&chksm=e87ca3aadf0b2abcc7dadf59c237ccf1f35138a0f80b19ce91b15768f9bb96258dc2e661aae7&mpshare=1&scene=1&srcid=05158eVLfaRLuXOMAfs3TKtx&key=e915f6782fe7b316e85381796db7d8130e045de195be2d1706b2b1321b299cb532d9ce56ee4301ddd43e7699182a8ed0f8cc11d837f39e9ec5b5fad37f3fd571814936728ce4332873573a1115bfe64f&ascene=1&uin=MTMyNjQ5OTU2NA%3D%3D&devicetype=Windows+10&version=62060739&lang=zh_CN&pass_ticket=9ZQBVzo%2BOYlRPl750FCt6Md%2FsQcvz2vUIGbn8MvR46rbical%2ByAxGNOICvLd5rFi)
- [如何通俗易懂地解释React生命周期方法？](https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247490405&idx=1&sn=7c017a93752b7b89873261fa2862833d&chksm=f951ae26ce2627302b724932a2725710a408f168203f7fb7b3db029c5bd81610667c3929c5ba&mpshare=1&scene=1&srcid=0515FjY6VVJ23ArTJovi2RvV&key=5af5195f105422aac9840e7fef5542f9fbd7e8e440ecabc00afec58695b1073bff5b60d0baeebcd75d0ed1a6cf5494e602e9bf8b72c9d027dc05d8c2e564c9c6d8345d1eb011f5fc1ac33ced92d4ba4a&ascene=1&uin=MTMyNjQ5OTU2NA%3D%3D&devicetype=Windows+10&version=62060739&lang=zh_CN&pass_ticket=9ZQBVzo%2BOYlRPl750FCt6Md%2FsQcvz2vUIGbn8MvR46rbical%2ByAxGNOICvLd5rFi)
- [扔掉Create React App，打造你自己的React生成工具！](https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247490327&idx=1&sn=6a5ca6600e0212bab88125f16d545585&chksm=f951ae54ce262742826d87a78e152faabcfd7acbfe2e14c2433bf3038048d7919196b24dec80&mpshare=1&scene=1&srcid=0515W4QiCxUpmJIEbWva0TaY&key=5af5195f105422aaac34a017898055a381199b21cf88e5d498cd8e4da799e07004df94e9143d940c19f87b254561d3f3c01afa1f1f8dd0c84ec0ef62ae4d437936be314de19f1670c8a6fffc095f3a6d&ascene=1&uin=MTMyNjQ5OTU2NA%3D%3D&devicetype=Windows+10&version=62060739&lang=zh_CN&pass_ticket=9ZQBVzo%2BOYlRPl750FCt6Md%2FsQcvz2vUIGbn8MvR46rbical%2ByAxGNOICvLd5rFi)
- [Vuex快速使用](https://mp.weixin.qq.com/s?__biz=MzU4MTQ2NDQyOQ==&mid=2247483794&idx=1&sn=a9628f3453beed0781aae30ea6255b94&chksm=fd467990ca31f0861a4a03866e5f7bfd827b3e844880964ce5c29c556a4e7b635b3dcbe27cc4&mpshare=1&scene=1&srcid=0515sT9CWEcfQ3OU5Mti2Lzx&key=f85e7af70d127b0bf7df51e39bb41ecd1a5146ca92c15bfcfdea02462a0ac7bcde2396a82681c8dc0f2964f13076e0c21af364a9eb1ed4de44a0b2bdb3eb0f051037fd724f8aa0fc08c14e5d78b7c6b2&ascene=1&uin=MTMyNjQ5OTU2NA%3D%3D&devicetype=Windows+10&version=62060739&lang=zh_CN&pass_ticket=9ZQBVzo%2BOYlRPl750FCt6Md%2FsQcvz2vUIGbn8MvR46rbical%2ByAxGNOICvLd5rFi)
- [前端一年精选好文，请打包带走](https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247490208&idx=1&sn=a0c08a9912e16d5e0b12be0c4e83822d&chksm=f951afe3ce2626f52535e32922708a003eb9d572978ea4ce5479ee43385750696cf3c3138f26&mpshare=1&scene=1&srcid=0515aeaqVQbSwPmKibq2XIEt&key=e915f6782fe7b316a9034e62c310296e90b7df8dfd64a9bff5a1557cf57dd95e537e90fa13778d1f280093e249eef7ff4b3eeb523c9d86475ff23b8ff615ecc97ba3735a422b7b3dd568eb6ab0cbdbd7&ascene=1&uin=MTMyNjQ5OTU2NA%3D%3D&devicetype=Windows+10&version=62060739&lang=zh_CN&pass_ticket=9ZQBVzo%2BOYlRPl750FCt6Md%2FsQcvz2vUIGbn8MvR46rbical%2ByAxGNOICvLd5rFi)
- [斐波那契数列求和的js方案以及优化](https://segmentfault.com/a/1190000007115162)
- [图片布局的最全实现方式都在这了！附源码](https://mp.weixin.qq.com/s?__biz=MzU1NDg5MDU3NQ==&mid=2247484089&idx=1&sn=25adf858e315731d49ee295077c24f48&key=adf1da94ffba578c3f48e5be613c774d256405b780acf26428a31733fe1e42c75ef434c60eb5e864f478ae7e57069c8f40c62d068bf9ececa00c58729ece7f2c4118a0a4c7d63eb84f80887220832d39&ascene=1&uin=MTMyNjQ5OTU2NA%3D%3D&devicetype=Windows+10&version=62060833&lang=zh_CN&pass_ticket=PWPQgBOm4UzUeMjy6roqmvk6fVPiuY9VoxNoG3wBXcjM7vj0lhks26U3wkrUgBdC)
- [领域驱动设计在前端中的应用](https://juejin.im/post/5d3926176fb9a07ef161c719)
- [移动 web 最佳实践](https://github.com/mcuking/mobile-web-best-practice)
- [现代 JavaScript 教程](https://zh.javascript.info/)
- [这应该是你见过的最全前端下载总结](https://juejin.im/post/5c3c4b3551882524a5420119)
- [WebSocket是时候展现你优秀的一面了](https://juejin.im/post/5bc7f6b96fb9a05d3447eef8)
- [Array.prototype.reduce 实用指南](https://juejin.im/post/5bab8a9c6fb9a05d0e2e6bf0)
- [JavaScript正则表达式备忘单](https://juejin.im/post/5c7496fdf265da2dda6957d2?utm_source=gold_browser_extension#comment)
- [vue-content-loader](https://github.com/egoist/vue-content-loader)
- [awesome-javascript sorrycc的js资源整合](https://github.com/sorrycc/awesome-javascript)
- [在线正则表达式](https://regex101.com/)
- [值得一看的技术类书籍列表](https://github.com/doocs/technical-books) 
- [可能是最详细的React组件库搭建总结](https://juejin.im/post/5ebcf12df265da7bc55df460)
- [ZooTeam 拍了拍你，来看看如何设计动态化表单](https://juejin.im/post/5ef87b0ff265da22c757250e)
- [动态表单解决方案 formily](https://github.com/alibaba/formily)
- [动态表单解决方案 form-render](https://github.com/alibaba/form-render)
- [为京东PLUS会员保驾护航的日子](https://juejin.im/post/5efbdc116fb9a07e8020328f)
- [JavaScript 20 年](https://cn.history.js.org/)
- [The Complete Works of Tao Technology 2020](https://static.ahwgs.cn/blog-img/The%20Complete%20Works%20of%20Tao%20Technology%202020.pdf)
- [从零开始配置 TypeScript 项目](https://juejin.im/post/6856410900577026061)
- [import、require、export、module.exports 混合使用详解](https://juejin.cn/post/6844903520865386510)
- [Houdini：CSS 领域最令人振奋的革新](https://zhuanlan.zhihu.com/p/20939640)
 
### Leetcode

- [Leetcode 1-919题](https://github.com/grandyang/leetcode)
- [Leetcode算法分类](https://github.com/wisdompeak/LeetCode)
- [Leetcode公司分类](https://github.com/afatcoder/LeetcodeTop)

### 浏览器相关

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

### 微前端

- [微前端实践心得](https://github.com/mcuking/blog/issues/81)
- [微前端如何落地？](https://juejin.im/post/5d1d8d426fb9a07efe2dda40)
- [微前端在美团外卖的实践](https://juejin.im/post/5e57b6f0f265da57547794c9)
- [每日优鲜供应链前端团队微前端改造](https://juejin.im/post/5d7f702ce51d4561f777e258)
- [蚂蚁-乾坤](https://github.com/umijs/qiankun)
- [用微前端的方式搭建类单页应用](https://tech.meituan.com/2018/09/06/fe-tiny-spa.html)
- [Bifrost微前端框架及其在美团闪购中的实践](https://tech.meituan.com/2019/12/26/meituan-bifrost.html)
- [ 什么是微前端](https://livebook.manning.com/book/micro-frontends-in-action/chapter-1/v-4/)

### 常见需求

- [一种自动化生成骨架屏的方案](https://github.com/Jocs/jocs.github.io/issues/22)
- [Web 工程师需要掌握的 38 种 SEO 技巧](https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247490482&idx=2&sn=688aef06f7a8d6ce0a7b79ff5d6914a5&chksm=f951aef1ce2627e74673ee49591866c123a3b35da87323ac31a21ff04ca0ee9bf15dca601329&mpshare=1&scene=1&srcid=05158zruy5BCEIrX1aSzlGw6&key=5af5195f105422aa8f00ac2a500933ae3d33fa938c9d11491c56522759933c542773f882566b05fe8f968f48685fd307f7e3821e78180b67bd6cc03873d81fa1428ee9c60d3622ee69300c25cff3516d&ascene=1&uin=MTMyNjQ5OTU2NA%3D%3D&devicetype=Windows+10&version=62060739&lang=zh_CN&pass_ticket=9ZQBVzo%2BOYlRPl750FCt6Md%2FsQcvz2vUIGbn8MvR46rbical%2ByAxGNOICvLd5rFi)
- [九种跨域方式实现原理（完整版）](https://mp.weixin.qq.com/s?__biz=Mzg5ODA5NTM1Mw==&mid=2247483798&idx=1&sn=6ff8502e81f0c88adb3d5c5de8cc91f9&chksm=c0668000f7110916f84e195edacacb276ff714fdfb75cc35c6dbf1a62d9531ff0913b8cae722&mpshare=1&scene=1&srcid=0515RdAZ9iibE9UWEuLyxayy&key=5af5195f105422aab90370e50e460fea70959bf7ec175e8c55f0874a88b38a8237c01d84f2721cf0fc5ca8134ab85f9383ffe99fb7102c98663fe672fee64430ac00bcbcb7924191facd73f5c919634d&ascene=1&uin=MTMyNjQ5OTU2NA%3D%3D&devicetype=Windows+10&version=62060739&lang=zh_CN&pass_ticket=9ZQBVzo%2BOYlRPl750FCt6Md%2FsQcvz2vUIGbn8MvR46rbical%2ByAxGNOICvLd5rFi)
- [前端换肤的N种方案](https://juejin.im/post/5e92ad7a518825736c5b91cd)
- [nodejs使用redis模块并实现图形验证码功能](https://www.ahwgs.cn/redis-and-img-captcha.html)
- [终端代理记录](https://www.ahwgs.cn/proxy-console.html)
- [H5 直播的疯狂点赞动画是如何实现的](https://juejin.im/post/5e947b8f6fb9a03c957ffd1a)
- [字节跳动面试官：请你实现一个大文件上传和断点续传](https://juejin.im/post/5dff8a26e51d4558105420ed)
- [字节跳动面试官，我也实现了大文件上传和断点续传](https://juejin.im/post/5e367f6951882520ea398ef6)
- [React SSR方案](https://nextjs.frontendx.cn/)
- [Element UI表单设计及代码生成器](https://github.com/JakHuang/form-generator)
- [form-create](https://github.com/xaboy/form-create)

### 个人博客

- [木易杨，哈罗出行高级前端工程师](https://github.com/yygmind/blog/)
- [dwqs-Shopee](https://github.com/dwqs/blog)
- [冴羽的博客](https://github.com/mqyqingfeng/Blog)
- [yck](https://github.com/KieSun)
- [frontend-weekly 前端周刊](https://frontend-weekly.com/)
- [天猪部落格(egg.js核心开发者)](https://github.com/atian25/blog/issues)
- [张鑫旭-css](https://www.zhangxinxu.com/)
- [CodeSky 代码之空-敖天羽](https://www.codesky.me/)
- [doodlewind-花名雪碧的小透明/稿定科技](https://juejin.im/user/57d732a7816dfa00545434b2)
- [花裤衩-iview作者](https://juejin.im/user/5648a5ca60b259caebaf7562)
- [dendoink](https://juejin.im/user/585a2f52128fe10069ba1b95)
- [舞动乾坤 Bug | 魔法师百度](https://juejin.im/user/57e737f6c4c971005f6bcd8d)
- [前端小智](https://github.com/qq449245884/xiaozhi)
- [恋猫de小郭 移动端开发](https://github.com/CarGuo)
- [微醺岁月 blog](https://github.com/jawil/blog/issues)
- [龙恩0707](https://www.cnblogs.com/tugenhua0707/)
- [荒山 专注React、前端工程化、跨平台开发领域](https://juejin.im/user/5762733b2e958a00696163ea)
- [技术胖-专注于前端开发与免费视频](http://jspang.com/)

### 技术团队

- [大转转FE](http://zzfed.com/#/list)
- [大搜车「无线开发中心」团队](https://blog.souche.com/)
- [有赞技术团队](https://tech.youzan.com/)
- [滴滴技术](https://juejin.im/user/5c874e07e51d4548b40ac7e1)
- [酷家乐平台前端博客](https://webfe.kujiale.com/)
- [京东凹凸实验室](https://aotu.io/index.html)
- [淘系前端团队（FED）](https://fed.taobao.org/)
- [百度Web前端团队](http://fex.baidu.com/)
- [Doocs 专注开发知识分享](https://doocs.github.io/#/README_CN)

### 工具类

- [You-need-to-know-css 常用CSS属性在线演示](https://lhammer.cn/You-need-to-know-css/#/)
- [手绘风格CSS框架](https://www.getpapercss.com/)
- [程序员应该访问的最佳网站中文版](https://github.com/tuteng/Best-websites-a-programmer-should-visit-zh/blob/master/README.md)
- [在线logo设计神器](https://www.logosc.cn/)
- [稿定设计 在线ps](https://ps.gaoding.com/#/)
- [代码转优美的图片](https://carbon.now.sh)
- [矢量图插图网](https://undraw.co/illustrations)
- [网易云音乐 NodeJS 版 API 100+](https://binaryify.github.io/NeteaseCloudMusicApi/#/)
- [前端面试与进阶指南](https://www.cxymsg.com/guide/)
- [常用正则](https://juejin.im/post/5d245d4151882555300feb77)
- [processon在线流程图](https://www.processon.com/)
- [Markdown在线简历排版](https://resume.mdnice.com/)
- [组件库文档解决方案](https://github.com/umijs/dumi)
- [markdown在线转思维导图](https://markmap.js.org/)
- [logoly logo生成器](https://www.logoly.pro/#/)
- [super-expressive 声明式写正则](https://github.com/francisrstokes/super-expressive)
- [手绘风 在线画图](https://excalidraw.com/)
- [前端进阶之路](https://poetries1.gitee.io/fe-interview/)
- [图怪兽 专业作图](https://818ps.com/)

### 工具

- [SwitchHosts,快速整理修改你的hosts文件](https://github.com/oldj/SwitchHosts)
- [PicGo 一个用于快速上传图片并获取图片 URL 链接的工具](https://github.com/Molunerfinn/PicGo)

### 常用 nom 包

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

命令行解决方案

### 在线配色方案网站

- [渐变色配色](https://webgradients.com/)
- [配色、图片颜色修改、配色提取、logo生成](https://shapefactory.co)
- [基于色彩原理的扁平插画快速配色](http://colorsupplyyy.com/app/)
- [随机产生优质配色灵感](http://colormind.io/)
- [http://colorhunt.co/popular](http://colorhunt.co/popular)
- [http://www.peise.net/](http://www.peise.net/)
- [https://coolors.co/461220-8c2f39-b23a48-fcb9b2-fed0bb](https://coolors.co/461220-8c2f39-b23a48-fcb9b2-fed0bb)
- [https://www.materialui.co/colors ](https://www.materialui.co/colors )
- [选50种你喜欢的颜色 自动为你生成配色方案：http://khroma.co/ ](http://khroma.co/)
- [快速提供前背景色配色灵感](https://randoma11y.com/)
- [快速提供前背景色配色灵感](https://www.threebu.it/random-material-palette/ )
- [选择一个颜色，匹配色彩方案](http://www.colorhexa.com/f84604)
- [获取网站的配色方案](http://webcolourdata.com/ )
- [知名画家名作颜色提取](http://www.colorlisa.com/ )
- [点击上方颜色，自动生成配色方案](http://www.designskilz.com/colors/red )
- [点击左侧标签，拖动鼠标差调整自己喜欢的颜色](http://www.colourco.de/)
- [选择≥2种的颜色，自动生成扁平化配色界面](https://www.materialpalette.com/ )
- [热点与数据可视化配色](http://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3 )
- [在线调整配色方案](https://www.sessions.edu/color-calculator/)
- [颜色安全](http://colorsafe.co/)
- [配色方案](http://www.vanschneider.com/colors/)
- [中国风配色](http://zhongguose.com/)

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

javascript

javascript Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

javascript

javascript Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README