【实践经验】
1、微前端框架qiankun项目实战（一）—本地开发篇
https://juejin.cn/post/6970310177517993998
本文介绍了作者将一个vue2开发的后台迁移到vue3开发的新后台的大致过程和思路，值得借鉴
2、58同城-北斗前端监控系统的挑战与实践
近几年，国内互联网企业随着竞争压力的逐渐增大，线上服务的体验要求逐渐提高，更加关注线上业务的质量稳定，在这样的背景下，前端团队的研发关注点也从以往的高效率快速上线，向高效率迭代下保证质量的高度稳定方面转变。
3、Cocos 小白的性能优化探索
https://mp.weixin.qq.com/s/_mKEuWigL7jB5xnw9rxUbQ
虽然 Cocos 属于游戏开发范畴，但与前端开发中遇到的性能问题还是有很多共通之处，无非是加载速度、CPU、内存这三个指标。接下来分别从这三个指标来阐述一些优化手段。
4、数据上报方式是否存在最优解？
https://mp.weixin.qq.com/s/_3OSxMErTD2ZMNK7kf02LA
最近神策数据 Web JS SDK 默认的数据上报方式由原来的 image 改成了 beacon。其实 image 只是数据上报方式中的一种，它是通过向服务端发送图片请求来实现数据传输的，还有另外两种向服务端发送数据的方式：ajax 和 beacon。
本文针对神策数据 Web JS SDK 数据上报方式进行详细的介绍，希望能给大家提供一些参考。
5、手把手教你搭建一个无框架埋点体系
https://www.tuicool.com/articles/qmAFR3r
本文介绍的三种埋点方式，覆盖了所有使用场景。不论你是用 React, Vue, 还是原生 JavaScript, 不论你是使用类组件，还是函数式组件，不论你的埋点是否需要复杂的前置逻辑， monitor SDK 都提供了适合你的场景的使用方式。
6、一次千万级流量的 618 电商 H5 活动页干货分享
https://juejin.cn/post/6973922659125952548
【基础夯实】
1、coding优雅指南：函数式编程
https://mp.weixin.qq.com/s/pf2GSrNLnw6dOmJuHfAPrw
函数式编程是一种编程范式，主要思想是把程序用一系列计算的形式来表达，主要关心数据到数据之间的映射关系。同时在react hook中，其实存在了大量的函数式编程的思想。所以作为一个前端，对于函数式编程的能力还是必须要有的。
2、我在工作中是如何使用 git 的
https://juejin.cn/post/6974184935804534815
本文由浅入深的的讲解了 git 的环境搭建，基本用法，以及工作中使用较为高频的git命令的用法，无论你是前端后端还是其它端的开发，日常工作中少不了对 git 的使用，我们不仅要会用，还要用的漂亮，用的灵活，用的稳健。这样才能在和同事协作项目的时候更加得心应手。
3、JavaScript 事件循环：从起源到浏览器再到 Node.js
https://mp.weixin.qq.com/s/E0vu7kJLcgDdJRVrAeyEIA
所以本文试图抛砖引玉，从一些更溯源的方式来与大家探讨 event loop，希望大家能从中有些收获。
本文从三个角度来研究 JavaScript 的事件循环：
- 为什么是事件循环
- 事件循环是什么
- 浏览器与 Node.js 的事件循环差异
4、前端下载图片的N种方法
https://juejin.cn/post/6974725483195809800
本文总结了前端下载图片的6种方法
5、120 行代码帮你了解 Webpack 下的 HMR 机制
https://mp.weixin.qq.com/s/FMVjQkWQryqea3X6CWM2cw
6、JavaScript 常见 AST 梳理
https://www.tuicool.com/articles/3y6bMrJ
熟悉了 AST，也就是知道转译器和 JS 引擎是怎么理解代码的，对深入掌握 Javascript 也有很大的好处。
【实用工具】
1、什么？在 VSCode 里也能用 Postman了？
https://mp.weixin.qq.com/s/v-fkB9sRS__oFqgvYJtWsg
Postcode 是一个 Visual Studio Code 扩展，它可以看作是 Postman 的替代品，基本上 Postman 的常用功能它都有
2、12.9k Star！这个 ZSH 的增强工具让你爱上命令行！
https://mp.weixin.qq.com/s/Aw18CVUBPnYYQzQG92wLtw
Oh My Zsh 是一个开源的、社区活跃的 ZSH 的增强工具，用于管理 ZSH 的配置，拥有数百个强大的插件和漂亮的主题，开箱即用。
3、gitmoji-cli 一个 gitmoji 交互式命令行工具，用于在提交时使用表情符号
https://github.com/carloscuesta/gitmoji-cli
4、高级 html 到文本转换器
https://github.com/html-to-text/node-html-to-text
【动态与研究关注】
1、一文带你理解云原生
https://mp.weixin.qq.com/s/yX0hgIOLuaKsAcrWfOfcUQ
本文是一篇云原生的关键知识科普，希望给大家提供一扇云原生的“窗户”，传达三个目标：1、透过窗户看到一棵大树代表：云原生的蓝图全貌；2、树上会有很多核心树干代表：云原生的关键技术；3、希望树干上能摘到果实代表：云原生对我的启发。
2、gRPC vs REST：两种API架构风格的对比
](https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2651079604&idx=4&sn=b23983e9ec4cd33a3a74b8dd1bf2af12&scene=21#wechat_redirect)
想知道未来是不是 gRPC 的天下？本文会具体介绍两种 API 架构风格：REST 和 gRPC，并讨论它们之间的区别。不过，首先，我们会解释什么是 API，以及为什么它对微服务基础设施而言至关重要。之后，我们会介绍 gRPC 的基础——RPC，并探讨 gRPC 和 REST API 之间的重要差异。根据它们的对比结果，我们最后会分析什么时候应该使用哪种架构类型。
3、2021 年最值得关注的 5 个技术趋势
https://mp.weixin.qq.com/s/XGHvzdy-Tq5l2z__Q4MuXw
3、@Amour1688：探索Vue3中的JSX
https://mp.weixin.qq.com/s/VEtPc2PkJDJmWHn8YuRZHw
对于 JSX 和 template，在大部分场景下是推荐使用 template 的，尤其是在业务场景下。虽然 Vue 3 的 template 提供了很多的性能优化，但是对于一些库的开发者来说，template 可能不够灵活，而使用 JSX 的方式就比较灵活。本次分享了JSX 和 template 的差异，同时分享了一些 Vue 3 JSX 插件的设计思路，和 Babel 插件的开发技巧。
4、揭秘2021年美国公司都在使用哪个版本的Vue.js？
https://mp.weixin.qq.com/s/bNkfHPTuQ41NaWoX6RkIOg
Vue.js 越来越受欢迎，企业开始考虑将 Vue.js 作为其开发工作的唯一选择，这只是时间问题。在这篇文章中， 作者将讨论在美国使用 Vue.js 的顶级公司，以及他们使用的版本和原因。
5、CSS ::marker 让文字序号更有意思
https://juejin.cn/post/6973849126609879047
本文将介绍 CSS 中一个比较有意思的伪元素 ::marker，利用它，我们可以让我们的文字序号变得更加的有意思！
【程序之外】
1、玉伯：开源有带给我什么
https://mp.weixin.qq.com/s/B2gfoxnPo0P0dY1DaIjehQ
在2021年527蚂蚁技术日上，蚂蚁内源社区举办了内源专场，在专场上玉伯给大家分享了《开源有带给我什么》，以下为演讲的图文整理。
2、价值或超 4.5 亿？改变世界的 9555 行原始代码，正被万维网之父作为 NFT 拍卖
https://mp.weixin.qq.com/s/MCNfd_Z9imVpqCUH9SPHzg
万维网之父 Tim Berners-Lee 爵士正以 NFT 形式出售建立现代互联网体系的原始代码。
若有收获，就点个赞吧
0 人点赞
