《百闻技术周刊》068期

">
【实践经验】
【基础夯实】
【实用工具】
- 1、极速打工人——设计效率神器合集
- 2、petite-vue 针对服务端渲染提供的渐进式 vue 工具
【动态与研究关注】
【程序之外】
- 1、聊天更有劲了！”开发者的日常” 表情包来了！
- 2、再见了，学术硕士

【实践经验】

平时大家认为性能优化是一种无序的应用场景，但在笔者看来它是一种有序的应用场景且很多性能优化都是互相铺垫甚至一带一路。从过程趋势来看，性能优化可分为网络层面和渲染层面；从结果趋势来看，性能优化可分为时间层面和体积层面。简单来说就是要在访问网站时使其快准狠地立马呈现在用户眼前。

5、让你 nodejs 水平暴增的 debugger 技巧

https://mp.weixin.qq.com/s/xHHtLrnb-FZeonkX525RVw

本文分享一下 debugger 的原理和 vscode debugger 的使用技巧。

6、借助SVG滤镜实现CSS无法实现的阴影和模糊效果

https://www.zhangxinxu.com/wordpress/2021/07/svg-filter-shadow-css-blur/

虽然CSS中有box-shadow实现盒阴影，drop-shadow()函数可以实现投影效果，filter滤镜或者backdrop-filter背景滤镜实现高斯模糊效果，但是依然存在某些场景，CSS是无能为力的。
本文就通过几个案例，介绍下SVG滤镜实现CSS无法实现的阴影和模糊效果。

7、阿里巴巴体验技术部前端白屏方案分享

https://mp.weixin.qq.com/s/DzGJ-xaDMwM2eRY1_ycIUg

【基础夯实】

1、一名合格前端工程师必备素质：代码整洁之道

https://mp.weixin.qq.com/s/LbSUh7P1_01CZ-GEyJimjA

内容出自《代码整洁之道》、Alex Kondov[1]的博文tao-of-react[2]和《Clean Code of Javascript》
软件质量与代码整洁度成正比 —Robert.C.Martin
软件设计3R层次结构：readable, reusable, and refactorable[3] 可读性、可重用性、可重构性

2、「硬核JS」你真的了解垃圾回收机制吗

https://juejin.cn/post/6981588276356317214

本文我们以一些通用的回收算法作为切入，再由 V8 引擎发展至今对该机制的优化为例（为什么以 V8 为例？因为它市场占有率大 😄 ），一步一步深入来助我们了解垃圾回收机制，因为只有真正了解垃圾回收机制，后面才能理解内存泄漏的问题以及手动预防和优化。

3、保姆级 Git 入门教程，10000 字详解

https://mp.weixin.qq.com/s/Rzr7_6s1z8qoLQzELn_7Kg

4、这16种原生函数和属性的区别，你真的知道吗？精心收集，高级前端必备知识，快快打包带走

https://juejin.cn/post/6982742095375597575

原生内置了很多API, 作用类似，却也有差千差万别，了解其区别，掌握前端基础，是修炼上层，成为前端高级工程师的必备知识，让我们一起来分类归纳，一起成长吧。

5、每位 Web 开发者都应该知道的 7 个 JavaScript 基础知识

https://mp.weixin.qq.com/s/2e2XKh83pBFL1BNFULo_uw

本文将讨论作者认为 JavaScript 最重要、最独特的一些特性。

6、「深入浅出」前端开发中常用的几种跨域解决方案

https://mp.weixin.qq.com/s/UTsROA6bo9kHeZwcrc-9xw

本文将为大家介绍，前端开发中，最常用的几种跨域解决方案；

看完本文可以系统地掌握，不同种跨域解决方案间的巧妙，以及它们的用法、原理、局限性和适用的场景

包括以下几个方面：

跨域的现象，和几种常见的跨域表现
跨域的解决方案（原理分析）
- 修改本地HOST
- JSONP
- CORS
- Proxy
- Nginx反向代理
- Post Message（利用iframe标签，实现不同域的关联）

【实用工具】

1、极速打工人——设计效率神器合集

https://isux.tencent.com/articles/tools.html

2、petite-vue 针对服务端渲染提供的渐进式 vue 工具

https://github.com/vuejs/petite-vue

【动态与研究关注】

1、2021 GMTC 讲师 PPT 合集

https://www.yuque.com/zaotalk/nt/gcdkag

2、5kb 的 Vue：尤雨溪发布新作 petite-vue

https://mp.weixin.qq.com/s/HN2FTTPK4I8WlPz5KDIIdA

最近，尤雨溪发布了一款针对渐进增强（progressive enhancement）进行优化的 Vue 发行版——petite-vue，大小仅有约 5kb。与标准 Vue 相比，petite-vue 具备相同的模板语法和响应式心理模型，而二者的差别在于 petite-vue 专门针对在服务器框架渲染的一个现有 HTML 页面上 “sprinkle” 少量交互进行了优化。

petite-vue 具备以下特性：

大小仅为约 5.8kb
Vue 兼容的模板语法
基于 DOM (mutates in place)
由 @vue/reactivity 驱动

3、Vision 内核大升级——可视化搭建引擎 Gems 应运而生

https://mp.weixin.qq.com/s?__biz=MzI1ODE4NzE1Nw==&mid=2247489624&idx=1&sn=f426b72d5fdcd39a52f7e76f523e4518

4、从场景倒推我们要什么样的微前端体系

https://juejin.cn/post/6981638032768106526

这篇文章大致是为了回答几个问题：

迁移到微前端，我们到底要什么？
业界的「微前端」体系通常包括哪些部分？
贴近研发同学侧的「微前端框架」通常用什么样的技术？
我们团队的项目现在能上「微前端」吗？需要做什么改造、到什么地步？

5、Windows 11 发布，支持原生 Android 应用

https://www.infoq.cn/article/iCoeeYNp3aqMdpuDrHN6

微软正式宣布了它下一代操作系统 Windows 11。
据了解，微软正在着手将 Android 应用引入 Windows 11 系统，未来 Android 应用将可以在 Windows 11 上原生运行，并通过操作系统中包含的全新 Windows 商店从 Amazon Appstore 处随意下载。