湖中剑 前端周刊 #4 | 2021-08-16

524 阅读3分钟

周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。

📰 News

V8 引擎发布 v9.3

  1. 更快的编译速度
  2. Object.hasOwn 作为 Object.prototype.hasOwnProperty.call 的简写
Object.hasOwn({ prop: 42 }, 'prop')
// → true
  1. Error 错误原因
const parentError = new Error('parent');
const error = new Error('parent', { cause: parentError });
console.log(error.cause === parentError);
// → true
  1. 在安卓设备上取消Untrusted code mitigations功能

Untrusted code mitigations是早在2018年推出的防御CPU幽灵攻击的一项特性,不受信任的代码会在CPU的特定模式下执行,执行效率会受到影响。

从Chrome 92开始。安卓设备启用了站点隔离(Site Isolation)模式,所以Untrusted code mitigations也即将退出历史舞台。

详细内容可以浏览:

v8.dev/blog/v8-rel…

Deno 发布 1.13 版本

  • HTTP服务器趋于稳定
  • TLS支持更多配置
  • 集成V8 9.3版本

deno.com/blog/v1.13

📖 文章

如何在大型代码仓库中删掉 6w 行废弃的文件和 exports?

很多项目历史悠久,其中很多文件或是 export 出去的变量已经不再使用,非常影响维护迭代。你想过如何删去它们么?

juejin.cn/post/699537…

Axios中的参数为啥没被完全编码

记一个 Axios 的坑。

mp.weixin.qq.com/s/CYzXi-ZMf…

从过去到现在,聊聊 Tree-shaking

说到 Tree-shaking,不难免提及 Dead Code Elimation,相信很多同学在一些关于 Tree-shaking 的文章中都会看到诸如这样的描述:Tree-shaking 是一项 Dead Code Elimation (以下统称 DCE) 技术。那么,既然有了 DCE 这一术语,为什么又要造一个 Tree-shaking 术语?

mp.weixin.qq.com/s/TNXO2ifPy…

腾讯企鹅辅导 H5 性能极致优化

企鹅辅导 H5 页面在长期迭代过程中,逐渐累积了一些性能问题,导致页面加载、渲染速度变慢。为了提升用户体验,近期针对页面加载速度,渲染速度做了专项优化,本文是对此次优化的实践总结。分析过程比较细致,希望能给性能分析经验欠缺的同学一些帮助。

mp.weixin.qq.com/s/zJMM4SF7p…

精读《手写 SQL 编译器 - 词法分析》

扩展边界。

mp.weixin.qq.com/s/k5EYXvRXn…

你了解 Performance Timeline Level 2 吗?

juejin.cn/post/684490…

字节跳动微服务架构体系演进

本文整理自字节跳动(火山引擎)基础架构/服务框架团队负责人成国柱在 QCon 2021 的分享,主要介绍了 2018-2021 年间,服务框架团队在 Golang 服务框架和 Service Mesh 上的技术实践和经验总结。

mp.weixin.qq.com/s/1dgCQXpeu…

组件库文档自动生成工具

juejin.cn/post/699472…

细说 Vue.js 3.2 关于响应式部分的优化

juejin.cn/post/699573…

用「增量」思想提升代码检查和打包构建的效率

文章详细介绍了如何实现文件级别的增量代码检查和增量打包构建,非常值得学习!

juejin.cn/post/686510…

Jamstack ,你真的了解它吗?

文章详细介绍了 JAMStack 的工作流,并对 JAMStack 的优缺点及适用场景做了较为深入的分析,非常值得学习!

mp.weixin.qq.com/s/bVkK2jJAu…

Tagged Template Literals - Styled Components背后的魔法

const MyComponent = () => {
    return <StyledDiv>Welcome to my website</StyledDiv>;
};

const StyledDiv = styled.div`
    color: red;
    font-weight: bold;
`;

dev.to/dekel/tagge…

Safari isn't protecting the web, it's killing it

最近有很多关于“Safari 是新的 IE”的讨论,也有人说“Safari 实际上是在保护 Web,它拒绝添加那些可能造成安全/隐私/体积问题的实验性特性”,众说纷纭。 文章从各个角度对“Safari isn't protecting the web, it's killing it”这一观点进行了阐述,非常值得学习和思考!

httptoolkit.tech/blog/safari…

靠,居然能通过 DOM 来改变 JS!

mp.weixin.qq.com/s/M1z2dzD9T…

🛠 工具、软件

react-dart

Dart中使用React

github.com/Workiva/rea…

neon

用于编写安全、快速的原生 Node.js 模块的 Rust binding。

github.com/neon-bindin…

mermaid

采用类 Markdown 的方式从文本生成图表和流程图。 很多同学都在使用 Typora 做 Markdown 编辑器,Mermaid 就是 Typora 内置的作图工具,能够让你使用类 Markdown 的语法生成各种图表和流程图,语法非常简洁易懂。 举例,如果需要生成一个简单的流程图,只需要在 Typora 中输入代码块,选择语言为 mermaid 即可。

github.com/mermaid-js/…


周刊首发于GitHub,欢迎订阅: 我的周刊