# TNFE-Weekly

**Repository Path**: junhu11/TNFE-Weekly

## Basic Information

- **Project Name**: TNFE-Weekly
- **Description**: 每周为你提供高质量的关于小程序、h5等前端领域的文章和项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-12
- **Last Updated**: 2021-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# TNFE-Weekly

![weekly-banner](https://raw.githubusercontent.com/Tnfe/TNFE-Weekly/master/assets/weekly-banner.png "weekly-banner")

前端行业发展飞速，新技术如雨后春笋般快速出现，尤其是各种小程序陆续推出，相关的信息、文章也铺天盖地的遍布在各处，我们有时候会困惑，不知道哪些信息对于自己是有价值的，那么TNFE团队启动了这个周刊项目，为所有的前端开发人员整理出小程序相关以及其它web前端技术领域的精品内容。

:honeybee:我们坚持每周为你提供高质量的关于小程序、h5等前端领域的文章和项目:sparkles:。

<br />

##  :clap: 欢迎参与​

如果你有兴趣参与，可以把发现的有价值的信息、文章等在[Issues](https://github.com/Tnfe/TNFE-Weekly/issues)里提给我们，记得写上推荐的理由哈，我们会尽快处理。有建议和意见也欢迎到[Issues](https://github.com/Tnfe/TNFE-Weekly/issues)提出。

<br />

## :steam_locomotive: ​团队博客

[腾讯新闻前端团队-TNFE](https://segmentfault.com/blog/tnfe)

<br />

## :cat: 团队GitHub

[TNFE](https://github.com/Tnfe)

<br />

## :books: ​Weekly：

## 第十三周:new:

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. [JavaScript多线程编程](https://segmentfault.com/a/1190000018398599)
4. [JS 数据结构解析和算法实现-集合和映射](https://juejin.im/post/5c9242926fb9a070b33c4f57)
5. [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)
6. [7 Tricks with Resting and Spreading JavaScript Objects](https://blog.bitsrc.io/6-tricks-with-resting-and-spreading-javascript-objects-68d585bdc83)
7. [Caching best practices & max-age gotchas](https://jakearchibald.com/2016/caching-best-practices/)
8. [A Complete Guide to useEffect](https://overreacted.io/a-complete-guide-to-useeffect/)

## 第十一周

1. [深入理解小程序中的数据——小程序探索](https://segmentfault.com/a/1190000018014219)
2. [前端人工智能：通过机器学习推导函数方程式--铂金Ⅲ](https://segmentfault.com/a/1190000018536190)
3. [你可能不太会用的10个Git命令](https://juejin.im/post/5c8f01daf265da6811614f71)
4. [V8 新机制：JIT-less 模式](https://www.oschina.net/news/105176/v8-jitless)
5. [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>)
6. [Sliding In And Out Of Vue.js](https://www.smashingmagazine.com/2019/02/vue-framework-third-party-javascript/)
7. [What's the longest keyword sequence in Javascript?](https://gist.github.com/lhorie/c0d9fd9b2aa215f4984f3ce1c8fd01bf)
8. [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)