视野修炼-技术周刊第57期

简介: 🔥强烈推荐1. Rspress - 基于 Rspack 的高性能静态站点生成器由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。

🔥强烈推荐

1. Rspress - 基于 Rspack 的高性能静态站点生成器

由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。

image.png

风格样式上与 VitePress 差不太多,有搭建文档站点的需求的同学可以尝试一下,构建速度上非常快,内置了许多开箱即用的能力(这点比 VitePress 好很多)

image.png


2. We OCR - 支持离线使用的图片文字识别工具

项目代码是开源的:github.com/plantree/oc… 大家可以按需进行二开或者学习

基于 Tesseract 实现

下面是识别效果(马马虎虎,识别率还是很不错的,速度也很快)

image.png

🔧开源工具&技术资讯

3. pnpm v8.9 - MacOS上带来更大的性能提升

默认使用 reflinks 替代之前的 hard links

hard links 这个想必了解的人比较多,也就是常说的符号链接里的硬链接

reflinks 这个之前也没了解到,下来单独学习了一下,MacOS上可以用 cp 指令创建

cp -c index.md reflink.md
mac cp
 -c    copy files using clonefile(2)

image.png

4. 用户体验:嵌套菜单!

在日常使用软件的过程中,避免不了使用到嵌套菜单的情况

image.png

常见的一个场景的case:多个连续的嵌套菜单,当试图将鼠标移入子菜单时,结果整个菜单都关闭了

image.png

文章介绍了两种解决方案延时安全三角

其中安全三角笔者认为是比较好的一种解决方案,非常值得学习

image.png

作者也实现了一个 demo lencx/fe-tips

5. Draggable objects - 详细介绍网页元素的拖拽实现

这是一篇关于如何实现网页中元素的拖拽效果的文章。作者详细讲解了鼠标事件、触摸事件和Pointer事件之间的区别,以及如何结合使用这些事件来实现拖拽功能。

每一小节,都提供了可运行的 demo 和 源码

相关文章
|
10月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
10月前
|
Web App开发 人工智能 JSON
视野修炼-技术周刊第54期
🔥强烈推荐 1. Node.js 16 EOL EOL(end of life) 2023 年 9 月 11 日,Node.js 16 将停止维护,推荐大家切换到 Node.js 18 使用(EOL 2025-04-30) 官推下面很多都在推荐 Bun 了 😄
|
10月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
10月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
10月前
|
JSON 前端开发 JavaScript
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
|
10月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
10月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第62期
🔥强烈推荐 1. Vite5.0 发布! 11 月 16 日,Vite 5.0 正式发布 该版本主要关注API优化,去除过时功能,并解决一些长期存在的问题。 使用了Rollup 4,这在构建性能方面有了很大的提升。 对Node.js的支持进行了调整,现在需要使用Node.js 18+版本。 2. Bubble - README 小组件 该仓库收集各种可以放在 GitHub Profile 和 Readme 上面的小组件。
|
10月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
10月前
|
人工智能 JavaScript 小程序
视野修炼-技术周刊第49期
🔥强烈推荐 1. ikun-ui 一个 Svelte.js 组件库 首页有个动画非常有意思
|
10月前
|
前端开发 算法 数据库
视野修炼-技术周刊第48期
🔥强烈推荐 1. 美团前端研发框架Rome实践和演进趋势 团队出品的技术沙龙,研发框架部分整理成文章了