蒲公英 · 技术期刊

你是否试过在开始阅读一篇有趣的新闻文章時，因为所有文字突然向下移动而令你要重新找回刚才看到的部分？Chorme 83 中新增了 Cumulative Layout Shift（CLS) 指标来衡量页面「累计版面配置转移」的数值，本文将在项目中实践 CLS 指标的优化。 代码，是…

伴随着 WebAssembly 的面世，越来越多的 Javascript 工具选择使用 Rust 语言来开发。众所周知，Javascript 是单线程的，基于事件循环和垃圾回收机制；而 Rust 则是基于静态类型、没有垃圾回收机制且支持多线程的。那么，使用 Rust 开发 we…

npm v7.0.0 带来了比较多的新特性，Workspaces、peerDependencies自动被安装、支持yarn.lock等，将与NodeJS v15一起发布。如果你想立即尝试，可以使用npm i -g npm@7在终端运行安装。 QUIC（Quick UDP Int…

自从 2018 年 2 月，Webpack 4 发布以来，Webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，Webpack 5 正式发布，并带来了诸多重大的变更…

Text Fragments（文本片段）是 Chromium 80+ 的新功能。使用 Text Fragments，我们可以在 URL 中指定文本片段作为锚点。当浏览器打开一个带有 Text Fragments 的 URL 时，浏览器会对匹配到的文本进行强调，引起用户的注意。 …

该篇文章内容可以加深读者对JavaScript基础知识的理解，通过对Loadsh潜在安全漏洞及其修复方案的分析，可以帮助读者对原型污染的产生、原型污染攻击方式及相关防范措施进行深入了解，涉及到的知识点包括但不限于：Object 原型、原型、原型链、NodeJS 相关问题、Obj…

使用 TypeScript 编写 React 应用的类型 Cheatsheets，也可以看做是 TypeScript + React 最佳实践。它介绍了我们在使用 React 各种特性时最佳的 TypeScript 类型写法，帮助你解答各种类型上的问题。看完这篇，妈妈再也不用担…

TypeScript 4.0 正式发布啦！官方团队在这一版本中加入了如可变参数元组类型、构造函数的类属性推断、短路分配运算符、自定义 JSX Factories 等多项激动人心的特性，同时官方站点也进行了重写，看上去更加清爽。在 Stackoverflow 的开发者报告中，Ty…

自从 iOS13 自带支持深色模式（dark mode）以来，就一直为大家所关注，仿佛支持深色模式已经成为现代移动应用和网站的一个潮流，这不得不证明 iOS 的影响力之强大。本文就 Web、APP、Flutter 如何来实现深色模式适配，进行了深入地剖析。其中 Web 适配最终…

作为前端开发，与 Chrome 打交道是家常便饭，我们有必要了解 Chrome 调试工具的更新迭代，对日常开发和调试带来哪些帮助和改善。新 Chrome DevTools 集成了 lighthouse，并且在元素审查面板和性能面板都有一定程度的优化，本文还提供了相关特性的视频演…

蒲公英·JELLY技术周刊Vol.16登高远眺基础技术谷歌发布首个线上Web开发者大会谷歌在本月初完成首次线上Web开发者大会(web.dev/live)，以线上视频的形式，分享关于优化核心Web指标

登高远眺前端框架Vue3:2020年中的状态更新近日Vue3团队对Vue3的状态进行了更新，介绍了各个主要工具的开发进度。整体计划是7月中旬推出RC版本，8月早些时候能够推出正式版。在各工具在密锣紧鼓

登高远眺基础技术跟VSCode学习如何开发大型IDE项目VSCode是当下非常流行的微软开源的代码编辑器，它在满足多样性插件化生态的同时保证了软件的健壮和性能，这得益于其优秀的插件化内核架构设计。本文

登高远眺前端框架Vue3CompositionAPI提案Vue3其中一个重量级的特性就是CompositionAPI，它能帮助我们更好地组织代码。本网页是CompositionAPI的草案，详细介绍了

文章分享了网易云音乐前端性能监控平台使用 Lighthouse 的实践经验，介绍了 Lighthouse 的测试流程、内部模块实现以及性能指标计算等。文章循循善诱，使用清晰明了的架构图和简单易懂的代码例子，剖析了 Lighthouse 从建立链接、搜集、审计评分到主要性能指标的…

登高远眺基础技术直播延迟？为什么流媒体直播的延迟那么高随着通信技术的发展，视频点播、直播业务也逐渐兴起。在这些业务形态中，流媒体技术扮演着重要的角色。但在实际使用中，即便是在优良的网络环境中，主播和观

技术问答社区 StackOverFlow 的年度报告，本次报告统计了来自于全球各地共 65000 名开发者。有几项数据令人震惊： 美国开发者是全球最勤奋的开发者，平均每周工作 41.8 个小时（可以推算出此问卷的中国样本很少）。 在大多数情况下，使用网络字体并不需要延迟网页渲染…

登高远眺基础技术官宣:Typescript3.9正式发布TypeScript3.9正式发布，这个版本主要聚焦于性能、改进某些特性和提升稳定性。编译器效率在这一版有了极大提升，平均编译时长从26秒缩短至

「学不动啦！」如果 ES2015 你还没学会的话，TC39 委员会可不会停下他们的脚步，ES 2020 已经正式定稿了：其中 BigInt、Optional Chaining、Dynamic Import()、Nullish Coalescing Operator 等特性相信很…

Deno——来自 Node 之父 Ryan Dahl 的最新力作，在开源 2 年之际，终于将迎来 1.0 的正式版本。Deno 并不是 Node 的替代品，根据 Deno GitHub 官网上的介绍，Deno 是一款通用的 JavaScript/TypeScript 编程环境，…