首页
友链
程序员的开发利器
免费AI网站分享
ShareAPI
前端库
MicroMatrix
明月别枝惊鹊,清风半夜鸣蝉
累计撰写
135
篇文章
累计创建
41
个标签
累计收到
2
条评论
栏目
目 录
CONTENT
以下是
thinks
相关的文章
2026-06-10
一次前端打包分割优化:从 1618 个模块降到 98 个模块
最近在一个 Vite + React 项目里做前端样式调整时,发现打包阶段明显变慢。排查后发现,问题不在业务代码,而在第三方库的引入方式上。 这篇文章用这个真实例子讲一下:为什么一个简单的 import { Icon } from "xxx" 可能让打包器扫描整套库,以及如何把它改成“只打包实际使用
2026-06-10
1
0
0
thinks
2026-02-25
使用 onnxruntime-web 实现本地图片文字识别
背景 在现代的 web 应用中,提供本地的文字识别功能不仅能提高用户体验,还能确保数据的隐私性。这类功能通常会在客户端直接运行,避免了将图像数据传输到服务器的隐私泄漏风险。同时,本地运行还能够减少对服务器的依赖,降低网站的维护成本。 经过对多个方案的调研,最常见的两种实现方式是: 使用 tesser
2026-02-25
28
0
2
thinks
2025-03-08
你不知道的CSS之包含块
什么是包含块? 包含块(containing block),顾名思义,就是一个包含其他元素的“块”。但它可不只是一个简单的容器哦!它不仅影响子元素的位置,还会影响到**宽度、长度、内外边距(padding、margin)、甚至定位(position)**等各种CSS属性的计算。 例如,像下图一样,很
2025-03-08
23
0
0
thinks
2025-03-08
CSS属性计算过程
你是否了解 CSS 的属性计算过程呢? 有的同学可能会讲,CSS属性我倒是知道,例如: p{ color : red; } 上面的 CSS 代码中,p 是元素选择器,color 就是其中的一个 CSS 属性。 但是要说 CSS 属性的计算过程,还真的不是很清楚。 没关系,通过此篇文章,能够让你
2025-03-08
36
0
0
thinks
2025-02-18
浏览器进程模型揭秘:渲染主线程与异步机制
浏览器的进程模型 何为进程? 程序运行需要有它自己专属的内存空间,可以把这块内存空间简单的理解为进程 每个应用至少有一个进程,进程之间相互独立,即使要通信,也需要双方同意。 何为线程? 有了进程后,就可以运行程序的代码了。 运行代码的「人」称之为「线程」。 一个进程至少有一个线程,所以在进程开启后会
2025-02-18
34
0
0
thinks
2024-12-11
优化 Next.js Docker 镜像:减少镜像大小的有效方法
前言 Next.js 除了在 vercel 上部署之外,更多的是部署在自己的服务器上,为此官方提供了 Docker 的打包运行方式。这里分享的是如何优化打包的 Docker 镜像大小。 新建默认项目 安装官方的命令建立项目。 npx create-next-app@latest 然后在项目根目录新
2024-12-11
49
0
3
thinks
2024-07-01
如何正确使用 useEffect:常见错误及解决方案
摘要 React 中使用useEffect的基本概念和常见错误,包括useEffect的运行时机、依赖关系的处理、清理函数的使用等。通过示例演示了useEffect在组件更新和页面渲染中的运行过程,以及不同数据类型之间的差异对依赖关系的影响。同时之前的文章也提到了使用 useMemo 和 useCa
2024-07-01
10
0
0
thinks
2024-06-07
浅谈 CSS3 视口单位:如何优化移动端和PC端显示
前言 网站会在 PC 和移动端上浏览,那么各个浏览器和设备的差异性,会使得兼容处理是一件麻烦的事情。尤其是移动端上的那些个异形屏和内容展示的理念。对此我使用的是tailwind css 。今天要分享的是移动端上的屏幕展示问题。 视口单位概述: vw (视口宽度):视口宽度的 1%。 vh (视口高度
2024-06-07
11
0
0
thinks
2024-04-12
Next.js 14 开发环境搭建指南:从安装到项目结构解析
什么是 Next.js Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。您可以使用 React Components 来构建用户界面,并使用 Next.js 来实现附加功能和优化。 安装项目 请确保你的操作系统上安装了 Node.js 18.17 或更高版本。 我们采用官网
2024-04-12
14
0
0
thinks
2023-12-05
esbuild v19版本构建本地服务
前言 本文主要是对文章vue3源码学-2-实现构建流程的一个补充。补充的内容为 esbuild 新升级的版本,即大于0.17版本构建的写法发生了巨大的改变。 下面是新的 dev.js 的内容,请根据自己的项目情况修改 // 这里用到了之前安装的minimist以及esbuild模块 const ar
2023-12-05
8
0
0
thinks
1
2