周刊收集包括前端(但不限于前端)的文章、新闻、开源项目、工具等等,每周一更新。
📰 News
V8 引擎发布 v9.3
- 更快的编译速度
- Object.hasOwn 作为 Object.prototype.hasOwnProperty.call 的简写
Object.hasOwn({ prop: 42 }, 'prop')
// → true
- Error 错误原因
const parentError = new Error('parent');
const error = new Error('parent', { cause: parentError });
console.log(error.cause === parentError);
// → true
- 在安卓设备上取消
Untrusted code mitigations
功能
Untrusted code mitigations
是早在2018年推出的防御CPU
幽灵攻击的一项特性,不受信任的代码会在CPU
的特定模式下执行,执行效率会受到影响。
从Chrome 92开始。安卓设备启用了站点隔离(Site Isolation)模式,所以Untrusted code mitigations
也即将退出历史舞台。
详细内容可以浏览:
Deno 发布 1.13 版本
- HTTP服务器趋于稳定
- TLS支持更多配置
- 集成V8 9.3版本
📖 文章
如何在大型代码仓库中删掉 6w 行废弃的文件和 exports?
很多项目历史悠久,其中很多文件或是 export 出去的变量已经不再使用,非常影响维护迭代。你想过如何删去它们么?
Axios中的参数为啥没被完全编码
记一个 Axios 的坑。
从过去到现在,聊聊 Tree-shaking
说到 Tree-shaking,不难免提及 Dead Code Elimation,相信很多同学在一些关于 Tree-shaking 的文章中都会看到诸如这样的描述:Tree-shaking 是一项 Dead Code Elimation (以下统称 DCE) 技术。那么,既然有了 DCE 这一术语,为什么又要造一个 Tree-shaking 术语?
腾讯企鹅辅导 H5 性能极致优化
企鹅辅导 H5 页面在长期迭代过程中,逐渐累积了一些性能问题,导致页面加载、渲染速度变慢。为了提升用户体验,近期针对页面加载速度,渲染速度做了专项优化,本文是对此次优化的实践总结。分析过程比较细致,希望能给性能分析经验欠缺的同学一些帮助。
精读《手写 SQL 编译器 - 词法分析》
扩展边界。
你了解 Performance Timeline Level 2 吗?
字节跳动微服务架构体系演进
本文整理自字节跳动(火山引擎)基础架构/服务框架团队负责人成国柱在 QCon 2021 的分享,主要介绍了 2018-2021 年间,服务框架团队在 Golang 服务框架和 Service Mesh 上的技术实践和经验总结。
组件库文档自动生成工具
细说 Vue.js 3.2 关于响应式部分的优化
用「增量」思想提升代码检查和打包构建的效率
文章详细介绍了如何实现文件级别的增量代码检查和增量打包构建,非常值得学习!
Jamstack ,你真的了解它吗?
文章详细介绍了 JAMStack 的工作流,并对 JAMStack 的优缺点及适用场景做了较为深入的分析,非常值得学习!
Tagged Template Literals - Styled Components背后的魔法
const MyComponent = () => {
return <StyledDiv>Welcome to my website</StyledDiv>;
};
const StyledDiv = styled.div`
color: red;
font-weight: bold;
`;
Safari isn't protecting the web, it's killing it
最近有很多关于“Safari 是新的 IE”的讨论,也有人说“Safari 实际上是在保护 Web,它拒绝添加那些可能造成安全/隐私/体积问题的实验性特性”,众说纷纭。 文章从各个角度对“Safari isn't protecting the web, it's killing it”这一观点进行了阐述,非常值得学习和思考!
靠,居然能通过 DOM 来改变 JS!
🛠 工具、软件
react-dart
在Dart
中使用React
。
neon
用于编写安全、快速的原生 Node.js 模块的 Rust binding。
mermaid
采用类 Markdown 的方式从文本生成图表和流程图。 很多同学都在使用 Typora 做 Markdown 编辑器,Mermaid 就是 Typora 内置的作图工具,能够让你使用类 Markdown 的语法生成各种图表和流程图,语法非常简洁易懂。 举例,如果需要生成一个简单的流程图,只需要在 Typora 中输入代码块,选择语言为 mermaid 即可。
周刊首发于GitHub,欢迎订阅: 我的周刊