墨筝

React-scan 是如何检测性能的

React,Performance
前言react-scan 是 React 社区中最近热度很高的一个项目,在 github 上目前已经获得了 12.5k 的 star 量,主要用于自动检测 React 应用的性能问题(核心是组件的渲染性能)。针对该问题,之前社区中也有一些类似方案,但各自存在一些使用上的缺陷,比如: Rea ...
Read more

追求极致性能的框架 - Qwik

Framework,Front End
Qwik 是什么Qwik 是来源于社区的一个新的 SSR 前端研发框架,作者即为原 angularJs 框架的作者,其核心理念是页面启动时通过 HTML 直出和尽可能少的 js 实现秒开的页面体验以及无 hydrate(水合)过程以达到最快的页面可交互时间(TTI)。 Qwik 核心想解决的 ...
Read more

React 19 带来了什么

React
前言今年的 React conf 主要介绍了即将推出的 React 19 的诸多新特性,演讲视频合集可以看https://conf.react.dev/talks,目前 React 19 已经正式进入到了 RC 阶段,意味着其离正式发布为期不远矣,笔者整理了演讲中的诸多内容,并根据自身实践和 ...
Read more

一些优质的三方库

libraries
前言这篇主要是记录一些优质的三方库 Etahttps://eta.js.org/, 非常酷的一个模板引擎,可以在 Node, Deno 和浏览器环境中使用 Date-fnshttps://date-fns.org/, 日期处理工具库 VineJshttps://vinejs.dev/docs ...
Read more

一些不错的生产力工具

production tools
前言主要记录一些比较不错的小工具。 Web Checkhttps://web-check.as93.net/, 可以快速查看某个网站的一些技术信息,比如 ip 地址, ssl 证书等等。 Spectaclehttps://commerce.nearform.com/open-source/s ...
Read more

如何实现 esm 模块的热更新 HMR

javascript, Front-end engineering
前言最近在前端工程领域出现了一些新的工程化工具,诸如尤雨溪的 vite 以及已在 GitHub 社区斩获 8317 个 star 的 snowpack,这些工具的优势除了内置支持 vue, react 等框架的运行和构建,很重要的一点是开发环境下应用的快速启动能力, snowpack 的启动 ...
Read more

webpack 中构建进度条的实现原理

javascript, webpack, Front-end engineering
前言我们在使用 webpack 的时候经常会用到 webpackbar 或者 progress-bar-webpack-plugin 之类的 webpack 插件通过进度条等方式来展示 webpack 的构建进度,以提升构建过程中的反馈体验。对于不同的插件来说,它们只是进度条的 UI 展示形 ...
Read more

koa源码中的promise

node.js, koa
koa 是一个非常轻量优雅的 node 应用开发框架,趁着双十一值班的空当阅读了下其源代码,其中一些比较有意思的地方整理成文与大家分享一下。  洋葱型中间件机制的实现原理我们经常把 koa 中间件的执行机制类比于剥洋葱,这样设计其执行顺序的好处是我们不再需要手动去管理 request 和 ...
Read more

rust 的 ownership 是什么

rust
前言rust 是 mozilla 公司出品的一门系统级编程语言,其主要特点是性能良好 ( 号称不输 c++),运行安全以及文档与工具链完善。 rust 在前端方面也有很多应用,它是目前 webassembly 生态支持度最高的编程语言,这个可能也跟历史原因有关, webassembly 的前 ...
Read more

javascript的内存管理以及3种常见的内存泄漏

javascript, memory manage
根据GitHut stats的统计数据显示,javascript 语言在 Github 中的活跃项目仓库数量和总的 push 数量已经登上了榜首的位置,而且在越来越多的领域里我们都能看 javascript 持续活跃的身影和不断前行的脚步 尽管我们正在越来越多的编写 Javascript 代 ...
Read more
Prev Next