Yihui’s Blog

文章与笔记

关于前端、工程与日常思考的记录。找到一个主题,开始阅读。

783 篇文章

Web Component:像搭积木一样构建web应用

什么是组件化呢? 其实组件化并没有一个明确的定义,不过这里我们可以使用 10 个字来形容什么是组件化,那就是:对内高内聚,对外低耦合。对内各个元素彼此紧密结合、相互依赖,对外和其他组件的联系最少且接口简单。 可以说,程序员对组件化开发有着天生的需求,因为一个稍微复杂点的项目,就涉及到多人协作开发的问题,每个人负责…

阅读全文

yargs 使用指南 - 优雅处理命令行参数

在现代软件开发中,命令行界面是一个非常常见的用户界面,用于与应用程序进行交互。处理命令行参数是命令行界面的重要部分,它可以让用户通过命令行输入不同的选项和参数来配置应用程序的行为。在 Node.js 中,yargs 是一个流行的库,用于处理命令行参数,它提供了许多功能和选项,使得处理命令行参数变得非常简单和优雅。…

阅读全文

Web浏览器滚动方案一览| rAF等

在Web开发中,实现流畅的滚动效果对于提升用户体验至关重要。为了实现这一目标,开发人员可以利用一系列的滚动方案。其中,请求动画帧(requestAnimationFrame,简称rAF)是一种常用的技术。rAF通过优化动画效果的渲染,可以避免卡顿和过度绘制的问题。此外,还有其他滚动方案如CSS动画、滚动事件监听等…

阅读全文

Chrome浏览器插件(扩展)- Manifest V3 插件开发规范简介

随着互联网的快速发展,浏览器插件成为了许多用户提升浏览器功能和个性化体验的重要工具。Chrome浏览器作为全球最受欢迎的浏览器之一,其插件生态系统也日益壮大。为了保证插件的安全性和性能,Chrome团队推出了Manifest V3,这是一种新的插件开发规范。 A step in the direction of …

阅读全文

使用Node.js 实现网络代理(无框架,通过http-proxy)

使用场景 使用场景自不必多说,包括正向代理、反向代理,在Node.js的特有场景中,其实还包含BFF,服务端中间件等等。如果你是在一个比Nginx更细粒度的,并且能够在框架内集成业务的场景,非常推荐继续阅读。 安装 通过调用 createProxyServer 并将options对象作为参数传递来创建新的代理 新…

阅读全文