# TNT-Weekly **Repository Path**: dang050/TNT-Weekly ## Basic Information - **Project Name**: TNT-Weekly - **Description**: 每周为你提供高质量的关于小程序、h5等前端领域的文章和项目 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-07-23 - **Last Updated**: 2021-07-23 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # TNT-Weekly ![weekly-banner](https://raw.githubusercontent.com/Tnfe/TNFE-Weekly/master/assets/weekly-banner.jpg "weekly-banner") 前端行业发展飞速，新技术如雨后春笋般快速出现，尤其是各种小程序陆续推出，相关的信息、文章也铺天盖地的遍布在各处，我们有时候会困惑，不知道哪些信息对于自己是有价值的，那么 TNFE 团队启动了这个周刊项目，为所有的前端开发人员整理出小程序相关以及其它 web 前端技术领域的精品内容。 :honeybee:我们坚持每周为你提供高质量的关于小程序、h5 等前端领域的文章和项目:sparkles:。
## :clap: 欢迎参与如果你有兴趣参与，可以把发现的有价值的信息、文章等在[Issues](https://github.com/Tnfe/TNFE-Weekly/issues)里提给我们，记得写上推荐的理由哈，我们会尽快处理。有建议和意见也欢迎到[Issues](https://github.com/Tnfe/TNFE-Weekly/issues)提出。
## :steam_locomotive: 团队博客 [腾讯新闻前端团队-TNT](https://segmentfault.com/blog/tnfe)
## :cat: 团队 GitHub [TNT](https://github.com/Tnfe)
## :books: Weekly： ## 第八十七期 :new: 1. [小程序下的地图还能这么玩，你知道吗？](https://segmentfault.com/a/1190000038757737) 2. [小程序外链，实现桌面图标、短信和邮件外链跳转到小程序的工具](https://segmentfault.com/a/1190000038926664) 3. [Facebook 重构：抛弃 Sass / Less ，迎接原子化 CSS 时代](https://juejin.cn/post/6917073600474415117) 4. [为什么 Vue3 选择了 CSS 变量](https://juejin.cn/post/6916298446638940173) 5. [A type friendly web framework for node.js written by TypeScript](https://github.com/Lucifier129/farrow) 6. [ECMAScript proposal: Import assertions](https://2ality.com/2021/01/import-assertions.html) 7. [Getting Started With The GetX Package In Flutter Applications](https://www.smashingmagazine.com/2021/01/getx-package-flutter-applications/) 8. [Front-End Performance Checklist 2021](https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/) ## 第八十六期 1. [Clean-State----一款纯净小巧的状态管理器，使用react-hooks原生实现，自动连接module组织架构。🍋](https://github.com/tnfe/clean-state) 2. [bbo：零依赖的高质量前端函数工具库](https://github.com/tnfe/bbo) 3. [项目开发中到底能不能使用vite👀](https://juejin.cn/post/6913812233382264846) 4. [滴滴DoKit For Flutter正式开源，功能及核心实现解读](https://www.infoq.cn/article/jklgriEmraXNZNIUUkKK) 5. [Angular UI Kit and components library for awesome people](https://github.com/TinkoffCreditSystems/taiga-ui) 6. [Exciting Features in NextJS V10](https://blog.bitsrc.io/exciting-features-in-nextjs-v10-a790edb752b6) 7. [Add image annotation to your web apps.](https://github.com/ailon/markerjs2) 8. [Future of state management in React with XState](https://dev.to/skona27/future-of-state-management-in-react-with-xstate-kg4) ## 第八十五期 1. [4.2 万 Star！开发 Web 和移动端应用的全栈平台](https://mp.weixin.qq.com/s/qF_XvEh3UUpEmniJMmzgTQ) 2. [2020 年大前端技术趋势解读](https://cloud.tencent.com/developer/article/1764851) 3. [从Weex到Web，性能逆势如何破局？](https://www.infoq.cn/article/RvUt1xVobBUaHSiTUfgT) 4. [React Native 优先的多端统一化方案](https://www.infoq.cn/article/VpVHluUci1seBLkGCZjP) 5. [What’s Coming To VueX?](https://www.smashingmagazine.com/2020/12/vuex-library/) 6. [Integrating TypeScript with Svelte](https://css-tricks.com/integrating-typescript-with-svelte/) 7. [Redux-Free State Management with Jotai](https://blog.bitsrc.io/redux-free-state-management-with-jotai-2c8f34a6a4a) 8. [3 ways to deploy React apps to Netlify](https://blog.logrocket.com/3-ways-to-deploy-react-apps-to-netlify/) ## 第八十四期 1. [2020年小程序开发-云开发技术总结](https://segmentfault.com/a/1190000038533783) 2. [可视化拖拽组件库一些技术要点原理分析](https://juejin.cn/post/6908502083075325959) 3. [Vant 3.0 正式发布：全面拥抱 Vue 3](https://segmentfault.com/a/1190000038612513) 4. [小程序可视化实时自动埋点设计](https://mp.weixin.qq.com/s/fSzOo6ZbXc8eJGh33IoLZw) 5. [How To Optimize Progressive Web Apps: Going Beyond The Basics](https://www.smashingmagazine.com/2020/12/progressive-web-apps/) 6. [Deploying a Serverless Jamstack Site with RedwoodJS, Fauna, and Vercel](https://css-tricks.com/deploying-a-serverless-jamstack-site-with-redwoodjs-fauna-and-vercel/) 7. [Introducing Qui - A Vue.js Design System for Web](https://dev.to/cheesytimmy/introducing-qui-a-vue-js-design-system-for-web-5co3) 8. [Visly — Build React components visually](https://visly.app/blogposts/visly--build-react-components-visually) ## 第八十三期 1. [滴滴开源小桔棱镜：一款专注移动端操作行为的利器](https://juejin.cn/post/6904676606845911053) 2. [多平台快速开发的UI框架](https://www.uviewui.com/) 3. [获取小程序源码总结](https://segmentfault.com/a/1190000038444315) 4. [Taro 3.1 beta 发布: 开放式架构新增 4 端支持](https://juejin.cn/post/6906291548535652359) 5. [Deno 1.6 Release Notes](https://deno.land/posts/v1.6) 6. [React useReducer with Middleware](https://www.robinwieruch.de/react-usereducer-middleware) 7. [Create beautiful CLI commands in your NestJS Applications](https://github.com/squareboat/nest-console) 8. [How to increase CSS-in-JS performance by 175x](https://dominictobias.medium.com/how-to-increase-css-in-js-performance-by-175x-f30ddeac6bce) ## 第八十二期 1. [ProComponents-Use Ant Design like a Pro!](https://procomponents.ant.design/) 2. [🎉 Element UI for Vue 3.0 来了！](https://juejin.cn/post/6900733850540834830) 3. [基于Vue的前端架构，我做了这15点](https://juejin.cn/post/6901466994478940168) 4. [create-react-app 4.0.0的新功能](https://segmentfault.com/a/1190000038335229) 5. [👩‍🚀 The tiny all-in-one development tool for modern web apps.](https://github.com/preactjs/wmr) 6. [TALKR - DOCUMENTATION](https://www.npmjs.com/package/talkr) 7. [Snowpack v3.0 Release Candidate](https://www.snowpack.dev/posts/2020-12-03-snowpack-3-release-candidate) 8. [Add Office Functionality to Your Web App with OnlyOffice](https://www.sitepoint.com/add-office-functionality-to-your-web-app-with-onlyoffice/) ## 第八十一期 1. [极致追求，让小程序代码包立减 10% 的插件 weapp-css-modules](https://segmentfault.com/a/1190000038265556) 2. [场景构造难，编译很耗时？看小程序业务如何提高效研发](https://mp.weixin.qq.com/s/xGQjTPcKCdhpA9f1Z7bhNg) 3. [15 种微服务架构框架](https://segmentfault.com/a/1190000038313934) 4. [Angular 11 正式发布：加入 webpack 5，升级至 TS 4.0，不再支持 IE 9 和 10](https://www.infoq.cn/article/oy7K6J6gPogUd4djAlcj) 5. [Understanding React's useReducer Hook](https://ui.dev/usereducer/) 6. [How to use SVG Icons as React Components](https://www.robinwieruch.de/react-svg-icon-components) 7. [Ionic Vue: The UI library for Vue 3](https://dev.to/ionic/ionic-vue-the-ui-library-for-vue-3-7m5) 8. [Simplifying your application state management with Recoil](https://www.webiny.com/blog/simplifying-your-application-state-management-with-Recoil) ## 第八十期 1. [小程序框架原理之渲染流程及通信流程](https://juejin.cn/post/6896370758407159821) 2. [Rax 小程序运行时方案解密与思考](https://juejin.cn/post/6890428926540283918) 3. [postmate-A powerful, simple, promise-based `postMessage` iFrame communication library.](https://github.com/dollarshaveclub/postmate) 4. [TypeScript 4.1 RC 版本发布：带来了令人兴奋的新特性](https://www.infoq.cn/article/kHLmigWZ3fCyEdLQcvkD) 5. [Authenticating React Apps With Auth0](https://www.smashingmagazine.com/2020/11/authenticating-react-apps-auth0/) 6. [Top 5 React state management libraries in late 2020](https://areknawo.com/top-5-react-state-management-libraries-in-late-2020/) 7. [beautiful-react-diagrams----A tiny collection of lightweight React components for building diagrams with ease](https://github.com/beautifulinteractions/beautiful-react-diagrams) 8. [Use CSS Variables instead of React Context](https://epicreact.dev/css-variables/) ## 第七十九期 1. [EMP - Micro Frontends solution](https://github.com/efoxTeam/emp) 2. [FFCreator----一个基于 node.js 的轻量、灵活的短视频加工库](https://github.com/tnfe/FFCreator) 3. [如何利用 AOP+IOC 思想解构前端项目开发](https://juejin.im/post/6888677412280729613) 4. [前端工程师如何通过造轮子提高自己](https://mp.weixin.qq.com/s/Ugu-apM7jKx76euql_XM0g) 5. [A Dive Into React And Three.js Using `react-three-fiber`](https://www.smashingmagazine.com/2020/11/threejs-react-three-fiber/) 6. [Data Visualization With ApexCharts](https://www.smashingmagazine.com/2020/11/data-visualization-apexcharts/) 7. [Brahmos-Supercharged JavaScript library to build user interfaces with modern React API and native templates.](https://github.com/brahmosjs/brahmos) 8. [7 code smells in your React components](https://dev.to/awnton/7-code-smells-in-react-components-5f66) ## 第七十八期 1. [FFCreator----一个基于 node.js 的轻量、灵活的短视频加工库](https://github.com/tnfe/FFCreator) 2. [可折叠 Web 可能会给我们带来的变化](https://mp.weixin.qq.com/s/Yc-JMy7uTl9_9ga0pR4T6A) 3. [基于 React+Topology 构建在线绘图工具](https://juejin.im/post/6888473068876857357) 4. [Next.js 10 正式发布：带来诸多新特性](https://mp.weixin.qq.com/s/-XZVrLqYLTDvNHvE6genVw) 5. [FingerprintJS](https://github.com/fingerprintjs/fingerprintjs) 6. [Create React App Turns Four](https://dev.to/mikeesto/create-react-app-turns-four-3ace) 7. [Top 10 React Hook libraries](https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065) 8. [Introduction to Blitz.js](https://blog.bitsrc.io/introduction-to-blitz-js-ff1e48ea5714) ## 第七十七期 1. [微信小程序登录的前端设计与实现](https://huang-jerryc.com/2020/10/16/wxapp-login-design/) 2. [Facebook 新一代 React 状态管理库 Recoil](https://mp.weixin.qq.com/s/OwYW9v4FooE2IK2AJQePpA) 3. [77.9K Star 的 Axios 项目有哪些值得借鉴的地方](https://juejin.im/post/6885471967714115597) 4. [如何精确统计页面停留时长](https://mp.weixin.qq.com/s/tAz9_WTo6f9wa_yR92FKig) 5. [How to Create a Reddit Clone Using React and Firebase](https://www.sitepoint.com/reddit-clone-react-firebase/) 6. [Remembering John Conway's FRACTRAN, a ridiculous, yet surprisingly deep language](http://raganwald.com/2020/05/03/fractran.html) 7. [Why React Hooks over HOCs](https://www.robinwieruch.de/react-hooks-higher-order-components) 8. [cookieStore: Async Cookie API](https://davidwalsh.name/cookiestore) ## 第七十六期 1. [使用 Vue3 开发小程序？没错，现在就可以！](https://mp.weixin.qq.com/s/HnM-BQdmJYYMR6zPGSZcFg) 2. [阔别两年，webpack 5 正式发布了！](https://juejin.im/post/6882663278712094727) 3. [TypeScript 装饰器完全指南](https://juejin.im/post/6883011755434475534) 4. [Node.js 微服务框架（Moleculer）](https://juejin.im/post/6882685336829296648) 5. [Introducing the New JSX Transform](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) 6. [Understanding TypeScript Generics](https://www.smashingmagazine.com/2020/10/understanding-typescript-generics/) 7. [12 Essential Tools for the Flutter Mobile App Developer](https://instabug.com/blog/12-essential-tools-for-the-flutter-mobile-app-developer/) 8. [ECMAScript proposal: Method .item() for Arrays, Typed Arrays, and strings](https://2ality.com/2020/09/item-method.html) ## 第七十五期 1. [Vant 3.0 Beta 版本发布 🔥](https://segmentfault.com/a/1190000024542189) 2. [⏰ Moment.js 宣布停止开发，现在该用什么？](https://juejin.im/post/6873268471329898509) 3. [尤大 3 天前发在 GitHub 上的 vue-lit 是啥？](https://juejin.im/post/6874383765070675976) 4. [深受 Pandas 启发的 JavaScript 开源库 — Danfo.js 现已推出！](https://segmentfault.com/a/1190000024534592) 5. [React Query — An Underrated State Management Tool](https://blog.bitsrc.io/react-query-an-underrated-state-management-tool-5618b7b8cb36) 6. [Learn date-fns: A Lightweight JavaScript Date Library](https://www.sitepoint.com/date-fns-javascript-date-library/) 7. [Hands-on Reactive Programming with RxJS](https://goodguydaniel.com/blog/hands-on-reactive-programming-rxjs) 8. [Transforming styles with JS plugins](https://github.com/postcss/postcss) ## 第七十四期 1. [鸿蒙系统中的 JS 开发框架](https://segmentfault.com/a/1190000024469232) 2. [逐行分析鸿蒙系统的 JavaScript 框架](https://segmentfault.com/a/1190000024469163) 3. [使用 taro-deploy 自动化构建发布 taro 小程序](https://juejin.im/post/6872675384966512647) 4. [React 全局状态管理器 redux, mobx, react-immut 等横向对比](https://www.tangshuang.net/7862.html) 5. [How to Use AVIF: The New Next-Gen Image Compression Format](https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/) 6. [🔩 A relentless key-value store for the browser.](https://github.com/gruns/ImmortalDB) 7. [generate massive amounts of realistic fake data in Node.js and the browser](https://github.com/Marak/faker.js) 8. [An introduction to Wouter: A React Router alternative](https://blog.logrocket.com/an-introduction-to-wouter-a-react-router-alternative/) ## 第七十三期 1. [Flutter 状态管理之 Riverpod](https://segmentfault.com/a/1190000023872898) 2. [【独家】React Native 版本升级指南](https://segmentfault.com/a/1190000023767752) 3. [推荐一款强大的前端 CLI 命令行工具](https://juejin.im/post/6868086704960438280) 4. [BetterScroll 2.0 发布：精益求精，与你同行](https://juejin.im/post/6868086607027650573) 5. [Building Microservices with Deno, Reno, and PostgreSQL](https://www.sitepoint.com/building-microservices-with-deno-reno-postgresql/) 6. [Recent Advances and Improvements to JavaScript Promises](https://blog.bitsrc.io/recent-advances-and-improvements-to-javascript-promises-561790897a5d) 7. [State management for React, made simple.](https://github.com/ktripaldi/temperjs) 8. [Typing React Context to avoid an undefined default value](https://medium.com/@rivoltafilippo/typing-react-context-to-avoid-an-undefined-default-value-2c7c5a7d5947) ## 第七十二期 1. [《awesome-made-by-chinese》—— A collection of amazing open source projects that were made and mainly contributed by Chinese developers.](https://github.com/JN-H/awesome-made-by-chinese) 2. [基于 Webpack4.X，小程序工程化落地实践](https://segmentfault.com/a/1190000023845291) 3. [一个可能让你的页面渲染速度提升数倍的 CSS 属性](https://mp.weixin.qq.com/s/IG9xt25Jj_KHkYnUNZsXdw) 4. [Vue3 Compiler 优化细节，如何手写高性能渲染函数](https://zhuanlan.zhihu.com/p/150732926) 5. [A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design](https://github.com/marmelab/react-admin) 6. [A Complete Walkthrough of GraphQL APIs with React and FaunaDB](https://css-tricks.com/a-complete-walkthrough-of-graphql-apis-with-react-and-faunadb/) 7. [Setup a Micro Frontend Architecture With Vue and single-spa](https://itnext.io/setup-a-micro-frontend-architecture-with-vue-and-single-spa-2c89528bf72f) 8. [My thoughts on endless battle of React state management libraries (setState/useState vs Redux vs Mobx)](https://dev.to/mpodlasin/my-thoughts-on-endless-battle-of-react-state-management-libraries-setstate-usestate-vs-redux-vs-mobx-2kal) ## 第七十一期 1. [在 2020 年，谈小程序框架该如何选择](https://juejin.im/post/6850037283282747400) 2. [Vue 新特性：CSS 中使用 JS 变量](https://mp.weixin.qq.com/s/3-zHorntbAV8PLIvuFdfrQ) 3. [17 个实用的图像特效库](https://segmentfault.com/a/1190000023537704) 4. [【走进小程序原理】揭秘组件同层渲染](https://segmentfault.com/a/1190000023699463) 5. [How to Use Deno's Built-in Tools](https://www.sitepoint.com/deno-built-in-tools/) 6. [How We Build Micro Frontends](https://blog.bitsrc.io/how-we-build-micro-front-ends-d3eeeac0acfc) 7. [Minimal React: getting started with the frontend library](https://2ality.com/2020/08/minimal-react.html) 8. [Front-end Architecture: Stable and Volatile Dependencies](https://dmitripavlutin.com/frontend-architecture-stable-and-volatile-dependencies/) ## 第七十期 1. [《awesome-state》—— collection of state management lib](https://github.com/tnfe/awesome-state) 2. [Reactant: 一个渐进式 React 框架](https://juejin.im/post/6861390436175462414) 3. [Flutter 核心原理与混合开发模式](https://juejin.im/post/6860421355767087118#heading-13) 4. [TypeScript 4.0 RC 发布，带来诸多更新](https://mp.weixin.qq.com/s/6znDB2J0r16ERB2C7J7sSg) 5. [A tiny (~400 B) & modern library for keybindings.](https://github.com/jamiebuilds/tinykeys) 6. [ts-migrate: A Tool for Migrating to TypeScript at Scale](https://medium.com/airbnb-engineering/ts-migrate-a-tool-for-migrating-to-typescript-at-scale-cd23bfeb5cc) 7. [A Smashing Guide To The World Of Search Engine Optimization](https://www.smashingmagazine.com/smashing-guide-search-engine-optimization/) 8. [Instant “SwiftUI” Flavoured Slack Apps](http://www.alwaysrightinstitute.com/swiftblocksui/) ## 第六十九期 1. [Flutter 1.20 正式版前瞻、新更新发布](https://segmentfault.com/a/1190000023529078) 2. [使用真正的 React 构建跨平台小程序](https://github.com/remaxjs/remax) 3. [京喜前端自动化测试之路(小程序篇)](https://mp.weixin.qq.com/s/03LgU-20_PFjtiz6UfeUZA) 4. [使用 react-docgen 自动生成组件文档](https://aotu.io/notes/2020/07/27/how-to-use-react-docgen/) 5. [Announcing Flutter 1.20](https://medium.com/flutter/announcing-flutter-1-20-2aaf68c89c75) 6. [React v17.0 Release Candidate: No New Features](https://reactjs.org/blog/2020/08/10/react-v17-rc.html) 7. [Build Scalable React Apps by Sharing UIs and Hooks](https://blog.bitsrc.io/build-scalable-react-apps-by-sharing-uis-and-hooks-fa2491e48357) 8. [Managing data from RxJS Observables in Angular](https://dev.to/yngvebn/managing-data-from-rxjs-observables-in-angular-51d) ## 第六十八期 1. [This is a library of modifiers for three.js objects](https://github.com/drawcall/threejs-mesh-modifiers) 2. [一套京东风格的轻量级移动端 Vue 组件库](http://nutui.jd.com/#/index) 3. [实战丨如何制作一个完整的外卖微信小程序开发项目（已开源）](https://cloud.tencent.com/developer/article/1670518) 4. [从设计到架构，探索前端的领域和意义](https://juejin.im/post/6854573220532748302#heading-0) 5. [如何借助 Taro Next 横穿跨端业务线](https://mp.weixin.qq.com/s/cfHhsBw65XjJKHPQO6Z-PA) 6. [Dough Package For Smooshy UI Flutter](https://medium.com/flutterdevs/dough-package-for-smooshy-ui-flutter-207d54aaf15e) 7. [😈 Simple micro-front-end framework.](https://github.com/berialjs/berial) 8. [Using ES Modules with Dynamic Imports to Implement Microfrontends](https://blog.bitsrc.io/using-es-modules-with-dynamic-imports-to-implement-micro-frontends-7c840a38890e) ## 第六十七期 1. [🌈 简洁、易用、灵活的微信小程序组件库](https://github.com/TaleLin/lin-ui) 2. [ES11 来了，不进来看看嘛](https://juejin.im/post/5f1558c2f265da22e425f68e?utm_source=gold_browser_extension) 3. [微前端的现状和趋势](https://segmentfault.com/a/1190000023365666) 4. [flutter 开发之 Dart[必读篇]💯](https://juejin.im/post/5f1c54dff265da22f6164a81) 5. [Eliminating duplicate objects: three approaches](https://2ality.com/2020/07/eliminating-duplicate-objects.html) 6. [It's time to lazy-load offscreen iframes!](https://web.dev/iframe-lazy-loading/) 7. [Functional user interfaces with Moon.js](https://blog.logrocket.com/functional-uis-moon-js/) 8. [7 Reasons React Native is Going to Be BIG in 2021](https://shift.infinite.red/7-reasons-react-native-is-going-to-be-big-in-2021-4b08c771788e) ## 第六十六期 1. [一套出色的微信小程序 UI 组件库](https://weapp.iviewui.com/) 2. [Flutter 全平台制霸再进一步：实现 Linux 桌面应用支持](https://mp.weixin.qq.com/s/pKtczekR5kkWTX8A3P59xQ) 3. [大前端项目代码重用，也许 lerna 是最好的选择](https://segmentfault.com/a/1190000023160081) 4. [快速在你的 vue/react 应用中实现 ssr(服务端渲染)](https://juejin.im/post/5efc312ae51d4534aa4aae6c) 5. [rxjs deep state management](https://github.com/loreanvictor/rxdeep/) 6. [You Might Not Need Vuex with Vue 3](https://dev.to/blacksonic/you-might-not-need-vuex-with-vue-3-52e4) 7. [Creating Tiny Desktop Apps With Tauri And Vue.js](https://www.smashingmagazine.com/2020/07/tiny-desktop-apps-tauri-vuejs/) 8. [Introducing (Angular Reactive) Forms with Benefits 😉](https://netbasal.com/introducing-angular-reactive-forms-with-benefits-26e52f21489c) ## 第六十五期 1. [小程序零开发埋点，就是这么简单！](https://juejin.im/post/5f03ce876fb9a07e731a3be0) 2. [App Clips 和微信小程序区别在哪？我们做了一次上手实操](https://mp.weixin.qq.com/s/HO-LIge0dPvUE7QpFskgLg) 3. [用云开发 Cloudbase，实现小程序多图片内容安全监测](https://juejin.im/post/5efed6dff265da22c7572f80) 4. [如何快捷转微信小程序为快应用](https://quickapp.lovejade.cn/how-to-transfer-wechat-miniprogram-to-quickapp/) 5. [Flutter vs React Native vs Native: Deep Performance Comparison](https://medium.com/swlh/flutter-vs-react-native-vs-native-deep-performance-comparison-990b90c11433) 6. [Causes of Memory Leaks in JavaScript and How to Avoid Them](https://www.ditdot.hr/en/causes-of-memory-leaks-in-javascript-and-how-to-avoid-them) 7. [What's New In DevTools (Chrome 85)](https://developers.google.com/web/updates/2020/06/devtools) 8. [4 Ground-breaking JavaScript features of the future](https://areknawo.com/4-ground-breaking-javascript-features-of-the-future/) ## 第六十四期 1. [jQuery 写小程序？Taro 3 正式版发布：开放式跨端跨框架解决方案](https://juejin.im/post/5efbdb786fb9a07ea929c967) 2. [💃 一款轻巧的渐进式微信小程序框架](https://github.com/tinajs/tina) 3. [手把手教你写个小程序定时器管理库](https://mp.weixin.qq.com/s/Xp_qEBWDWJyXxV3LGvo29g) 4. [苹果版小程序上线，如何以更低的门槛开发 App Clips ？](https://segmentfault.com/a/1190000023015948) 5. [ECMAScript proposal: private static methods and accessors in classes](https://2ality.com/2020/06/private-static-methods-accessors-in-classes.html) 6. [Announcing TypeScript 4.0 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-0-beta/) 7. [Crank, a New Front-End Framework with Baked-In Asynchronous Rendering](https://www.infoq.com/articles/crank-frontend-framework-asynchronous-rendering/) 8. [The next-generation state manager for React.](https://github.com/umijs/hox) ## 第六十三期 1. [小程序 UI 框架 minui](https://meili.github.io/min/docs/minui/index.html#panel) 2. [小程序开源框架选型](https://www.infoq.cn/article/87798qErszJEkXHdU1YM) 3. [在 React 中进行事件驱动的状态管理](https://mp.weixin.qq.com/s/beruBXCUdxazJK50Kcr7GA) 4. [5 个 JavaScript 的字符串处理库](https://mp.weixin.qq.com/s/1R3jRyH-y8hSVmCIVevKzw) 5. [Dart Vs JavaScript](https://codersera.com/blog/dart-vs-javascript/) 6. [Flutter and Desktop Apps](https://medium.com/flutter/flutter-and-desktop-3a0dd0f8353e) 7. [Bootstrap 5 alpha!](https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/) 8. [Computing with types in TypeScript](https://2ality.com/2020/06/computing-with-types.html) ## 第六十二期 1. [kbone-ui 是一套能同时支持小程序(kbone) 和 vue 框架开发的多端 UI 库](https://github.com/wechat-miniprogram/kbone-ui) 2. [Mpx，一款具有优秀开发体验和深度性能优化的增强型小程序开发框架](https://github.com/didi/mpx) 3. [细聊 Concent & Recoil , 探索 react 数据流的新开发模式](https://juejin.im/post/5eda2a0ef265da76fa4b6c03) 4. [向强大的 SVG 迈进](https://mp.weixin.qq.com/s/LnIxm61YhxDr5rAW2as_uw) 5. [An extremely fast JavaScript bundler and minifier](https://github.com/evanw/esbuild) 6. [Next generation Brave browser for macOS, Windows, Linux, Android.](https://github.com/brave/brave-browser) 7. [ShowDoc is a tool greatly applicable for an IT team to share documents online](https://github.com/star7th/showdoc) 8. [Atomic CSS-in-JS](https://sebastienlorber.com/atomic-css-in-js) ## 第六十一期 1. [DoKit 微信小程序研发助手 SDK 升级](https://juejin.im/post/5ede07b4518825430c3aca44) 2. [RN 和 React 路由详解及对比](https://segmentfault.com/a/1190000022801490) 3. [了不起的 tsconfig.json 指南](https://segmentfault.com/a/1190000022809326) 4. [🦎 一套代码运行多端，一端所见即多端所见](https://github.com/didi/chameleon) 5. [The top types any and unknown in TypeScript](https://2ality.com/2020/06/any-unknown-typescript.html) 6. [A easy (and fast) typescript validation library/macro. Automatically generation validation functions for Typescript types.](https://github.com/vedantroy/typecheck.macro) 7. [TypeScript: narrowing types via type guards and assertion functions](https://2ality.com/2020/06/type-guards-assertion-functions-typescript.html) 8. [TypeScript: validating external data](https://2ality.com/2020/06/validating-data-typescript.html) ## 第六十期 1. [京东小程序 Taro 开发对比原生开发测评](https://juejin.im/post/5eb370715188256d703f4063) 2. [专业的前端模板，用于构建快速，健壮和适应性强的 Web 应用程序或网站](https://github.com/h5bp/html5-boilerplate) 3. [提高 10 倍打包速度的神奇工具：Snowpack 2.0 发布，再也不需要打包器！](https://mp.weixin.qq.com/s/7Z8U6rGVIpy1R406mNqD6g) 4. [HTTP/3 来了 ! ](https://mp.weixin.qq.com/s/ePFFG9O_mP_UVll8SYAOnw) 5. [ htmx - high power tools for HTML](https://github.com/bigskysoftware/htmx) 6. [A first look at records and tuples in JavaScript](https://2ality.com/2020/05/records-tuples-first-look.html) 7. [A CLI tool for creating CSS Grid layouts](https://dev.to/saunved/a-cli-tool-for-creating-css-grid-layouts-2aj4) 8. [Porting a React Frontend to TypeScript](https://www.sitepoint.com/react-with-typescript-best-practices/) ## 第五十九期 1. [Westore-微信小程序解决方案-1KB javascript 覆盖状态管理，跨页通讯，插件开发和云数据库开发](https://github.com/Tencent/westore) 2. [腾讯原生小程序框架 OMIX 2.0 发布](https://github.com/Tencent/omi/tree/master/packages/omix) 3. [Taro 3.0 RC：React/Vue/Nerv 任你选](https://aotu.io/notes/2020/05/25/taro-3-rc/) 4. [从零搭建 React 开发 H5 模板 ](https://juejin.im/post/5ecccb88e51d45787a17a82a) 5. [Hegel, a New JavaScript Type Checker](https://www.infoq.com/news/2020/05/hegel-type-checking-javascript/) 6. [Fabulous Enables Building Declarative Cross-Platforms UIs for iOS and Android in F#](https://www.infoq.com/news/2020/05/sharp-fabulous-mobile-apps/) 7. [A powerful JavaScript library for interacting with the Discord API](https://github.com/discordjs/discord.js) 8. [Unit Testing React components with Cypress](https://itnext.io/unit-testing-react-components-with-cypress-4d4cf8cd59a0) ## 第五十八期 1. [🐣 We MobX-在微信小程序中加入 MobX](https://github.com/clancysong/we-mobx) 2. [Deno 正式发布，彻底弄明白和 node 的区别](https://segmentfault.com/a/1190000022672883) 3. [小程序组件化解决方案](https://github.com/uileader/touchwx) 4. [小程序自动生成框架页面](https://github.com/jayZOU/skeleton) 5. [Deno 1.0](https://deno.land/v1) 6. [Deno 1.0: What you need to know](https://blog.logrocket.com/deno-1-0-what-you-need-to-know/) 7. [Flutter vs React Native-Which to Choose in 2020?](https://codersera.com/blog/flutter-vs-react-native/) 8. [Recoil - a New State Management Library for React](https://www.infoq.com/news/2020/05/recoil-react-state-management/) ## 第五十七期 1. [革命性小程序框架 Remax 发布 2.0](https://segmentfault.com/a/1190000022559678) 2. [多端差异比较](https://juejin.im/post/5eb67488f265da7bba50a6dd) 3. [Flutter 1.17 版本发布，带来多个新特性](https://juejin.im/post/5eb802196fb9a043491e632a) 4. [大规格文件的上传优化](https://segmentfault.com/a/1190000022624799) 5. [The Latest Features Added to JavaScript in ECMAScript 2020](https://www.telerik.com/blogs/latest-features-javascript-ecmascript-2020) 6. [⚡️ Lightweight select component for React](https://github.com/tbleckert/react-select-search) 7. [The real power of the generics in Typescript](https://dev.to/ruben_suet/the-real-power-of-the-generics-in-typescrip-4g08) 8. [ Announcing TypeScript 3.9](https://devblogs.microsoft.com/typescript/announcing-typescript-3-9/) ## 第五十六期 1. [一套组件化，可扩展，易扩展的微信小程序 UI 组件库](https://github.com/wux-weapp/wux-weapp) 2. [Taro 2.2 全面插件化，支持拓展和定制个性化功能](https://juejin.im/post/5eaa2a356fb9a0436d419a72) 3. [vue 模块化按需编译，突破编译瓶颈](https://juejin.im/post/5ea59418518825738745d8fd) 4. [移动 web 最佳实践](https://github.com/mcuking/mobile-web-best-practice) 5. [Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS](https://css-tricks.com/alpine-js-the-javascript-framework-thats-used-like-jquery-written-like-vue-and-inspired-by-tailwindcss/) 6. [React Flow - A Library for Rendering Interactive Graphs](https://webkid.io/blog/react-flow-node-based-graph-library/) 7. [Comparing Next.js and After.js for SSR React apps](https://blog.logrocket.com/comparing-next-js-after-js/) 8. [ A Better Way to Pass Data to your Angular Components](https://medium.com/swlh/a-better-way-to-pass-data-to-your-angular-components-e8b5ef6a642a) ## 第五十五期 1. [wwto：小程序跨端迁移解决方案——微信转其他小程序](https://github.com/wuba/wwto) 2. [框架设计：RN 端的框架如何设计与落地](https://segmentfault.com/a/1190000022294766) 3. [小程序跨端图表组件，开箱即用（基于 Antv F2）](https://segmentfault.com/a/1190000022391763) 4. [5 个很棒的 React.js 库](https://juejin.im/post/5ea77286f265da7bed6b1d08) 5. [Node.js version 14 available now](https://medium.com/@nodejs/node-js-version-14-available-now-8170d384567e) 6. [Top New JavaScript UI Frameworks & Libraries for 2020](https://buttercms.com/blog/javascript-ui-frameworks-libraries-for-2020) 7. [Bifrost-CORS](https://github.com/spurushottam13/bifrost-cors) 8. [ Transfer files over wifi from your computer to your mobile device by scanning a QR code without leaving the terminal.](https://github.com/claudiodangelis/qrcp) ## 第五十四期 1. [轻量、可靠的小程序 UI 组件库](https://github.com/youzan/vant-weapp) 2. [Vue2.x To Vue3.0](https://juejin.im/post/5e9d81b851882573866ba89c) 3. [当浏览器全面禁用三方 Cookie](https://juejin.im/post/5e97124df265da47b27d97ff) 4. [Chameleon 跨端框架源码剖析系列 (一)：框架概览](https://www.infoq.cn/article/UbC6SI8ZGIYygXQdhB6p) 5. [Announcing TypeScript 3.9 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-3-9-beta/) 6. [How the Vue Composition API Replaces Vue Mixins](https://css-tricks.com/how-the-vue-composition-api-replaces-vue-mixins/) 7. [Typing functions in TypeScript](https://2ality.com/2020/04/typing-functions-typescript.html) 8. [Add experimental react-refresh support](https://github.com/facebook/create-react-app/pull/8582) ## 第五十三期 1. [Taro Next H5 跨框架组件库实践](https://segmentfault.com/a/1190000022359427) 2. [C2F-convert css style to flutter style](https://github.com/tnfe/c2f) 3. [CSS 书写模式已成为官方 Web 标准](https://www.infoq.cn/article/OSTsuE4VJQokXZsUffPq) 4. [跨端开发框架深度横评之 2020 版](https://segmentfault.com/a/1190000022326482#item-4-5) 5. [Routex v1.0.0: Modern Node Router](https://dev.to/cretezy/routex-v1-0-0-modern-node-router-gch) 6. [New Features in Create React App 3.3](https://medium.com/better-programming/new-features-of-create-react-app-3-3-649f85255e86) 7. [Implement Google Sign-In(OAuth) in your Angular App in under 15 minutes 🚀](https://dev.to/angular/implement-google-sign-in-oauth-in-your-angular-app-in-under-15-minutes-1ebo) 8. [What's new in ECMAScript 2020](https://www.strictmode.io/articles/whats-new-es2020/) ## 第五十二期 1. [Taro Next 发布预览版：同时支持 React / Vue / Nerv](https://juejin.im/post/5e4487b3e51d4527214ba6b1) 2. [Ant Design 4.0 正式发布](https://juejin.im/post/5e5e21aa6fb9a07cba0eed6e) 3. [Umi Hooks - React Hooks Library.](https://github.com/umijs/hooks) 4. [源码级别高度定制小程序 vant 弹窗组件](https://juejin.im/post/5e4e55266fb9a07cbf46af3a#heading-17) 5. [Webpack 5 and Module Federation - A Microfrontend Revolution](https://dev.to/marais/webpack-5-and-module-federation-4j1i) 6. [How to architect epic Angular app in less than 10 minutes!](https://medium.com/@tomastrajan/how-to-build-epic-angular-app-with-clean-architecture-91640ed1656) 7. [Class definitions in TypeScript](https://2ality.com/2020/03/class-definitions-typescript.html) 8. [JavaScript private class fields and the TypeScript private modifier](https://www.valentinog.com/blog/private/) ## 第五十一周 1. [RN 转小程序引擎 Alita 2.0 正式发布：基于 webpack 进行重构](https://mp.weixin.qq.com/s/ndr0rGmy456wUEaoOBR0_g) 2. [《Functional Programming in JavaScript》翻译](https://github.com/hex-translate/natpagle) 3. [手把手带你入门 AST 抽象语法树](https://juejin.im/post/5e0a245df265da33cf1aea91) 4. [node 多进程的创建与守护](https://mp.weixin.qq.com/s/2Mp6qYuIzcu1Ow6VeVPr6g) 5. [Create Web Components with Vue.js](https://dev.to/aumayeung/create-web-components-with-vue-js-2bb0) 6. [Random Seeds, Lodash, and ES6 Imports](http://www.petecorey.com/blog/2020/01/01/random-seeds-lodash-and-es6-imports/) 7. [Rendering a React Application Across Multiple Containers](http://www.petecorey.com/blog/2019/10/14/rendering-a-react-application-across-multiple-containers/) 8. [JavaScript regular expressions: `.lastIndex` and the flags `/g` and `/y`](https://2ality.com/2020/01/regexp-lastindex.html) ## 第五十周 1. [微信小程序自动化构建方案](https://juejin.im/post/5dfb3c1551882512607443db) 2. [BBO ——一款非常实用的 JavaScript 函数工具库。](https://github.com/tnfe/bbo) 3. [Mpx 小程序框架技术揭秘](https://segmentfault.com/a/1190000021398658) 4. [逐行剖析 Vue.js 源码](https://nlrx-wjc.github.io/Learn-Vue-Source-Code/) 5. [Understanding Recursion, Tail Call and Trampoline Optimizations](https://marmelab.com/blog/2018/02/12/understanding-recursion.html) 6. [Jest Tutorial for Beginners: Getting Started With Jest for JavaScript Testing](https://www.valentinog.com/blog/jest/#Jest_Tutorial_what_is_Jest) 7. [A Closer Look at the Provider Package](https://medium.com/flutter-nyc/a-closer-look-at-the-provider-package-993922d3a5a5) 8. [Offline GraphQL Queries with Redux Offline and Apollo](http://www.petecorey.com/blog/2017/07/24/offline-graphql-queries-with-redux-offline-and-apollo/) ## 第四十九周 1. [深度挖掘 Concent 的 effect，全面提升 useEffect 的开发体验](https://juejin.im/post/5deb43256fb9a0166316c3e9) 2. [imageShrink-reduce image size of your project by 60% seamlessly](https://github.com/L-x-C/imageShrink) 3. [深入浅出 Serverless：优势、意义与应用](https://mp.weixin.qq.com/s/geT7x5RG4xhD-Ro1eZvrdg) 4. [纯 CSS 实现简单骨骼动画](https://juejin.im/post/5deb49a251882512302daa92) 5. [What you should learn to become a good front-end developer?](https://dev.to/duomly/how-to-become-a-front-end-developer-2935) 6. [ECMAScript proposal: top-level `await`](https://2ality.com/2019/12/top-level-await.html) 7. [A Guide to Building a PWA in Angular 8](https://levelup.gitconnected.com/a-guide-to-building-a-pwa-in-angular-acea27ae708d) 8. [Why Learning ReactJs Makes Sense In 2020?](https://codersera.com/blog/why-learning-reactjs-makes-sense-in-2020/) ## 第四十八周 1. [rax-快速构建多端应用](https://github.com/alibaba/rax) 2. [Vant Weapp 1.0 正式版发布](https://juejin.im/post/5df0644fe51d4557f42b67ca) 3. [我在真实项目中使用了 AST 大法！](https://juejin.im/post/5dedb3aff265da33e4334052) 4. [Rax PWA - 快速升级 Web 体验](https://segmentfault.com/a/1190000021180046) 5. [9 Extremely Powerful JavaScript Hacks](https://dev.to/razgandeanu/9-extremely-powerful-javascript-hacks-4g3p) 6. [Attributes of object properties in JavaScript](https://2ality.com/2019/11/object-property-attributes.html) 7. [A Recap of Frontend Development in 2019](https://levelup.gitconnected.com/a-recap-of-frontend-development-in-2019-1e7d07966d6c) 8. [Sql Vs NoSql – Which Is Best For You?](https://codersera.com/blog/sql-vs-nosql-comparision/) ## 第四十七周 1. [litegraph.js-A graph node engine and editor](https://github.com/jagenjo/litegraph.js) 2. [consumer-Flutter 的一个更精简的状态管理工具](https://github.com/ymzuiku/flutter_consumer/blob/master/README-CN.md) 3. [null-cli----A command makes you more efficient](https://github.com/webfansplz/null-cli) 4. [【全栈修炼】RESTful 架构及实践修炼宝典](https://segmentfault.com/a/1190000021112172) 5. [New JavaScript Features Coming in ES2020 That You Can Use Now](https://levelup.gitconnected.com/new-features-of-javascript-that-we-can-use-soon-or-now-6199981bd2f) 6. [6 best React component libraries by category](https://dev.to/areknawo/6-best-react-component-libraries-by-category-4peo) 7. [Must Learn Top Programming Languages For Robotics In 2020](https://codersera.com/blog/top-programming-languages-for-robotics/) 8. [Easier Node.js streams via async iteration](https://2ality.com/2019/11/nodejs-streams-async-iteration.html) ## 第四十六周 1. [Proton 4.0 一个轻量又强大的 js 粒子动画库](https://a-jie.github.io/Proton/) 2. [dbKoda-A modern open source database development and admin tool](https://www.dbkoda.com/) 3. [G2Plot-A charting library based on the Grammar of Graphics](https://github.com/antvis/g2plot) 4. [前端领域的 Docker 与 Kubernetes](https://juejin.im/post/5dddd15b6fb9a071576dbd7a) 5. [Comparing React Hooks with Vue Composition API](https://dev.to/voluntadpear/comparing-react-hooks-with-vue-composition-api-4b32) 6. [The introductory guide to AssemblyScript](https://blog.logrocket.com/the-introductory-guide-to-assemblyscript/) 7. [Nestjs Typeorm Graphql Dataloader tutorial with Typescript](https://codersera.com/blog/nestjs-typeorm-graphql-dataloader-tutorial-with-typescript/) 8. [Build a REST API with AdonisJs and TDD](https://equimper.com/blog/build-a-rest-api-with-adonisjs-and-tdd-part-1) ## 第四十五周 1. [滴滴 DoKit2.0 - 泛前端开发者的百宝箱](https://mp.weixin.qq.com/s/hyIFSG0zRJtPWxfnfDe9kg) 2. [API request builder - A free, fast, and beautiful alternative to Postman](https://github.com/liyasthomas/postwoman) 3. [应战 Vue3 setup，Concent 携手 React 出招了！](https://juejin.im/post/5dd123ec5188253dbe5eeebd) 4. [【扒一扒】这一次，彻底理解 ES6 Iterator]() 5. [Mastering Angular 8: five things that are good to know to save your time](https://dev.to/oleksandr/mastering-angular-8-five-things-that-are-good-to-know-to-save-your-time-14hk) 6. [Understanding Microservices](https://blog.tildeloop.com/posts/understanding-microservices) 7. [Know your JavaScript data structures](https://blog.logrocket.com/know-your-javascript-data-structures/) 8. [Lifecycle methods, hooks, suspense: which's best for fetching in React?](https://dmitripavlutin.com/react-fetch-lifecycle-methods-hooks-suspense/) ## 第四十四周 1. [kbone -一个致力于微信小程序和 Web 端同构的解决方案](https://github.com/wechat-miniprogram/kbone) 2. [小程序多平台同构方案分析-kbone 与 remax](https://zhuanlan.zhihu.com/p/91408586) 3. [Taro 最受欢迎物料大赏](https://juejin.im/post/5dca22666fb9a04a7e1a46cf) 4. [CSS 的未来已来](https://juejin.im/post/5dcb9c126fb9a04aba52bdf4) 5. [快速实现本地 https 预览](https://www.jackpu.com/local-https-preview/) 6. [A React hook for asynchronous state](https://medium.com/@Charles_Stover/a-react-hook-for-asynchronous-state-4dc24379be61) 7. [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data) 8. [JavaScript frameworks security report 2019](https://snyk.io/blog/javascript-frameworks-security-report-2019/) ## 第四十三周 1. [微信小程序工程化之持续集成方案](https://juejin.im/post/5dbaa67ce51d452a1a580fed) 2. [svrx-一个高效的前端构建平台](https://svrx.io/) 3. [concent 骚操作之组件创建&状态更新](https://juejin.im/post/5dbe3f18f265da4d3429a439) 4. [将 React 渲染到嵌入式液晶屏](https://juejin.im/post/5dbb729e51882524c101ffe1) 5. [New Node.js 12 features will see it disrupt AI, IoT and more surprising areas](https://tsh.io/blog/new-node-js-features/) 6. [JavaScript: What’s new in ES2019](https://blog.tildeloop.com/posts/javascript-what's-new-in-es2019) 7. [Using TypeScript with React](https://simonknott.de/articles/Using-TypeScript-with-React.html) 8. [React UI component libraries](https://blog.tildeloop.com/posts/react-ui-component-libraries) ## 第四十二周 1. [原生小程序框架 OMIX 2.0 发布](https://github.com/Tencent/omi/tree/master/packages/omix) 2. [Doraemon mini program debugger-一个支持小程序端的调试工具](https://github.com/didi/DoraemonKit/tree/master/miniapp) 3. [小蝌蚪传记：200 行代码实现前端无痕埋点](https://juejin.im/post/5db5cf2e6fb9a02074738b25) 4. [ppo-一个小巧且实用的工具库](https://github.com/a-jie/ppo) 5. [When to Use Map instead of Plain JavaScript Object](https://dmitripavlutin.com/maps-vs-plain-objects-javascript/) 6. [The elements of responsive typography](https://blog.logrocket.com/the-elements-of-responsive-typography/) 7. [Building reusable web components with Stencil.js](https://blog.logrocket.com/building-reusable-web-components-with-stencil-js/) 8. [Regular expressions in JavaScript: lookaround assertions by example](https://2ality.com/2019/10/regexp-lookaround-assertions.html) ## 第四十一周 1. [如何一人五天开发完复杂小程序](https://mp.weixin.qq.com/s/_m8_UeqY0NTTaTWgcdjShA) 2. [聊一聊状态管理&Concent 设计理念](https://juejin.im/post/5da7cb9cf265da5bbb1e4f8c) 3. [clock-shop-近百款漂亮的 js、css 时钟](https://github.com/a-jie/clock-shop) 4. [闲鱼公开多年 Flutter 实践经验](https://mp.weixin.qq.com/s/RzvJeT_w69oZJmS9JHGBCg) 5. [React VS Vue: Which is better for 2020?](https://towardsdatascience.com/react-vs-vue-which-is-better-for-2020-c484f22c67a8) 6. [Redux Crash Course with Hooks](https://dev.to/chrisachard/redux-crash-course-with-hooks-a54) 7. [5 Interesting Uses of JavaScript Destructuring](https://dmitripavlutin.com/5-interesting-uses-javascript-destructuring/) 8. [Why React Suspense Will Be a Game Changer](https://medium.com/react-in-depth/why-react-suspense-will-be-a-game-changer-37b40fea71ec) ## 第四十周 1. [Owl UI Design-基于 Vue.js 实现的移动端组件库](https://owl-ui.dengwb.com/) 2. [UI 组件库从 0 到 1 开发心得](https://juejin.im/post/5c6504d06fb9a049c6445a25) 3. [UI 组件库从 1 到 N 开发心得-组件篇](https://juejin.im/post/5ce21c8ee51d45109725fdbe) 4. [UI 组件库从 1 到 N 开发心得-单元测试篇](https://juejin.im/post/5da5656651882557494cc3e3) 5. [Quick Intro to Vuex ORM](https://vuejsdevelopers.com/2019/04/29/vuex-orm-quick-intro) 6. [How JavaScript works: Optimizing the V8 compiler for efficiency](https://blog.logrocket.com/how-javascript-works-optimizing-the-v8-compiler-for-efficiency/) 7. [Axios or fetch(): Which should you use?](https://blog.logrocket.com/axios-or-fetch-api/) 8. [HTTP/3: the past, the present, and the future](https://blog.cloudflare.com/http3-the-past-present-and-future/) ## 第三十九周 1. [View UI 组件库发布](https://juejin.im/post/5d9d5af0e51d45782e6039cf) 2. [被称为“三大框架”替代方案，Svelte 如何简化 Web 开发工作](https://mp.weixin.qq.com/s/5Y822yLWy0Kp-OqgyQx7NQ) 3. [浅谈 Flutter 构建](https://mp.weixin.qq.com/s/2zk5-KA8Z-fwikXRBMSlKQ) 4. [1.5 万字概括 ES6 全部特性](https://juejin.im/post/5d9bf530518825427b27639d) 5. [BEM by Example](https://seesparkbox.com/foundry/bem_by_example) 6. [10 Minutes Tutorial For Server-Sent Events](https://www.tutorialdocs.com/article/server-sent-events-tutorial.html) 7. [How to Implement an HTTP Request Library with Axios](https://www.tutorialdocs.com/article/axios-learn.html) 8. [9 Projects you can do to become a Frontend Master in 2020](https://dev.to/simonholdorf/9-projects-you-can-do-to-become-a-frontend-master-in-2020-n2h) ## 第三十八周 1. [京东：将 Flutter 扩展到微信小程序端的探索](https://mp.weixin.qq.com/s/Unox7RPZQsyxSiH04DiGtw) 2. [滴滴小程序框架 Mpx2.0](https://mp.weixin.qq.com/s/GUu42oMbJVfGEYiW6S2puA) 3. [开源 React Native 组件库 beeshell 2.0 发布](https://mp.weixin.qq.com/s/5XgNTQdBm4QxiStj8dFtHg) 4. [使用 concent，体验一把渐进式地重构 React 应用之旅](https://mp.weixin.qq.com/s/XB5CqBM7r9ZWAclTn_R6Aw) 5. [How We Write Full Stack JavaScript Apps](https://medium.com/@eliezer/how-writing-simple-javascript-got-us-6200-github-stars-in-a-single-day-420b17b4cff4) 6. [The most outstanding new feature in Javascript you need to know about: Optional Chaining](https://dev.to/lampewebdev/the-most-outstanding-new-feature-in-javascript-you-need-to-know-about-optional-chaining-2pg2) 7. [A curated collection of useful CSS snippets you can understand in 30 seconds or less](https://github.com/30-seconds/30-seconds-of-css) 8. [The cost of JavaScript in 2019](https://v8.dev/blog/cost-of-javascript-2019?ref=heydesigner) ## 第三十七周 1. [Zdog-Round, flat, designer-friendly pseudo-3D engine](https://github.com/metafizzy/zdog) 2. [Vant Weapp-轻量、可靠的小程序 UI 组件库](https://github.com/youzan/vant-weapp) 3. [How to do a code review](https://google.github.io/eng-practices/review/reviewer/) 4. [2019 年谷歌开发者大会参与感](https://juejin.im/post/5d80a9e751882507ba2267bf) 5. [UI Library: How to Version, Publish and Update Individual Components](https://blog.bitsrc.io/ui-component-library-how-to-publish-install-and-update-individual-components-c07d0dde8aaa) 6. [Creating a 13KB JS Game using SVG](https://dev.to/mrlopis/creating-a-13kb-js-game-using-svg-5fjk) 7. [Using Storybook in a Monorepo](https://dev.to/kamranayub/using-storybook-in-a-monorepo-38l0) 8. [Changing Remote Data with Hooks](https://dev.to/juliang/changing-remote-data-with-hooks-565p) ## 第三十六周 1. [Zerker--一个 flutter 的 canvas 图表动画库](https://flutterkit.github.io/zerkerdocs/) 2. [React Suite 4.0](https://juejin.im/post/5d75e97ee51d4561fb04bfd3) 3. [微信转百度小程序工具](https://juejin.im/post/5d70b6e0518825103e545a21) 4. [web 页面录屏实现](https://juejin.im/post/5c601e2f51882562d029d583) 5. [Logging: Best Practices for Node.JS Applications](https://blog.bitsrc.io/logging-best-practices-for-node-js-applications-8a0a5969b94c) 6. [A NoSQL Injection Primer (with Mongo)](https://nullsweep.com/a-nosql-injection-primer-with-mongo/) 7. [Making a REST service using Node and Express to use with Unity - Part 1](https://dev.to/cemuka/making-a-rest-service-using-node-and-express-to-use-with-unity-part-1-321n) 8. [Making a REST service using Node and Express to use with Unity - Part 2](https://dev.to/cemuka/making-a-rest-service-using-node-and-express-to-use-with-unity-part-2-13ch) ## 第三十五周 1. [重磅！滴滴跨端框架 Chameleon 1.0 正式发布](https://mp.weixin.qq.com/s/kl9JwiS5_IHIZUAW-hPJBQ) 2. [Flutter GO](https://flutter-go.pub/website/) 3. [如何写出一个惊艳面试官的深拷贝?](https://juejin.im/post/5d6aa4f96fb9a06b112ad5b1) 4. [探秘 Vue3.0 - Composition API 在真实业务中的尝鲜姿势](https://juejin.im/post/5d6e4986518825267a756a8d) 5. [Optional chaining](https://v8.dev/features/optional-chaining) 6. [What is the future of Node JS?](https://thriveglobal.com/stories/what-is-the-future-of-node-js/) 7. [The story of a V8 performance cliff in React](https://v8.dev/blog/react-cliff) 8. [A Practical Guide to Symbols in JavaScript](http://thecodebarbarian.com/a-practical-guide-to-symbols-in-javascript.html) ## 第三十四周 1. [Remax-使用真正的 React 构建小程序](https://remaxjs.org/) 2. [Zerker-a flexible and lightweight flutter canvas graphic animation library](https://github.com/flutterkit/zerker) 3. [前端异常监控解决方案研究](https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/) 4. [Web 多媒体开发指南](https://www.jackpu.com/web-media-developer-guide/) 5. [HTTP Security Headers - A Complete Guide](https://nullsweep.com/http-security-headers-a-complete-guide/) 6. [Learn Enough Docker to be Useful](https://towardsdatascience.com/learn-enough-docker-to-be-useful-b7ba70caeb4b) 7. [How Does the Development Mode Work?](https://overreacted.io/how-does-the-development-mode-work/) 8. [Algebraic Effects for the Rest of Us](https://overreacted.io/algebraic-effects-for-the-rest-of-us/) ## 第三十三周 1. [你必须要掌握的微信小程序云开发](https://www.imooc.com/article/291007) 2. [可能是你见过最完善的微前端解决方案](https://zhuanlan.zhihu.com/p/78362028) 3. [一步一步搭建前端监控系统](https://blog.fundebug.com/2019/07/06/how-to-monitor-javascript-error/) 4. [【译】使用 MongoDB，React，Node 和 Express（MERN）构建一个全栈应用](https://segmentfault.com/a/1190000020086440) 5. [Buiding Chat App with React Native and Socket.io](https://dev.to/kris/buiding-chat-app-with-react-native-and-socket-io-4p8l) 6. [The CSS Mindset](https://mxb.dev/blog/the-css-mindset/) 7. [SwiftWebUI](http://www.alwaysrightinstitute.com/swiftwebui/) 8. [ES proposal: Nullish coalescing for JavaScript](https://2ality.com/2019/08/nullish-coalescing.html) ## 第三十二周 1. [react-kbone，使用 preact 多端开发](https://github.com/Tencent/omi/tree/master/packages/react-kbone) 2. [小程序页面通信、数据刷新、事件总线、event bus 终极解决方案之 iny-bus](https://juejin.im/post/5d46deeb6fb9a06b19731e2c) 3. [用于 3D 设计和动画制作的 JavaScript 库：Zdog](https://mp.weixin.qq.com/s/XobCJLTVUXrckGuRBIZjWA) 4. [从零自己编写一个 React 框架【中高级前端杀手锏级别技能】](https://segmentfault.com/a/1190000020034137) 5. [A Future Without Webpack](https://www.pika.dev/blog/pika-web-a-future-without-webpack/) 6. [Here's a React v16+ Cheatsheet (PDF/JPEG/Custom themes)](https://dev.to/jsmanifest/a-react-v16-cheatsheet-24f9) 7. [Is postMessage slow?](https://dassur.ma/things/is-postmessage-slow/) 8. [When should you be using Web Workers?](https://dassur.ma/things/when-workers/) ## 第三十一周 1. [Antmove 缘起 - 好用的小程序多端解决方案](https://segmentfault.com/a/1190000019961304) 2. [Vue，React，微信小程序，快应用，TS 和 Koa 一把梭](https://segmentfault.com/a/1190000019938310) 3. [深度剖析：前端路由原理](https://juejin.im/post/5d469f1e5188254e1c49ae78) 4. [浅析 NextTick](https://juejin.im/post/5d48d0abf265da03925a2cbc) 5. [JavaScript Proxy and its Benefits](https://devinduct.com/blogpost/36/javascript-proxy-and-its-benefits-let-s-create-an-api-wrapper) 6. [The Best JavaScript Meme I've Ever Seen, Explained in detail](https://www.freecodecamp.org/news/explaining-the-best-javascript-meme-i-have-ever-seen/) 7. [How to upgrade to React Router 4](https://www.freecodecamp.org/news/a-guide-to-upgrading-to-react-router-4/) 8. [22 Miraculous Tools for React Developers in 2019](https://dev.to/jsmanifest/22-miraculous-tools-for-react-developers-in-2019-4i46) ## 第三十周 1. [基于 Vue 的小程序开发框架性能优化实践---去除 VNode](https://juejin.im/post/5d3eafff6fb9a06aeb1095e9) 2. [react-control-center 对话 redux(家族)，后生何以挑战前辈？](https://juejin.im/post/5c8479316fb9a049ba42635c) 3. [小蝌蚪传记：端口转发](https://juejin.im/post/5d0f6fcdf265da1bcb4f3662) 4. [从零开始，揭秘 React 服务端渲染核心技术](https://segmentfault.com/a/1190000019916830) 5. [Improve Your JavaScript Knowledge By Reading Source Code](https://www.smashingmagazine.com/2019/07/javascript-knowledge-reading-source-code/) 6. [16 DevTools tips and tricks every CSS developer needs to know](https://www.heartinternet.uk/blog/16-devtools-tips-and-tricks-every-css-developer-need-to-know/) 7. [Styled components, the styling library for your React apps you don’t want to be without](https://dev.to/itnext/styled-components-the-styling-library-for-your-react-apps-you-don-t-want-to-be-without-5dlh) 8. [Code Roaster: WebRTC](https://dev.to/hoffmann/code-roaster-webrtc-6a9) ## 第二十九周 1. [RN 转微信小程序工具-alita](https://github.com/areslabs/alita) 2. [1 小时带你撸一个小程序 cli 脚手架](https://juejin.im/post/5d2ffb22e51d45777b1a3e6c) 3. [如何优化你的超大型 React 应用](https://segmentfault.com/a/1190000019840415) 4. [WebAssembly 不完全指北](https://juejin.im/post/5d367656f265da1b904c2126) 5. [Designing API Methods in JavaScript](https://dev.to/jsmanifest/designing-api-methods-in-javascript-1n30) 6. [JavaScript Quickies: Controlling 3D Objects with Hands](https://dev.to/teamxenox/javascript-quickies-controlling-3d-objects-with-hands-498n) 7. [ A Guide to using Web Workers in React](https://www.fullstackreact.com/articles/introduction-to-web-workers-with-react/) 8. [How Google Pagespeed works: Improve Your Score and Search Engine Ranking](https://calibreapp.com/blog/how-pagespeed-works/) ## 第二十八周 1. [使用 React Hooks 重构你的小程序](https://mp.weixin.qq.com/s/d8RuMk8KIZ61bl3vNLL-mw) 2. [使用 React、Webpack、Node.js、Websocket、Electron、Dva 快速构建跨平台应用](https://mp.weixin.qq.com/s/Ws80lLA2fgbX7VlEGswTFQ) 3. [深入浅出 Vue 响应式原理](https://mp.weixin.qq.com/s/6D3jTFEJ0FuHptjmeTjeNw) 4. [SwiftWebUI：带你深入理解 SwiftUI 原理](https://mp.weixin.qq.com/s/Ao3HQaxcutd68Qv0A1QFdA) 5. [微前端：未来前端开发的新趋势 — 第一部分](https://github.com/xitu/gold-miner/blob/master/TODO1/micro-frontends-1.md) 6. [微前端：未来前端开发的新趋势 — 第二部分](https://github.com/xitu/gold-miner/blob/master/TODO1/micro-frontends-2.md) 7. [微前端：未来前端开发的新趋势 — 第三部分](https://github.com/xitu/gold-miner/blob/master/TODO1/micro-frontends-3.md) 8. [微前端：未来前端开发的新趋势 — 第四部分](https://github.com/xitu/gold-miner/blob/master/TODO1/micro-frontends-4.md) ## 第二十七周 1. [gulp 小程序高效开发](https://segmentfault.com/a/1190000019653424) 2. [重磅！国内首本《Flutter 实战》中文电子书正式开源了](https://mp.weixin.qq.com/s/jQmePhifevRAlN6ShyoUXw) 3. [用 Flutter 构建漂亮的 UI 界面 - 基础组件篇](https://segmentfault.com/a/1190000019687024) 4. [从头开始，彻底理解服务端渲染原理(8 千字汇总长文)](https://juejin.im/post/5d1fe6be51882579db031a6d) 5. [Keeping Node.js Fast: Tools, Techniques, And Tips For Making High-Performance Node.js Servers](https://www.smashingmagazine.com/2018/06/nodejs-tools-techniques-performance-servers/) 6. [21 Performance Optimization Techniques for React Apps](https://www.codementor.io/blog/react-optimization-5wiwjnf9hj) 7. [Drawing Realistic Clouds with SVG and CSS](https://css-tricks.com/drawing-realistic-clouds-with-svg-and-css/) 8. [The deepest reason why modern JavaScript frameworks exist](https://medium.com/dailyjs/the-deepest-reason-why-modern-javascript-frameworks-exist-933b86ebc445) ## 第二十六周 1. [如何用小程序实现类原生 APP 下一条无限刷体验](https://juejin.im/post/5d1436eae51d4556dc293670) 2. [腾讯在线教育小程序开发实践之路](https://juejin.im/post/5d15fc3be51d4510b71da637) 3. [0.3s 完成渲染！UC 信息流正文“闪开”优化实践](https://mp.weixin.qq.com/s/5h7QqKBmugdRObQHNdhrYw) 4. [花椒前端基于 GitLab CI/CD 的自动化构建、发布实践](https://mp.weixin.qq.com/s/Yjx3wMz2-m-WDPV9ihMxxA) 5. [The economics of package management](https://github.com/ceejbot/economics-of-package-management/blob/master/essay.md) 6. [Enabling Modern JavaScript on npm](https://jasonformat.com/enabling-modern-js-on-npm/) 7. [A Brief History of Modularity](https://ponyfoo.com/articles/brief-history-of-modularity) 8. [GraphQL in Depth: What, Why, and How](https://ponyfoo.com/articles/graphql-in-depth-what-why-and-how) ## 第二十五周 1. [小程序框架原理综合分析和 fard 的新思路](https://juejin.im/post/5d0d9898e51d45773d46862d) 2. [新生代 React 状态管理器-concent](https://github.com/Tnfe/concent) 3. [TySheMo 前端数据管理模型](https://segmentfault.com/a/1190000019557766) 4. [Vue's Darkest Day](https://dev.to/danielelkington/vue-s-darkest-day-3fgh) 5. [Micro Frontends](https://martinfowler.com/articles/micro-frontends.html) 6. [Stepping away from Sass](https://cathydutton.co.uk/posts/why-i-stopped-using-sass/) 7. [Learning JavaScript Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/) ## 第二十四周 1. [Taro 1.3 震撼升级：全面支持 JSX 语法和 HOOKS](https://mp.weixin.qq.com/s/StC_7F-7glPdPAJq1ZB22g) 2. [Flutter 安装、配置、初体验 windows 版](https://juejin.im/post/5d083dcd518825032f7a4021) 3. [9102，作为前端必须知道 hook 怎么玩了](https://juejin.im/post/5d00a67cf265da1b8a4f156f) 4. [详解三次握手和四次挥手：遇到心动的女孩时，如何去把握？](https://mp.weixin.qq.com/s/cFiXzkelFaed50l_A0ummA) 5. [JavaScript Clean Code - Best Practices](https://devinduct.com/blogpost/22/javascript-clean-code-best-practices) 6. [Flutter Layout Cheat Sheet](https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e) 7. [Creating a Node.js REST API with Nest and Typescript](https://dev.to/softchris/nest-creating-a-rest-api-has-never-felt-so-good-4i1) 8. [Using promises in IndexedDB](https://dev.to/andyhaskell/using-promises-in-indexeddb-4nc0) ## 第二十三周 1. [小程序开发：用原生还是选框架(wepy/mpvue/uni-app/taro)？](https://juejin.im/post/5cfdcf056fb9a07ecd3d5068) 2. [从零开发一个 node 命令行工具](https://juejin.im/post/5cf769d3518825710c6382d5) 3. [BeautyWe.js 一套专注于微信小程序的开发范式](https://segmentfault.com/a/1190000019432720) 4. [用 JS 开发跨平台桌面应用，从原理到实践](https://juejin.im/post/5cfd2ec7e51d45554877a59f) 5. [A Deep Dive into Native Lazy-Loading for Images and Frames](https://css-tricks.com/a-deep-dive-into-native-lazy-loading-for-images-and-frames/) 6. [await vs return vs return await](https://jakearchibald.com/2017/await-vs-return-vs-return-await/) 7. [Learn git concepts, not commands](https://dev.to/unseenwizzard/learn-git-concepts-not-commands-4gjc) 8. [HTTP mocking for your Tests in React](https://dev.to/softchris/http-mocking-for-your-tests-in-react-26f6) ## 第二十二周 1. [重磅开源！业内首个 React Native 转微信小程序引擎](https://mp.weixin.qq.com/s/H1B9jdXr4a0bDfhstZpFgA) 2. [微信小程序踩坑指南](https://juejin.im/post/5cf0d56ef265da1bd3054036) 3. [Angular 8 正式发布！](https://mp.weixin.qq.com/s/R5wRh5Nai9TYzqfEAFR7Bw) 4. [使用 React、Electron、Dva、Webpack、Node.js、Websocket 快速构建跨平台应用](https://segmentfault.com/a/1190000019367175) 5. [How I built an async form validation library in ~100 lines of code with React Hooks](https://www.freecodecamp.org/news/how-i-built-an-async-form-validation-library-in-100-lines-of-code-with-react-hooks-81dbff6c4a04/) 6. [Why you should choose useState instead of useReducer](https://www.freecodecamp.org/news/why-you-should-choose-usestate-instead-of-usereducer-ffc80057f815/) 7. [How to useState in React?](https://www.robinwieruch.de/react-usestate-hook/) 8. [Understanding WebViews](https://www.kirupa.com/apps/webview.htm) ## 第二十一周 1. [微信小程序统计 Trello、掘金积分程序，Promise 做异步处理](https://juejin.im/post/5ceb548351882521d51ec8cc) 2. [大型项目前端架构浅谈](https://juejin.im/post/5cea1f705188250640005472) 3. [前端路由原理解析和实现](https://mp.weixin.qq.com/s/A1nnoqjOz1fE99cBo0nKwg) 4. [HTTP headers for the responsible developer](https://www.twilio.com/blog/a-http-headers-for-the-responsible-developer) 5. [Fullstack React's Guide to using Refs in React Components](https://www.fullstackreact.com/articles/using-refs-in-react/) 6. [How to Redux with React Hooks?](https://www.robinwieruch.de/redux-with-react-hooks/) 7. [What is a reducer (React/Redux) in JavaScript?](https://www.robinwieruch.de/javascript-reducer/) ## 第二十周 1. [小程序开发经验：多页面数据同步](https://juejin.im/post/5cde98046fb9a07ef90c6833) 2. [如何在零 JS 代码情况下实现一个实时聊天功能](https://juejin.im/post/5ce2926d6fb9a07f087068bb) 3. [❤520，就用 CSS 给你的她（他）送颗心 ❤](https://segmentfault.com/a/1190000019232203) 4. [Building A Node.js Express API To Convert Markdown To HTML](https://www.smashingmagazine.com/2019/04/nodejs-express-api-markdown-html/) 5. [Javascript Array.push is 945x faster than Array.concat](https://dev.to/uilicious/javascript-array-push-is-945x-faster-than-array-concat-1oki) 6. [JavaScript and Accessibility: Accordions](https://dev.to/lkopacz/javascript-and-accessibility-accordions-5ecd) 7. [Reading and updating query params with URLSearchParams](https://javascriptplayground.com/url-search-params/) ## 第十九周 1. [Flutter 面试知识点集锦](https://juejin.im/post/5cd9875ae51d453d022cb662) 2. [Angular 学习资料](https://segmentfault.com/a/1190000019098632) 3. [10 秒钟构建你自己的”造轮子”工厂！ 2019 年 github/npm 工程化协作开发栈最佳实践](https://segmentfault.com/a/1190000019168638) 4. [基于 HTML5 WebGL 的挖掘机 3D 可视化应用](https://juejin.im/post/5cda0205e51d453acd5050e8) 5. [Design patterns in modern JavaScript development](https://levelup.gitconnected.com/design-patterns-in-modern-javascript-development-ec84d8be06ca) 6. [Build a Drag and Drop (DnD) layout builder with React and ImmutableJS](https://medium.com/javascript-in-plain-english/build-a-drag-and-drop-dnd-layout-builder-with-react-and-immutablejs-78a0797259a6) 7. [The perfect unit test](https://javascriptplayground.com/the-perfect-javascript-unit-test/) 8. [Refactoring a component to use React hooks](https://javascriptplayground.com/refactoring-to-react-hooks/) ## 第十八周 1. [Chameleon 跨端框架——一个理想主义团队的开源作品](https://juejin.im/post/5ccfa5aae51d45368c317c83) 2. [Licia 支持小程序的 JS 工具库](https://segmentfault.com/a/1190000019077594) 3. [从今天开始，拿起 TypeScript 做一个轮子的制造者](https://juejin.im/post/5cce87b851882541b07a9bfe) 4. [小程序如何生成海报分享朋友圈](https://segmentfault.com/a/1190000019083548) 5. [Elixir, Phoenix, Absinthe, GraphQL, React, and Apollo: an absurdly deep dive](https://schneider.dev/blog/elixir-phoenix-absinthe-graphql-react-apollo-absurdly-deep-dive/) 6. [7 Useful JavaScript Tricks](https://davidwalsh.name/javascript-tricks#comments) 7. [commit-messages-guide](https://github.com/RomuloOliveira/commit-messages-guide/blob/master/README.md) 8. [why https ?](https://github.com/CodeLittlePrince/blog/issues/22) ## 第十七周 2. [从 VantComponent 谈小程序维护](https://segmentfault.com/a/1190000019003796) 3. [CSS 通用数据类型](https://segmentfault.com/a/1190000019025838) 4. [一名【合格】前端工程师的自检清单](https://juejin.im/post/5cc1da82f265da036023b628) 5. [Regex Cheat Sheet](https://dev.to/emmawedekind/regex-cheat-sheet-2j2a) 6. [Getting creative with the Console API!](https://areknawo.com/getting-creative-with-the-console-api/) 7. [Native image lazy-loading for the web!](https://addyosmani.com/blog/lazy-loading/) 8. [How to Keep Your CSS Grid Layouts Accessible](https://webdesign.tutsplus.com/articles/a-guide-to-css-grid-and-accessibility--cms-32857) ## 第十六周 1. [Gitter - 高颜值 GitHub 小程序客户端诞生记](https://juejin.im/post/5c4c738ce51d4525211c129b) 2. [【前端词典】分享 8 个有趣且实用的 API](https://juejin.im/post/5c92446b6fb9a070c022f0e2) 3. [理解 webpack 原理，手写一个 100 行的 webpack](https://zhuanlan.zhihu.com/p/58151131?utm_source=com.daimajia.gold&utm_medium=social&utm_oi=631273285770547200) 4. [Blazingly fast parsing, part 2: lazy parsing](https://v8.dev/blog/preparser) 5. [How To Use Object Methods in JavaScript](https://www.digitalocean.com/community/tutorials/how-to-use-object-methods-in-javascript) 6. [Redirect 404 Not Found in Nuxt.js](https://vuedose.tips/tips/redirect-404-not-found-in-nuxt-js/) 7. [How we built the fastest conference website in the world](https://2019.jsconf.eu/news/how-we-built-the-fastest-conference-website-in-the-world/) ## 第十五周 1. [彻底搞懂小程序登录流程-附小程序和服务端代码](https://juejin.im/post/5bda7bfb6fb9a02228233f45) 2. [三年大厂面试官-前端面试题披露（偏难）](https://juejin.im/post/5cb0315f518825215e61ec14) 3. [移动端开发新趋势 Flutter](https://segmentfault.com/a/1190000018770923) 4. [【React 深入】从 Mixin 到 HOC 再到 Hook](https://segmentfault.com/a/1190000018811476) 5. [Deploy Your Own REST API in 30 Mins Using mLab and Heroku](https://www.sitepoint.com/deploy-rest-api-in-30-mins-mlab-heroku/) 6. [A Complete React Redux Tutorial for Beginners (2019)](https://daveceddia.com/redux-tutorial/) 7. [An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods](https://css-tricks.com/an-illustrated-and-musical-guide-to-map-reduce-and-filter-array-methods/) 8. [Creating a Custom Element from Scratch](https://css-tricks.com/creating-a-custom-element-from-scratch/) ## 第十四周 1. [2019，帮助你更好的开发小程序](https://segmentfault.com/a/1190000018608597) 2. [前端开发者必备的 Nginx 知识](https://segmentfault.com/a/1190000018454271) 3. [JavaScript 代码简洁之道](https://juejin.im/post/5caae923f265da24d70c395a) 4. [Run watchers when a Vue.js component is created](https://vuedose.tips/tips/run-watchers-when-a-vue-js-component-is-created/) 5. [30 Seconds of Interviews](https://github.com/30-seconds/30-seconds-of-interviews/blob/master/README.md) 6. [Get familiar with full stack TypeScript](https://www.tsmean.com/articles/) 7. [Scheduling in React](https://philippspiess.com/scheduling-in-react/) ## 第十三周 1. [腾讯 Omi 团队发布 mp-jsx - 原生小程序支持 JSX](https://juejin.im/post/5ca16df8e51d45301b5c9535) 2. [跨端开发框架深度横评](https://juejin.im/post/5ca1736af265da30ae314248) 3. [git 时光穿梭机--女神的侧颜](https://segmentfault.com/a/1190000018726100) 4. [浏览器缓存看这一篇就够了](https://segmentfault.com/a/1190000018717463) 5. [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data/) 6. [Cache-Control for Civilians](https://csswizardry.com/2019/03/cache-control-for-civilians/) 7. [Circle Hover Effects with CSS Transitions](https://tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/) 8. [Garbage collection](https://javascript.info/garbage-collection#reachability) ## 第十二周 1. [小程序多端框架全面测评](https://mp.weixin.qq.com/s?__biz=Mzg2NTA4NTIwNA==&mid=2247484043&idx=1&sn=6e527bf97ad24b9e9eabc11e07a00fec&chksm=ce5e30f0f929b9e67b916b9ea95687bff99e4bd852e87a5b0810373bdc7e97a14a2552f5beda&mpshare=1&scene=1&srcid=&rd2werd=1#wechat_redirect) 2. [微信，支付宝小程序实现原理概述](https://juejin.im/post/5c970d16f265da612d634475) 3. [JS 数据结构解析和算法实现-集合和映射](https://juejin.im/post/5c9242926fb9a070b33c4f57) 4. [Death by a thousand cuts - a checklist for eliminating common React performance issues](https://logrocket-blog.ghost.io/death-by-a-thousand-cuts-a-checklist-for-eliminating-common-react-performance-issues/#4-avoid-passing-new-objects-as-props) 5. [7 Tricks with Resting and Spreading JavaScript Objects](https://blog.bitsrc.io/6-tricks-with-resting-and-spreading-javascript-objects-68d585bdc83) 6. [Caching best practices & max-age gotchas](https://jakearchibald.com/2016/caching-best-practices/) 7. [A Complete Guide to useEffect](https://overreacted.io/a-complete-guide-to-useeffect/) ## 第十一周 1. [深入理解小程序中的数据——小程序探索](https://segmentfault.com/a/1190000018014219) 2. [你可能不太会用的 10 个 Git 命令](https://juejin.im/post/5c8f01daf265da6811614f71) 3. [V8 新机制：JIT-less 模式](https://www.oschina.net/news/105176/v8-jitless) 4. [From Higher-Order Functions to Libraries And Frameworks](http://raganwald.com/2016/12/15/what-higher-order-functions-can-teach-us-about-libraries-and-frameworks.html) 5. [Sliding In And Out Of Vue.js](https://www.smashingmagazine.com/2019/02/vue-framework-third-party-javascript/) 6. [What's the longest keyword sequence in Javascript?](https://gist.github.com/lhorie/c0d9fd9b2aa215f4984f3ce1c8fd01bf) 7. [How Are Function Components Different from Classes?](https://overreacted.io/how-are-function-components-different-from-classes/) ## 第十周 1. [一款小而美的小程序脚手架，让你更流畅的开发小程序](https://juejin.im/post/5c7de1f9e51d457cb60884fc) 2. [记一次 Promise 在 api 接口合并中的实践](https://juejin.im/post/5c80b548518825407b2b64a4) 3. [京东 Vue 组件库 NutUI 2.0 发布：将支持跨平台！](https://mp.weixin.qq.com/s/wzvqyhQWtyMQm1QAS83aHg) 4. [JS 中的 Reflect 和 Proxy](https://juejin.im/post/5c7e6857e51d4542194f8c6f) 5. [event.stopPropagation() in a modular system](https://www.moxio.com/blog/19/event-stoppropagation-in-a-modular-system) 6. [Applying Styles Based on the User Scroll Position with Smart CSS](https://pqina.nl/blog/applying-styles-based-on-the-user-scroll-position-with-smart-css/) 7. [AST for JavaScript developers](https://itnext.io/ast-for-javascript-developers-3e79aeb08343) 8. [The Difference Between a Framework and a Library](https://medium.freecodecamp.org/the-difference-between-a-framework-and-a-library-bd133054023f) ## 第九周 1. [扩展微信小程序框架功能](https://segmentfault.com/a/1190000008068632) 2. [前端开发者必备的 Nginx 知识](https://segmentfault.com/a/1190000018454271) 3. [那些很熟却又不是很熟的知识](https://segmentfault.com/a/1190000018463897) 4. [精读《Serverless 给前端带来了什么》](https://segmentfault.com/a/1190000018455041) 5. [CSS Grid VS Flexbox: A Practical Comparison](https://tutorialzine.com/2017/03/css-grid-vs-flexbox) 6. [To Grid or to Flex?](https://css-irl.info/to-grid-or-to-flex/) 7. [Alternatives to JSX](https://blog.bloomca.me/2019/02/23/alternatives-to-jsx.html) 8. [Animating URLs with Javascript and Emojis](http://matthewrayfield.com/articles/animating-urls-with-javascript-and-emojis/) ## 第八周 1. [手把手教会你小程序登录鉴权](https://juejin.im/post/5ac9b72cf265da23906c486a) 2. [支付宝小程序面向个人开放了！我将以一个 Demo 为例讲解整个流程。](https://segmentfault.com/a/1190000018391272) 3. [Vmo 前端数据模型设计](https://juejin.im/post/5c793a10e51d4506ce5b0918) 4. [利用 Webpack 实现小程序多项目管理](https://segmentfault.com/a/1190000018269045) 5. [What is the Execution Context & Stack in JavaScript?](http://davidshariff.com/blog/what-is-the-execution-context-in-javascript/#first-article) 6. [Using Proxy to Track Javascript Class](https://medium.com/front-end-weekly/using-proxy-to-track-javascript-class-50a33a6ccb) 7. [TypeScript With Babel: A Beautiful Marriage](https://iamturns.com/typescript-babel/) 8. [Two less known facts about Vuex](https://vuedose.tips/tips/8/) ## 第七周 1. [腾讯技术分享：微信小程序音视频技术背后的故事](https://www.jianshu.com/p/2cb90379ffd5) 2. [前端同构渲染的思考与实践](https://juejin.im/post/5c821dc45188257e1f2915b1) 3. [阿里巴巴技术专家三画：如何画好架构图](https://mp.weixin.qq.com/s/MZwTb3nINuRsOKy0mLNa_A) 4. [从前端模块化编程切入想聊聊前端的未来](https://juejin.im/post/5c82323ce51d453a5f22b281) 5. [Sniffing Codes in Hot Module Reloading Messages](https://blog.cal1.cn/post/Sniffing%20Codes%20in%20Hot%20Module%20Reloading%20Messages) 6. [Keeping your code clean](https://codeburst.io/keeping-your-code-clean-d30bcffd1a10) 7. [ECMAScript 10 - JavaScript this year](https://blog.larapulse.com/es-2015/ecmascript-10) 8. [Avoiding those dang cannot read property of undefined errors](https://css-tricks.com/%E2%80%8B%E2%80%8Bavoiding-those-dang-cannot-read-property-of-undefined-errors/) ## 第六周 1. [超全面的小程序开发资源集合，你一定需要](https://mp.weixin.qq.com/s/UgYiznqgZydZ7g6P86op6A) 2. [精读《React Hooks》](https://juejin.im/post/5be8d3def265da611a476231) 3. [微信小程序剖析 | 运行机制及框架原理](https://sdk.cn/news/5415) 4. [为何我们要用 React 来写小程序 - Taro 诞生记](https://aotu.io/notes/2018/06/25/the-birth-of-taro/index.html) 5. [Angular vs Vue vs React: Which Framework to Choose in 2019](https://www.codeinwp.com/blog/angular-vs-vue-vs-react/) 6. [React Hooks Tutorial for Beginners: Getting Started With React Hooks (2019)](https://www.valentinog.com/blog/hooks/) 7. [Plans for the Next Iteration of Vue.js](https://medium.com/the-vue-point/plans-for-the-next-iteration-of-vue-js-777ffea6fabf) 8. [Create a desktop app with Electron, React and C#](https://morioh.com/p/0222de07e2e2/create-a-desktop-app-with-electron-react-and-c) ## 第五周 1. [Taro 多端开发的正确姿势：打造三端统一的网易严选（小程序、H5、React Native）](https://mp.weixin.qq.com/s/zZYQHNS3fBH_PpcNF8T1aQ) 2. [支持多种小程序！阿里云 ARMS 推出小程序监控](https://mp.weixin.qq.com/s/HkSzum3JoK8K7HNivNw6_g) 3. [GraphQL 入门指南](https://mp.weixin.qq.com/s/Cx3xxPbqhb_Zx7mjyS3Tyg) 4. [干货 | 浅谈 React 数据流管理](https://mp.weixin.qq.com/s/ii6H6mhe2OAUf7RquVxN8g) 5. [Building rich command-line interfaces with Ink and React](https://vadimdemedes.com/posts/building-rich-command-line-interfaces-with-ink-and-react) 6. [Advanced Frontend Webapp Architecture With Laravel and Vue JS](https://morioh.com/p/37e58768c22e/advanced-frontend-webapp-architecture-with-laravel-and-vue-js) 7. [React as a UI Runtime](https://overreacted.io/react-as-a-ui-runtime/) 8. [Why Do React Hooks Rely on Call Order?](https://overreacted.io/why-do-hooks-rely-on-call-order/) ## 第四周 1. [Omi 多端开发之 - omip 适配 h5 原理揭秘](https://developers.weixin.qq.com/community/develop/article/doc/0002c4a1ba83684b8d380800756c13?from=groupmessage&isappinstalled=0) 2. [一次弄懂 Event Loop](https://juejin.im/post/5c3d8956e51d4511dc72c200?utm_source=gold_browser_extension&from=timeline&isappinstalled=0) 3. [让动画变得更简单之 FLIP 技术](https://mp.weixin.qq.com/s/pxgOJTtnIRKNn7Rx-2oBrg) 4. [多重影分身：一套代码如何生成多个小程序？](https://mp.weixin.qq.com/s/CQLGBb18iKe1k-5XxNfaJA) 5. [JavaScript Clean Coding Best Practices](https://blog.risingstack.com/javascript-clean-coding-best-practices-node-js-at-scale/) 6. [Avoid Nightmares — NSFW JS](https://shift.infinite.red/avoid-nightmares-nsfw-js-ab7b176978b1) ## 第三周 1. [干货 | 面向前端工程师的机器学习引导课](https://cloud.tencent.com/developer/article/1157062) 2. [2019 - Web 开发技术指南和趋势](https://segmentfault.com/a/1190000017483325) 3. [Node.js 环境性能监控](https://juejin.im/post/5c71324b6fb9a049d37fbb7c) 4. [蚂蚁金服如何把前端性能监控做到极致?](https://mp.weixin.qq.com/s/pqFhhb5u6w7gmUutilH5xQ) 5. [TypeScript 学习资源合集](https://juejin.im/entry/5b9e4a135188255c3a2d3695) 6. [React Router 4.x 开发，这些雷区我们都帮你踩过了](https://juejin.im/entry/5b50518bf265da0f6436c34a) 7. [Chameleon 原理详解：其它跨多端统一框架都是假的？](https://mp.weixin.qq.com/s/F8ernZ57jseKNJgwGopNxg) ## 第二周 1. [小程序通用转译框架娜娜奇 1.0.4 发布](https://zhuanlan.zhihu.com/p/53592174) 2. [Diff Match Patch 是一种用于处理纯文本的多种语言的高性能库](https://github.com/google/diff-match-patch) 3. [AlloyTeam ESLint 规则](https://github.com/AlloyTeam/eslint-config-alloy) 4. [JavaScript Standard Style，2 万 star 的规范](https://github.com/standard/standard) 5. [2018 年，JavaScript 都经历了什么？](https://juejin.im/entry/5c217c85f265da617265809e) ## 第一周 1. [小程序开发的一些经验](https://zhuanlan.zhihu.com/p/25126957) 2. [黄瓜 UI: 一个即插即用的 React 组件库](https://juejin.im/post/5c233564e51d455d382ebeaa) 3. [1 位开发如何撑起一个过亿用户的小程序？](https://juejin.im/post/5c248f0ff265da611c270815) 4. [阿里重磅开源中后台 UI 解决方案 Fusion](https://fusion.design/) 5. [taro 多端统一开发框架](https://github.com/NervJS/taro) 6. [用微信小程序云开发做一个错误日志](http://www.wxapp-union.com/article-4785-1.html)