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

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

如果你有兴趣参与，可以把发现的有价值的信息、文章等在Issues里提给我们，记得写上推荐的理由哈，我们会尽快处理。有建议和意见也欢迎到Issues提出。

腾讯新闻前端团队-TNFE

TNFE

1. 小程序开发：用原生还是选框架(wepy/mpvue/uni-app/taro)？
2. 从零开发一个node命令行工具
3. BeautyWe.js 一套专注于微信小程序的开发范式
4. 用JS开发跨平台桌面应用，从原理到实践
5. A Deep Dive into Native Lazy-Loading for Images and Frames
6. await vs return vs return await
7. Learn git concepts, not commands
8. HTTP mocking for your Tests in React

1. 重磅开源！业内首个React Native转微信小程序引擎
2. 微信小程序踩坑指南
3. Angular 8正式发布！
4. 使用React、Electron、Dva、Webpack、Node.js、Websocket快速构建跨平台应用
5. How I built an async form validation library in ~100 lines of code with React Hooks
6. Why you should choose useState instead of useReducer
7. How to useState in React?
8. Understanding WebViews

1. 微信小程序统计Trello、掘金积分程序，Promise做异步处理
2. 让前端开发者失业的技术，Flutter Web初体验
3. 大型项目前端架构浅谈
4. 前端路由原理解析和实现
5. HTTP headers for the responsible developer
6. Fullstack React's Guide to using Refs in React Components
7. How to Redux with React Hooks?
8. What is a reducer (React/Redux) in JavaScript?

1. 小程序开发经验：多页面数据同步
2. React-canvas助力HTML5
3. 如何在零JS代码情况下实现一个实时聊天功能
4. ❤520，就用CSS给你的她（他）送颗心❤
5. Building A Node.js Express API To Convert Markdown To HTML
6. Javascript Array.push is 945x faster than Array.concat
7. JavaScript and Accessibility: Accordions
8. Reading and updating query params with URLSearchParams

1. Flutter 面试知识点集锦
2. Angular学习资料
3. 10秒钟构建你自己的”造轮子”工厂！ 2019年github/npm工程化协作开发栈最佳实践
4. 基于 HTML5 WebGL 的挖掘机 3D 可视化应用
5. Design patterns in modern JavaScript development
6. Build a Drag and Drop (DnD) layout builder with React and ImmutableJS
7. The perfect unit test
8. Refactoring a component to use React hooks

1. Chameleon跨端框架——一个理想主义团队的开源作品
2. Licia 支持小程序的 JS 工具库
3. 从今天开始，拿起 TypeScript 做一个轮子的制造者
4. 小程序如何生成海报分享朋友圈
5. Elixir, Phoenix, Absinthe, GraphQL, React, and Apollo: an absurdly deep dive
6. 7 Useful JavaScript Tricks
7. commit-messages-guide
8. why https ?

1. 从入门到撞门：手把手教你开发一款记录类小程序
2. 从 VantComponent 谈 小程序维护
3. CSS通用数据类型
4. 一名【合格】前端工程师的自检清单
5. Regex Cheat Sheet
6. Getting creative with the Console API!
7. Native image lazy-loading for the web!
8. How to Keep Your CSS Grid Layouts Accessible

1. Gitter - 高颜值GitHub小程序客户端诞生记
2. RxJS不完全指北（入门篇）
3. 【前端词典】分享 8 个有趣且实用的 API
4. 理解webpack原理，手写一个100行的webpack
5. Blazingly fast parsing, part 2: lazy parsing
6. How To Use Object Methods in JavaScript
7. Redirect 404 Not Found in Nuxt.js
8. How we built the fastest conference website in the world

1. 彻底搞懂小程序登录流程-附小程序和服务端代码
2. 三年大厂面试官-前端面试题披露（偏难）
3. 移动端开发新趋势Flutter
4. 【React深入】从Mixin到HOC再到Hook
5. Deploy Your Own REST API in 30 Mins Using mLab and Heroku
6. A Complete React Redux Tutorial for Beginners (2019)
7. An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods
8. Creating a Custom Element from Scratch

1. 2019，帮助你更好的开发小程序
2. 前端开发者必备的Nginx知识
3. 深入理解前端性能监控
4. JavaScript 代码简洁之道
5. Run watchers when a Vue.js component is created
6. 30 Seconds of Interviews
7. Get familiar with full stack TypeScript
8. Scheduling in React

1. 腾讯 Omi 团队发布 mp-jsx - 原生小程序支持 JSX
2. 跨端开发框架深度横评
3. git时光穿梭机--女神的侧颜
4. 浏览器缓存看这一篇就够了
5. How to fetch data with React Hooks?
6. Cache-Control for Civilians
7. Circle Hover Effects with CSS Transitions
8. Garbage collection

1. 小程序多端框架全面测评
2. 微信，支付宝小程序实现原理概述
3. JavaScript多线程编程
4. JS 数据结构解析和算法实现-集合和映射
5. Death by a thousand cuts - a checklist for eliminating common React performance issues
6. 7 Tricks with Resting and Spreading JavaScript Objects
7. Caching best practices & max-age gotchas
8. A Complete Guide to useEffect

1. 深入理解小程序中的数据——小程序探索
2. 前端人工智能：通过机器学习推导函数方程式--铂金Ⅲ
3. 你可能不太会用的10个Git命令
4. V8 新机制：JIT-less 模式
5. From Higher-Order Functions to Libraries And Frameworks
6. Sliding In And Out Of Vue.js
7. What's the longest keyword sequence in Javascript?
8. How Are Function Components Different from Classes?

1. 一款小而美的小程序脚手架，让你更流畅的开发小程序
2. 记一次Promise在api接口合并中的实践
3. 京东Vue组件库NutUI 2.0发布：将支持跨平台！
4. JS 中的 Reflect 和 Proxy
5. event.stopPropagation() in a modular system
6. Applying Styles Based on the User Scroll Position with Smart CSS
7. AST for JavaScript developers
8. The Difference Between a Framework and a Library

1. 扩展微信小程序框架功能
2. 前端开发者必备的Nginx知识
3. 那些很熟却又不是很熟的知识
4. 精读《Serverless 给前端带来了什么》
5. CSS Grid VS Flexbox: A Practical Comparison
6. To Grid or to Flex?
7. Alternatives to JSX
8. Animating URLs with Javascript and Emojis

1. 手把手教会你小程序登录鉴权
2. 支付宝小程序面向个人开放了！我将以一个 Demo 为例讲解整个流程。
3. Vmo前端数据模型设计
4. 利用 Webpack 实现小程序多项目管理
5. What is the Execution Context & Stack in JavaScript?
6. Using Proxy to Track Javascript Class
7. TypeScript With Babel: A Beautiful Marriage
8. Two less known facts about Vuex

1. 腾讯技术分享：微信小程序音视频技术背后的故事
2. 前端同构渲染的思考与实践
3. 阿里巴巴技术专家三画：如何画好架构图
4. 从前端模块化编程切入想聊聊前端的未来
5. Sniffing Codes in Hot Module Reloading Messages
6. Keeping your code clean
7. ECMAScript 10 - JavaScript this year
8. Avoiding those dang cannot read property of undefined errors

1. 超全面的小程序开发资源集合，你一定需要
2. 精读《React Hooks》
3. 微信小程序剖析 | 运行机制及框架原理
4. 为何我们要用 React 来写小程序 - Taro 诞生记
5. Angular vs Vue vs React: Which Framework to Choose in 2019
6. React Hooks Tutorial for Beginners: Getting Started With React Hooks (2019)
7. Plans for the Next Iteration of Vue.js
8. Create a desktop app with Electron, React and C#

1. Taro 多端开发的正确姿势：打造三端统一的网易严选（小程序、H5、React Native）
2. 支持多种小程序！阿里云ARMS推出小程序监控
3. GraphQL入门指南
4. 干货 | 浅谈React数据流管理
5. Building rich command-line interfaces with Ink and React
6. Advanced Frontend Webapp Architecture With Laravel and Vue JS
7. React as a UI Runtime
8. Why Do React Hooks Rely on Call Order?

1. Omi 多端开发之 - omip 适配 h5 原理揭秘
2. 一次弄懂Event Loop
3. 让动画变得更简单之FLIP技术
4. 多重影分身：一套代码如何生成多个小程序？
5. JavaScript Clean Coding Best Practices
6. Avoid Nightmares — NSFW JS

1. 干货 | 面向前端工程师的机器学习引导课
2. 2019 - Web开发技术指南和趋势
3. Node.js环境性能监控
4. 蚂蚁金服如何把前端性能监控做到极致?
5. TypeScript 学习资源合集
6. React Router 4.x 开发，这些雷区我们都帮你踩过了
7. Chameleon原理详解：其它跨多端统一框架都是假的？

1. 小程序通用转译框架娜娜奇1.0.4发布
2. Diff Match Patch是一种用于处理纯文本的多种语言的高性能库
3. AlloyTeam ESLint 规则
4. JavaScript Standard Style，2万star的规范
5. 2018年，JavaScript都经历了什么？

1. 小程序开发的一些经验
2. 黄瓜 UI: 一个即插即用的 React 组件库
3. 1位开发如何撑起一个过亿用户的小程序？
4. 阿里重磅开源中后台UI解决方案Fusion
5. taro 多端统一开发框架
6. 用微信小程序云开发做一个错误日志