每周分享(第 180 期)

110 阅读3分钟

新闻、观点、有趣

Tauri vs Electron:真实项目的比较
Electron 是目前跨平台桌面软件的首选开发框架,Tauri 则是最近出现的一个替代品,试图解决前者的最大痛点:体积臃肿,资源占用高。 作者特意用 Tauri 写了一个桌面应用。本文是他的使用感受,以及两者的全方位比较。(来源:GitHub: ruanyf/weekly)

浅谈 React 函数组件性能优化手段
为了近一步对更新动作做到更优的性能优化,对组件的重渲染触发机制进行了研究和学习,接下来通过本文来介绍这一过程

React 官网为什么那么快?
当我们打开 React 官网时,会发现从浏览器上输入url 到页面首屏完全展示这一过程所花的时间极短,而且在页面中点击链接切换路由的操作非常顺滑,几乎页面可以达到“秒切”的效果,根本不会有卡顿等待的情况发生,于是带着“react官网到底是怎么做的”疑问开始了本次探索,发现其主要用了以下的优化手段。

Chrome 104 带来新 Bug:网站无条件拥有剪贴板的写入权限
Chrome 104 版本带来了一个新 Bug :网站无需任何用户手势条件,即可对用户的剪贴板进行写入操作。 剪贴板就是我们平时复制粘贴的内容,里面可能存放一些非常重要的信息,比如密码或者公钥、验证码这类。一般来说一个网页应当在查询到对应的用户手势的情况才能使用剪贴板,比如复制内容的键盘快捷键 (Ctrl+C),又或者移动...

纯js实现多个关键词同时高亮
日常需求开发中常见需要高亮的场景,本文主要记录字符串渲染时多个关键词同时高亮的实现方法。 - 多个关键词同时高亮 - 关键词支持正则匹配

教程、技巧

给所有React的小伙伴:useUpdateEffect(状态更新生命周期)
有那么一瞬间,我有点怀念写Vue的那些时光。怀念Vue的updated生命周期。我希望React也会有一个类似于update的生命周期。可是他没有。

编译 ts 代码用 tsc 还是 babel?
编译 TypeScript 代码用什么编译器? 那还用说,肯定是 ts 自带的 compiler 呀。但其实 babel 也能编译 ts 代码,那用 babel 和 tsc 编译 ts 代码有什么区别呢?

库、工具

Vexip UI
Vexip UI 提供了一系列开箱即用的组件。 该组件库使用全新的 组合式 Api 编写,并尽可能采用 Vue 传统的方式设计和编写组件,全量的 TypeScript(不是 AnyScript)。每个组件几乎所有的 属性默认值 均可以通过注入配置快速修改(除了值和选项属性),轻松实现定制化。

React 18 + TS + Vite + Nest.js 开发一个文件压缩服务
一款免费开源的文件压缩工具,Compressor 让您的文件体积更小!以 Web 形式实现,支持在本地运行,没有最大压缩限制。