视野修炼-技术周刊第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 和 源码

相关文章
|
传感器 芯片
最详细STM32,cubeMX 点亮 led
最详细STM32,cubeMX 点亮 led
608 0
|
8月前
|
机器学习/深度学习 人工智能 算法
o3-mini:OpenAI 发布最新推理模型,强大的STEM推理能力,灵活调整推理强度
OpenAI o3-mini是OpenAI推出的全新推理模型,专为科学、数学和编程等技术领域优化,支持三种推理强度,灵活调整性能。
450 25
o3-mini:OpenAI 发布最新推理模型,强大的STEM推理能力,灵活调整推理强度
|
6月前
|
安全 搜索推荐 数据挖掘
私域流量裂变系统开发模式规则解析
私域流量裂变系统是一种促进流量增长与转化的工具,通过用户管理、分享推广、任务活动及数据分析等功能,实现降低获客成本、提高用户粘性和精准营销的作用。开发时需关注用户需求、体验、数据安全及持续优化,构建高效、安全的私域运营体系。
|
11月前
|
JSON 前端开发 API
后端开发中的API设计与文档编写指南####
本文探讨了后端开发中API设计的重要性,并详细阐述了如何编写高效、可维护的API接口。通过实际案例分析,文章强调了清晰的API设计对于前后端分离项目的关键作用,以及良好的文档习惯如何促进团队协作和提升开发效率。 ####
|
安全 JavaScript 前端开发
C++一分钟之-C++17特性:结构化绑定
【6月更文挑战第26天】C++17引入了结构化绑定,简化了从聚合类型如`std::tuple`、`std::array`和自定义结构体中解构数据。它允许直接将复合数据类型的元素绑定到单独变量,提高代码可读性。例如,可以从`std::tuple`中直接解构并绑定到变量,无需`std::get`。结构化绑定适用于处理`std::tuple`、`std::pair`,自定义结构体,甚至在范围for循环中解构容器元素。注意,绑定顺序必须与元素顺序匹配,考虑是否使用`const`和`&`,以及谨慎处理匿名类型。通过实例展示了如何解构嵌套结构体和元组,结构化绑定提升了代码的简洁性和效率。
249 5
|
JavaScript 前端开发
js中浅拷贝和深拷贝的区别
js中浅拷贝和深拷贝的区别
77 0
|
存储 数据库
第九章 系统错误消息 - 一般系统错误消息 D - I
第九章 系统错误消息 - 一般系统错误消息 D - I
138 2
mybatis-plus使用oceanbase-oracle模式
mybatis-plus使用oceanbase-oracle模式
945 2
Object.assign详解
Object.assign详解
411 1
|
数据挖掘 Python
【Python】数据分析:numpy
【Python】数据分析:numpy
188 0