程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
PakePlus:Rust+Tauri把网页打包成桌面App,比Electron小20倍,支持Win/Mac/Linux/Android/iOS
编程
PakePlus:Rust+Tauri把网页打包成桌面App,比Electron小20倍,支持Win/Mac/Linux/Android/iOS
2026-07-25 13:46:57 +0800 CST
view 10
PakePlus(网页桌面化工具):Rust+Tauri 2底层、输入网址3步生成Windows/macOS/Linux/Android/iOS应用、体积比Electron小20倍(<5MB)、无需配置Node/Rust/SDK环境、支持JS注入(自动登录/去广告/填表)、支持系统API调用(下载/窗口/命令)、内置调试模式和云端/本地两种打包方式,前端开发者必备。
PakePlus
Tauri
桌面应用
网页打包
Electron替代
桌面化
Rust
前端工具
Tauri2
多端打包
Rolldown 1.0 深度实战:当 Vite 用 Rust 重写打包器,10–30 倍性能背后到底发生了什么?
编程
Rolldown 1.0 深度实战:当 Vite 用 Rust 重写打包器,10–30 倍性能背后到底发生了什么?
2026-07-11 00:44:38 +0800 CST
view 168
2026年6月 Rolldown 1.0 正式发布,作为 Vite 8 默认打包器比 Rollup 快 10-30 倍。本文从架构、代码、性能三维度深度拆解:双引擎原罪、OXC 并行解析、bitset 可达性 tree-shaking、智能分块,配可运行实战与迁移指南。
Rolldown
Vite 8
Rust
前端工程化
打包器
构建工具
OXC
Rollup
性能优化
Tree Shaking
Rolldown 深度实战:Vite 团队用 Rust 重写 JavaScript 打包引擎——从双引擎架构到 Bitset 代码分割的完整技术揭秘
编程
Rolldown 深度实战:Vite 团队用 Rust 重写 JavaScript 打包引擎——从双引擎架构到 Bitset 代码分割的完整技术揭秘
2026-05-16 11:13:14 +0800 CST
view 571
深度解析 Rolldown:Vite 团队用 Rust 重写的下一代 JavaScript 打包器,从三阶段架构到 Bitset 代码分割算法,从 Vite 6+ 配置到插件开发,万字实战指南
Rolldown
Vite
Rust
前端打包
Vite 6 深度解析:Rolldown 引擎替换 + Environment API,前端构建工具的终极进化
编程
Vite 6 深度解析:Rolldown 引擎替换 + Environment API,前端构建工具的终极进化
2026-05-11 07:55:02 +0800 CST
view 592
Vite6深度解析:Rolldown引擎替代Rollup让构建速度提升7-30倍,Environment API标准化client/server/edge多环境构建,详析迁移指南和实战性能数据
Vite6,Rolldown,EnvironmentAPI,前端构建,Rust打包器
PyInstaller是一个用于将Python应用程序及其依赖项打包成独立可执行文件的工具,简化了分发和部署过程
综合
PyInstaller是一个用于将Python应用程序及其依赖项打包成独立可执行文件的工具,简化了分发和部署过程
2024-11-17 05:09:10 +0800 CST
view 1575
PyInstaller是一个用于将Python应用程序及其依赖项打包成独立可执行文件的工具,简化了分发和部署过程。本文介绍了PyInstaller的安装、基本用法和高级特性,包括自定义图标、隐藏控制台窗口和添加数据文件等。通过实际案例展示了如何打包GUI应用程序。PyInstaller适用于各种平台,特别适合需要将Python应用分发给最终用户的开发者。
Python
开发工具
软件打包
Rolldown 1.0 深度实战:当 Rust 重新定义 JavaScript 打包——从 Vite 8 架构升级到生产级构建的完全指南(2026)
编程
Rolldown 1.0 深度实战:当 Rust 重新定义 JavaScript 打包——从 Vite 8 架构升级到生产级构建的完全指南(2026)
2026-06-17 22:25:25 +0800 CST
view 352
Rolldown 1.0 正式发布,Vite 8 将其作为骨干打包器,性能比 Rollup 快 10-30 倍。本文从架构层面深度拆解 Rolldown:并行模块扫描、符号链接表、位掩码 Tree Shaking、Rust 插件生态,以及与 esbuild、Turbopack 的完整横评和 Vite 8 迁移实战。
Rolldown
Vite 8
Rust
JavaScript
打包工具
前端工程化
性能优化
Turbopack
esbuild
oxc
Rolldown 深度解析:Vite 团队用 Rust 重写打包器的野心——从 Oxc 解析到 Rollup 兼容的完整技术内幕
编程
Rolldown 深度解析:Vite 团队用 Rust 重写打包器的野心——从 Oxc 解析到 Rollup 兼容的完整技术内幕
2026-05-18 07:13:14 +0800 CST
view 511
Rolldown 是 Vite 团队用 Rust 从零重写的下一代打包器,本文从架构设计、核心模块、代码实战到生产迁移,深度解析 Rolldown 的完整技术内幕。
Rolldown
Vite
Rust
前端构建
打包器
PakePlus:Web项目打包桌面/手机应用,体积比Electron小20倍
编程
PakePlus:Web项目打包桌面/手机应用,体积比Electron小20倍
2026-05-26 12:32:52 +0800 CST
view 415
PakePlus是基于Tauri2的Web项目打包工具,将网站/Vue/React打包为桌面和手机应用,体积小于5M,性能比Electron快10倍,MIT开源,无需本地环境。
Tauri
跨平台
桌面应用
打包工具
开源
PakePlus
React
Vue
Rolldown 深度拆解:当前端构建学会「原生速度」——Rust 重写 Rollup、Vite 8 统一工具链与 Oxc 编译器如何重写前端工程心智模型
编程
Rolldown 深度拆解:当前端构建学会「原生速度」——Rust 重写 Rollup、Vite 8 统一工具链与 Oxc 编译器如何重写前端工程心智模型
2026-07-16 04:43:22 +0800 CST
view 129
从工程师视角深度拆解 Rolldown:Rust 重写 Rollup、Vite 8 统一 dev/build 双引擎、Oxc 编译器协作、NAPI-RS 插件桥接与手写插件实战,配完整代码与性能对比。
Rolldown
Vite 8
Rust
前端构建
Oxc
打包器
VoidZero
Rolldown 1.0 深度实战:当 Rust 重写前端打包器——从 Vite 8 底层引擎到 10-30 倍性能飞跃的生产级完全指南
编程
Rolldown 1.0 深度实战:当 Rust 重写前端打包器——从 Vite 8 底层引擎到 10-30 倍性能飞跃的生产级完全指南
2026-06-15 17:21:29 +0800 CST
view 412
Rolldown 1.0 用 Rust 融合 Rollup 生态兼容与 esbuild 极致性能,成为 Vite 8 统一底层引擎。从架构设计到 Tree-shaking 精度革命、代码分割策略、插件兼容、Vite 迁移实战的生产级完全指南。
Rolldown
Rust
Vite
打包器
Tree-shaking
前端工程化
oxc
Vite 8 深度拆解:当 Rust 打包器 Rolldown 成为默认引擎——统一工具链、10-30 倍提速与前端构建新范式
编程
Vite 8 深度拆解:当 Rust 打包器 Rolldown 成为默认引擎——统一工具链、10-30 倍提速与前端构建新范式
2026-07-17 00:18:32 +0800 CST
view 117
Vite 8 将 Rust 打包器 Rolldown 设为默认引擎,统一 dev/build 工具链,比 Rollup 快 10-30 倍。深度拆解架构演进、核心机制、迁移实战与性能调优。
Vite 8
Rolldown
前端构建
Rust
打包器
性能优化
VoidZero
前端工程化
回到上次阅读位置技术实践
编程
回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST
view 1498
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案:使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测,分析了各方案的优缺点及适用场景,提供了选型建议以提升用户体验。
前端开发
用户体验
技术方案
网页设计
编程
15 个你应该了解的有用 CSS 属性
2024-11-18 15:24:50 +0800 CST
view 1828
本文介绍了15个开发者应该了解但常被忽视的有用CSS属性,包括caret-color、accent-color、pointer-events等,旨在提升网页设计和用户体验。通过这些属性,开发者可以更好地控制元素的样式和行为,从而构建更具吸引力和功能性的网站。
网页设计
前端开发
CSS
动态渐变背景
代码
动态渐变背景
2024-11-19 01:49:50 +0800 CST
view 1708
该文本展示了一个使用HTML和CSS创建的动态渐变背景效果。通过CSS的背景剪裁和线性渐变,标题文字呈现出渐变动画,背景色为浅灰色,整个页面居中显示。使用了@keyframes定义动画,使背景在不同颜色之间平滑过渡,增强视觉效果。
网页设计
前端开发
动画效果
综合
Granim.js:为网页背景、元素和文字添加交互式渐变效果
2024-11-19 08:26:02 +0800 CST
view 2198
Granim.js是一个开源的JavaScript库,用于创建流畅的交互式渐变动画,支持丰富的渐变配置和易用的API。它可以为网页的背景、元素和文字添加动态渐变效果,适用于简单和复杂的场景,如图像蒙层和文字渐变。该库提供了多种选项和回调函数,允许用户自定义动画效果,提升网页的视觉吸引力。
前端开发
动画效果
网页设计
开源库
用户体验
11 个实用 CSS 技巧,提升你的前端开发效率
编程
11 个实用 CSS 技巧,提升你的前端开发效率
2025-05-11 09:23:52 +0800 CST
view 1392
本文介绍了11个实用的CSS技巧,旨在提升前端开发效率。技巧包括使用`shape-outside`实现图片文字环绕、`:where()`简化选择器、`scroll-behavior`实现平滑滚动等。这些技巧不仅能提高代码可读性,还能增强用户体验,帮助开发者写出更优雅和可维护的代码。
前端
CSS
开发技巧
用户体验
网页设计
代码
底部导航栏
2024-11-19 01:12:32 +0800 CST
view 1702
该文本展示了一个底部导航栏的HTML和CSS实现,包含了样式设置、动画效果和JavaScript交互。导航栏使用了弹性盒布局,包含多个导航项,每个项都有不同的颜色和图标。通过JavaScript实现了点击切换选中状态的功能,增强了用户体验。整体设计注重语义化和响应式布局,适合现代网页应用。
前端开发
网页设计
用户界面
交互设计
代码
html一个全屏背景视频
2024-11-18 00:48:20 +0800 CST
view 1575
该文本是一个HTML文档,展示了一个名为“程序员茄子”的专业网站开发页面。页面包含一个全屏背景视频和中心内容,内容包括标题和描述,旨在吸引用户并提供联系链接。使用了CSS样式来设置布局、字体、动画效果和按钮样式,整体设计现代且具有视觉吸引力。
网页设计
前端开发
用户体验
代码
手机导航效果
2024-11-19 07:53:16 +0800 CST
view 1846
该文本展示了一个简单的HTML网页结构,包含了基本的CSS样式,用于创建一个带有下拉菜单的导航栏。导航栏包含四个链接:主页、关于、服务和联系。CSS样式定义了页面的背景颜色、文本对齐方式以及导航链接的悬停效果,增强了用户体验。
网页开发
前端设计
用户界面
前端项目中图片的使用规范
编程
前端项目中图片的使用规范
2024-11-19 09:30:04 +0800 CST
view 1719
本文详细介绍了前端项目中图片的使用规范,包括图片格式选择、尺寸与压缩、图标使用、响应式图片、懒加载、缓存、合理使用、组件化优化、CDN优化和可访问性等方面。合理的图片使用不仅能提高页面加载速度,还能增强用户体验和SEO效果。
前端开发
用户体验
性能优化
网页设计
可访问性
🚀纯CSS实现3D翻书特效!无JavaScript也能玩出花
代码
🚀纯CSS实现3D翻书特效!无JavaScript也能玩出花
2025-05-15 10:22:08 +0800 CST
view 1665
本文介绍了一种纯CSS实现的3D翻书特效,展示了如何通过CSS的高级特性如transform-style、perspective和transition等,创建逼真的翻页效果。该特效无需JavaScript,提供了优秀的交互体验,适合练习CSS3变换与3D动画。文中还提供了完整的HTML源码,便于读者直接使用和修改。
前端开发
CSS
动画效果
网页设计
用户体验
编程
CSS中实现从左下角到右上角的渐变效果
2024-11-19 02:17:33 +0800 CST
view 1902
本文详细介绍了如何在CSS中实现从左下角到右上角的渐变效果。通过使用`linear-gradient`函数,可以指定渐变的方向和颜色过渡。示例中展示了两种颜色渐变、使用角度定义渐变以及添加多个颜色停止点来创建复杂的渐变效果。总结了方向渐变、颜色控制和多颜色渐变的实现方法,帮助读者更好地理解和应用CSS渐变。
前端开发
CSS
网页设计
解决闪烁问题的完整图片悬停放大HTML代码
代码
解决闪烁问题的完整图片悬停放大HTML代码
2025-05-21 23:23:54 +0800 CST
view 1464
本文介绍了一种解决图片悬停放大时闪烁问题的HTML代码。通过使用CSS的`opacity`和`visibility`属性替代`display`,优化事件处理逻辑,并添加过渡动画效果,使得显示和隐藏过程更加平滑自然。提供了完整的HTML和JavaScript代码示例,详细说明了如何实现无闪烁的放大效果。
前端开发
网页设计
用户体验
编程
如何在前端避免重排(Reflow)和重绘(Repaint)
2024-11-19 02:28:18 +0800 CST
view 1783
本文介绍了如何在前端开发中避免重排和重绘,以提高页面性能和用户体验。通过减少DOM操作、使用CSS动画、利用合成层、以及合理使用will-change属性等技术,可以有效降低重排和重绘的频率,从而优化页面渲染性能。总结了关键策略,强调了批量操作DOM和避免昂贵的CSS属性的重要性。
前端开发
性能优化
网页设计
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
下一页