程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Cloudflare 收购 VoidZero 深度拆解:当前端工具链遇到边缘计算巨头,Vite 生态的下一站是「AI 云入口」
编程
Cloudflare 收购 VoidZero 深度拆解:当前端工具链遇到边缘计算巨头,Vite 生态的下一站是「AI 云入口」
2026-07-31 17:15:10 +0800 CST
view 97
深度拆解 Cloudflare 收购 VoidZero:从 Vite 工具链的技术架构到 Cloudflare 的战略意图,分析这场前端工具链与边缘计算平台的历史性交汇对开发者和开源生态的影响。
Cloudflare
VoidZero
Vite
尤雨溪
前端工具链
边缘计算
Rolldown
Oxc
Workers AI
使用HTML、CSS和JavaScript(Vue.js)构建的创意时钟
代码
使用HTML、CSS和JavaScript(Vue.js)构建的创意时钟
2024-11-18 14:26:16 +0800 CST
view 1446
该文本展示了一个使用HTML、CSS和JavaScript(Vue.js)构建的创意时钟。时钟通过动态更新显示当前的年、月、日、时、分、秒,并使用CSS动画实现时钟指针的旋转效果。代码中包含了对时间的计算和格式化,确保时钟的准确性和美观性。
前端开发
网页设计
编程
时间显示
如何使用 Vue 3 中的 Vite 进行项目构建?
编程
如何使用 Vue 3 中的 Vite 进行项目构建?
2024-11-19 01:56:19 +0800 CST
view 1548
本文详细介绍了如何使用Vite构建Vue3项目,包括全局安装Vite、创建项目、安装依赖、项目结构解析、运行开发服务器、示例代码解析、自定义Vite配置及优化构建等步骤。Vite以其高效和简洁的配置方式,极大提升了前端开发体验,是构建Vue3项目的理想选择。
前端开发
Vue
构建工具
JavaScript
开发环境
Bun 1.4.0 深度拆解:当 JavaScript 运行时遇上 AI 重写——从 Zig 到 Rust 的 11 天极限迁移
编程
Bun 1.4.0 深度拆解:当 JavaScript 运行时遇上 AI 重写——从 Zig 到 Rust 的 11 天极限迁移
2026-07-14 09:43:57 +0800 CST
view 381
深度拆解 Bun 1.4.0 从 Zig 到 Rust 的 11 天极限迁移:53 万行代码、16.5 万美元、6755 个 commit,Claude Fable 5 驱动的 AI 重写如何改变了 JavaScript 工具链的未来。涵盖 PORTING.md 迁移策略、unsafe 争议、AI 重写能力边界分析。
Bun
Rust
Zig
JavaScript
AI编程
前端工程化
开源
代码迁移
可视化神器!Vue团队新作:一键解析node_modules依赖迷宫
编程
可视化神器!Vue团队新作:一键解析node_modules依赖迷宫
2025-08-26 06:46:04 +0800 CST
view 1279
NodeModulesInspector是由Vue团队成员antfu开发的可视化工具,旨在帮助前端开发者解析和管理node_modules中的复杂依赖关系。它提供了直观的交互式图表,能够检测依赖问题、提供优化建议,并支持生成静态报告,极大地提升了项目的可维护性和安全性。
前端开发
工具
依赖管理
可视化
项目优化
Viewer.js:零依赖前端图片预览神器,一行代码实现专业级大图查看
编程
Viewer.js:零依赖前端图片预览神器,一行代码实现专业级大图查看
2026-05-25 10:25:46 +0800 CST
view 490
Viewer.js是纯JS零依赖图片查看器,53个配置项+23个方法+17个事件,一行代码接入专业级大图预览,支持PC+移动端,MIT开源免费商用。
前端
JavaScript
图片预览
开源工具
Viewer.js
零依赖
React Server Components 深度实战:当 React 20 让「前后端分离」成为历史——从流式渲染、Server Actions 到多层缓存架构的完整工程指南(2026)
编程
React Server Components 深度实战:当 React 20 让「前后端分离」成为历史——从流式渲染、Server Actions 到多层缓存架构的完整工程指南(2026)
2026-07-21 00:43:40 +0800 CST
view 226
2026年React 20深度实战:React Server Components完整工程指南。从Flight协议原理、服务端组件vs客户端组件边界、流式渲染、Server Actions安全模型到四层缓存架构与生产部署,配完整可运行代码示例。
React
Server Components
RSC
Next.js
前端
全栈
性能优化
JavaScript
TypeScript
Biome v2.5 深度拆解:一个 Rust 工具链如何用 500 条规则重写前端代码质量范式
编程
Biome v2.5 深度拆解:一个 Rust 工具链如何用 500 条规则重写前端代码质量范式
2026-08-01 00:14:55 +0800 CST
view 138
深度拆解 Biome v2.5 的技术架构:500+ 条 lint 规则、跨文件分析、GritQL 插件系统、Watcher 模式,以及从 ESLint+Prettier 迁移的完整实战指南。
Biome
Rust
前端工具链
ESLint
Prettier
代码质量
Linter
格式化工具
如何使用Vue Router实现动态路由匹配
编程
如何使用Vue Router实现动态路由匹配
2024-11-18 17:20:03 +0800 CST
view 1569
本文介绍了如何使用VueRouter实现动态路由匹配,允许在单页应用中通过动态参数匹配多个路径。通过示例展示了用户列表和用户详情的实现,强调了动态路由的灵活性和强大功能,适用于多种应用场景。
前端开发
JavaScript
单页应用
路由管理
Vue 3中的 `setup` 函数有什么作用?
编程
Vue 3中的 `setup` 函数有什么作用?
2024-11-18 08:42:09 +0800 CST
view 1843
Vue3引入了组合式API,`setup`函数是其核心,替代了Vue2.x的选项式API。`setup`函数在组件创建时调用,处理组件逻辑,返回的数据和方法可直接在模板中使用。它接收`props`和`context`参数,支持响应式状态管理和代码组织。通过组合函数,开发者可以更高效地复用逻辑,提升代码可读性和灵活性。
前端开发
Vue.js
JavaScript
组件开发
响应式编程
如何在Vue项目中生成二维码和条形码
编程
如何在Vue项目中生成二维码和条形码
2024-11-19 08:05:12 +0800 CST
view 1849
本文介绍了如何在Vue项目中生成二维码和条形码。首先,确保安装Node.js和VueCLI,然后创建新项目并安装所需依赖qrcode和bwip-js。接着,创建二维码和条形码组件,分别实现二维码和条形码的生成。最后,在主应用中使用这两个组件,完成二维码和条形码的生成过程。
前端开发
Vue
二维码生成
条形码生成
JavaScript
综合
LeaferJS:绚丽多彩的 HTML5 Canvas 2D 图形渲染引擎
2024-11-18 16:29:20 +0800 CST
view 2233
LeaferJS是一个强大的HTML5Canvas2D图形渲染引擎,提供丰富的UI绘图和交互功能,支持自动布局、图形编辑和SVG导出。它适用于高效绘图和数字化产品开发,具备跨平台和高性能的特点。用户可以通过简单的代码实现复杂的图形和交互效果,未来将支持可视化开发网页、应用、游戏和动画。
图形渲染
前端开发
用户界面
数字化产品
开发工具
Vue 3 中的 `toRefs` 函数有什么用途?
编程
Vue 3 中的 `toRefs` 函数有什么用途?
2024-11-18 11:26:50 +0800 CST
view 1541
本文深入探讨了Vue3中`toRefs`函数的用途,解释了如何将响应式对象的属性转化为单个响应式引用,以保持响应性。通过示例代码,展示了`toRefs`在解构、计算属性、自定义钩子函数和监听变化等场景中的应用,强调了其在Vue3组合式API中的重要性。
前端开发
Vue.js
JavaScript
编程
技术
WebAssembly:前端开发的性能加速利器
编程
WebAssembly:前端开发的性能加速利器
2025-08-27 08:32:56 +0800 CST
view 1091
WebAssembly(WASM)是一种可在浏览器中运行的二进制指令格式,提供接近原生的性能表现,支持多种编程语言。它的优势包括卓越的执行速度、多语言开发支持、增强的安全性和广泛的浏览器兼容性。WASM在视频处理、图像处理、游戏、AI推理等领域有广泛应用。它与JavaScript并存,专注于性能密集型任务,推动前端开发进入新的性能时代。
Web技术
编程语言
前端开发
性能优化
浏览器技术
TypeScript 7.0 源码级深度拆解:微软为什么用 Go 重写编译器,10× 提速背后的并发架构与工程取舍
编程
TypeScript 7.0 源码级深度拆解:微软为什么用 Go 重写编译器,10× 提速背后的并发架构与工程取舍
2026-08-01 01:45:18 +0800 CST
view 172
TypeScript 7.0 用 Go 重写编译器实现 8~12 倍提速。本文从编译器工程第一性原理拆解:为什么选 Go 而非 Rust/C#、忠实移植策略、共享内存并行如何落地、tsgo 实战迁移与踩坑清单,以及对前端工具链原生化浪潮的影响。
TypeScript
TypeScript7
Go
编译器
类型检查
并发编程
性能优化
前端工具链
tsgo
Corsa
Vue 3创建一个简单的文件上传组件,并处理上传的文件
编程
Vue 3创建一个简单的文件上传组件,并处理上传的文件
2024-11-19 04:09:17 +0800 CST
view 2203
本文介绍了如何使用Vue3创建一个简单的文件上传组件,涵盖项目初始化、组件创建、文件处理和自定义功能。通过示例代码,读者可以学习如何实现文件选择、上传及其异常处理,并了解如何集成组件到主应用中。还提供了文件类型验证和上传进度显示的扩展建议。
前端开发
Vue.js
文件上传
组件开发
技术教程
使用 Vue 3 实现 Vue Router 中的嵌套路由
编程
使用 Vue 3 实现 Vue Router 中的嵌套路由
2024-11-19 08:00:19 +0800 CST
view 1552
本文深入探讨了如何在Vue3中使用VueRouter实现嵌套路由。嵌套路由是构建复杂单页应用的核心功能,允许组织不同视图层次结构。文章涵盖了引入Vue3和VueRouter、创建基本项目、设置路由、配置嵌套路由及示例代码,帮助读者掌握这一技能。
前端开发
Vue
路由管理
Vue 3 中使用 `watch` 和 `computed` 属性实现数据的变更监听与计算
编程
Vue 3 中使用 `watch` 和 `computed` 属性实现数据的变更监听与计算
2024-11-18 19:01:23 +0800 CST
view 1786
本文介绍了如何在Vue3中使用`watch`和`computed`属性实现数据的变更监听与计算。通过示例代码,展示了如何监听响应式数据的变化,并计算其平方和平方根。`watch`用于观察数据变化并执行回调,而`computed`则用于声明计算属性,提升性能。合理使用这两个属性可以简化代码逻辑,提升可读性和维护性。
前端开发
Vue.js
JavaScript
数据处理
编程
Rust 1.95 深度实战:cfg_select! 如何终结跨平台条件编译的依赖地狱,以及 Rust 正在如何吃掉整个前端工具链
编程
Rust 1.95 深度实战:cfg_select! 如何终结跨平台条件编译的依赖地狱,以及 Rust 正在如何吃掉整个前端工具链
2026-05-05 23:37:43 +0800 CST
view 819
Rust 1.95 cfg_select! 深度实战 + 2026 年前端工具链 Rust 化全景:从 Rolldown 位掩码分块到 Oxc AST 共享架构,从 Rspack Webpack 兼容层到 SWC 编译器基础设施
Rust
cfg_select
前端工具链
Rolldown
Oxc
Rspack
SWC
为什么vue:deep、/deep/、>>>样式能穿透到子组件
编程
为什么vue:deep、/deep/、>>>样式能穿透到子组件
2024-11-19 05:20:55 +0800 CST
view 1744
本文探讨了在Vue中使用`scoped`样式时,如何通过`deep`、`/deep/`和`>>>`符号修改外部组件的样式。介绍了这些符号的用法、效果及其在Vue3中的弃用情况,建议使用`:deep()`替代。同时分析了嵌套`deep`的有效性及其源码解析,指出`deep`不支持嵌套。最后鼓励读者关注开源项目。
Vue
前端开发
样式管理
万字深度解析 React Server Components:当同构渲染遇见「边界艺术」——从渲染模型到生产级性能优化的完整技术指南(2026)
编程
万字深度解析 React Server Components:当同构渲染遇见「边界艺术」——从渲染模型到生产级性能优化的完整技术指南(2026)
2026-07-02 15:44:03 +0800 CST
view 236
深度解析 React Server Components 的性能调优策略,涵盖边界划分艺术、流式渲染进阶、多级缓存体系构建,以及 Next.js App Router 实战优化,含 20+ 可运行代码示例
React Server Components
RSC
性能优化
Next.js
App Router
前端优化
流式渲染
TypeScript 7.0 深度拆解:当微软用 Go 语言重写编译器,一场改变前端工程化格局的性能革命
编程
TypeScript 7.0 深度拆解:当微软用 Go 语言重写编译器,一场改变前端工程化格局的性能革命
2026-07-14 11:46:17 +0800 CST
view 345
深度拆解 TypeScript 7.0:微软用 Go 语言重写编译器,带来 8-12 倍性能提升。本文从技术选型、架构设计、性能优化、迁移指南到生态影响,全面解析这场改变前端工程化格局的性能革命。
TypeScript
Go语言
编译器
性能优化
前端工程化
WebAssembly
并发编程
编程语言
Vite 8 深度拆解:当 Vite 亲手拆掉自己的两块招牌——Rolldown 统一引擎、Bundled Dev Mode 回归与 Chunk Import Map 的缓存手术
编程
Vite 8 深度拆解:当 Vite 亲手拆掉自己的两块招牌——Rolldown 统一引擎、Bundled Dev Mode 回归与 Chunk Import Map 的缓存手术
2026-08-09 07:20:28 +0800 CST
view 31
深度拆解 Vite 8/8.1:为什么双打包器架构必须死、Rolldown 凭什么比 Rollup+esbuild 快 25 倍、no-bundle 神话在两万模块前如何失效、Chunk Import Map 怎么终结哈希级联失效。含完整迁移清单、CJS interop 排查脚本、插件 filter 改造、chunk 分层策略与十条踩坑。
Vite8
Rolldown
Oxc
前端构建
打包器
Bundled Dev Mode
Chunk Import Map
Rust
性能优化
Lightning CSS
代码
Gin 框架的中间件 代码压缩
2024-11-19 08:23:48 +0800 CST
view 2358
这段代码实现了一个基于Gin框架的中间件,用于压缩和最小化HTML和JavaScript内容。它利用`tdewolff/minify`库,根据响应的`Content-Type`自动选择压缩方式,并通过自定义的`ResponseWriter`捕获原始响应内容。若压缩过程中发生错误,将返回500错误。该中间件显著减少响应体积,提高页面加载速度。
Web开发
性能优化
中间件
Go语言
前端
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
33
34
35
36
37
...
49
下一页