程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Rust vs JavaScript: 使用 WebAssembly 提升 66% 的性能
编程
Rust vs JavaScript: 使用 WebAssembly 提升 66% 的性能
2024-11-19 04:18:48 +0800 CST
view 1749
本文探讨如何通过WebAssembly在JavaScript应用中提升性能,以斐波那契算法为例。介绍了JavaScript的单线程问题及其对用户体验的影响,展示了如何使用WebWorker和WebAssembly进行多线程计算。通过Rust和AssemblyScript编写的WebAssembly模块,性能分别提升了66%和53%。总结指出WebAssembly是高性能计算的有效优化手段。
编程
性能优化
Web开发
前端技术
WebAssembly
🚀纯CSS实现3D翻书特效!无JavaScript也能玩出花
代码
🚀纯CSS实现3D翻书特效!无JavaScript也能玩出花
2025-05-15 10:22:08 +0800 CST
view 1426
本文介绍了一种纯CSS实现的3D翻书特效,展示了如何通过CSS的高级特性如transform-style、perspective和transition等,创建逼真的翻页效果。该特效无需JavaScript,提供了优秀的交互体验,适合练习CSS3变换与3D动画。文中还提供了完整的HTML源码,便于读者直接使用和修改。
前端开发
CSS
动画效果
网页设计
用户体验
Kubernetes v1.36「Haru」深度解析:71 项增强、4 年磨一剑的安全隔离,与 AI 时代的异构算力新范式
编程
Kubernetes v1.36「Haru」深度解析:71 项增强、4 年磨一剑的安全隔离,与 AI 时代的异构算力新范式
2026-05-10 00:12:43 +0800 CST
view 193
Kubernetes v1.36 Haru深度解析:Pod User Namespaces四年终GA、Mutating Admission Policies告别Webhook、DRA GPU可分片设备、OCI VolumeSource模型分发新范式、Ingress-NGINX退役与Gateway API迁移、完整升级检查清单
Kubernetes
K8s
DRA
GPU
User Namespaces
云原生
Container
Ingress
Gateway API
安全
编程
CSS中实现从左下角到右上角的渐变效果
2024-11-19 02:17:33 +0800 CST
view 1695
本文详细介绍了如何在CSS中实现从左下角到右上角的渐变效果。通过使用`linear-gradient`函数,可以指定渐变的方向和颜色过渡。示例中展示了两种颜色渐变、使用角度定义渐变以及添加多个颜色停止点来创建复杂的渐变效果。总结了方向渐变、颜色控制和多颜色渐变的实现方法,帮助读者更好地理解和应用CSS渐变。
前端开发
CSS
网页设计
如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动
编程
如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动
2024-11-18 15:30:45 +0800 CST
view 1437
本文介绍了如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动。通过处理鼠标的mousedown、mousemove和mouseup事件,结合动态DOM操作,读者可以掌握拖动效果的实现技巧,提升用户体验。文中提供了详细的HTML和JavaScript代码示例,帮助读者理解拖动功能的核心逻辑和实现方法。
前端开发
用户交互
JavaScript
DOM操作
CSS
50 个实用前端 JavaScript/CSS 代码片段
代码
50 个实用前端 JavaScript/CSS 代码片段
2025-05-21 09:53:05 +0800 CST
view 1451
本文整理了50个实用的JavaScript和CSS代码片段,涵盖设备判断、事件监听、DOM操作、数据处理等多个方面,旨在提高前端开发的效率。每个代码片段都提供了具体的实现方式,适合开发者在日常工作中参考和使用。
前端开发
JavaScript
CSS
代码片段
实用工具
React 19 深度解析:自 Hooks 以来最大变革——17 项新特性实战与从 React 18 的渐进式迁移全景
编程
React 19 深度解析:自 Hooks 以来最大变革——17 项新特性实战与从 React 18 的渐进式迁移全景
2026-05-10 03:08:45 +0800 CST
view 237
React 19 自 Hooks 以来最大变革:use() Hook 打破 Hooks 规则、Server Components 生产可用、Actions 让表单处理回归简洁、React Compiler 自动优化、useOptimistic 乐观更新、完整迁移指南与实战案例
React 19
use Hook
Server Components
Actions
React Compiler
useOptimistic
useFormStatus
Asset Loading
我把 Claude Code 变成了专属运维工程师:MCP + Skills 实战全记录
案例
我把 Claude Code 变成了专属运维工程师:MCP + Skills 实战全记录
2026-05-10 08:41:57 +0800 CST
view 198
通过 MCP + Skills 把 Claude Code 变成专属运维工程师。核心工具:mcp-ssh-manager(SSH操作)、vps-setup Skill(服务器初始化)。一句话完成 VPS 优化、项目部署、监控、Cloudflare 配置。安全边界设计:低权限账号、敏感操作人工审核、Zone-level 权限。
Claude Code
MCP
Skills
运维
SRE
SSH
Docker
Nginx
Cloudflare
AI运维
自动化
GitNexus 深度实战:零服务器代码智能引擎——浏览器端知识图谱与 Graph RAG 的架构革命
编程
GitNexus 深度实战:零服务器代码智能引擎——浏览器端知识图谱与 Graph RAG 的架构革命
2026-05-23 04:17:55 +0800 CST
view 98
深入解析 GitNexus —— 一款完全在浏览器端运行的代码知识图谱创建工具,从技术架构、Graph RAG 实现原理到性能优化,全方位拆解这款颠覆传统代码分析范式的开源项目。
GitNexus
代码知识图谱
Graph RAG
浏览器端
WebAssembly
120个实用CSS技巧汇总合集
代码
120个实用CSS技巧汇总合集
2025-06-23 13:19:55 +0800 CST
view 1062
本文汇总了120个实用的CSS技巧,涵盖布局、视觉样式、交互、性能优化、动画效果等多个方面,适合新手和进阶前端工程师。每个技巧都配有代码示例,帮助开发者提升页面性能与用户体验,掌握高效、优雅的前端开发技能。
前端开发
CSS
网页设计
WebAssembly 组件模型深度实战:从 WASI Preview2 到跨语言组件互操作,重新定义一次编译到处运行的真正含义
编程
WebAssembly 组件模型深度实战:从 WASI Preview2 到跨语言组件互操作,重新定义一次编译到处运行的真正含义
2026-04-30 03:54:47 +0800 CST
view 263
深入解析 WebAssembly 组件模型技术体系:WIT接口定义、跨语言组件互操作、WASI Preview2能力安全、Wasm容器化部署、性能优化与生产实战
WebAssembly
Wasm
组件模型
WASI
WIT
跨语言
2026 CSS 新特性深度解析:从 Popper.js 到原生锚点定位,前端工具链的终极进化
编程
2026 CSS 新特性深度解析:从 Popper.js 到原生锚点定位,前端工具链的终极进化
2026-04-19 22:45:35 +0800 CST
view 280
2026 年 CSS 迎来革命性升级:原生锚点定位取代 Popper.js、grid-lanes 实现瀑布流、滚动驱动动画解放主线程、field-sizing 一行代码解决 textarea 自动高度。深度解析四大新特性的原理与实战。
CSS
前端
前端工程化
性能优化
Rust 1.96 + .NET 11 双重地震:WebAssembly 生态正在经历一场“去补丁化”革命
编程
Rust 1.96 + .NET 11 双重地震:WebAssembly 生态正在经历一场“去补丁化”革命
2026-04-11 09:55:58 +0800 CST
view 649
2026年4月,Rust官方移除--allow-undefined补丁、.NET 11 Preview1集成CoreCLR on WASM,两大生态同步推进。本文深入解析WebAssembly去补丁化革命的核心原理与实战。
Rust
WebAssembly
.NET
WASM
CoreCLR
Archon深度解析:首个开源AI编程Harness Builder如何让代码生成从玄学变工程
编程
Archon深度解析:首个开源AI编程Harness Builder如何让代码生成从玄学变工程
2026-04-20 03:14:36 +0800 CST
view 400
深度解析Archon——首个开源AI编程Harness Builder,从架构设计到实战应用,揭秘如何让AI编程从玄学变工程。
AI编程
Harness Engineering
Archon
Claude Code
工作流自动化
W3C震撼官宣:WebAssembly正式成为Web一等编程语言——从 "JavaScript小弟" 到 "原生级性能霸主" 的完整技术解析
编程
W3C震撼官宣:WebAssembly正式成为Web一等编程语言——从 "JavaScript小弟" 到 "原生级性能霸主" 的完整技术解析
2026-05-16 21:49:12 +0800 CST
view 157
2026年3月W3C正式将WebAssembly定为Web一等编程语言。本文深度解析WASM如何打破JavaScript垄断,直接DOM操作、多语言支持(Rust/C++/Go/Python)、并行计算与GPU加速,以及Blazor从4.2秒优化到300ms的实战案例。
WebAssembly
WASM
Rust
性能优化
浏览器
WASI
边缘计算
并行计算
GPU加速
使用 rem 适配 PC 与移动端——原理与实战指南
编程
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48 +0800 CST
view 1087
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
WasmGC 深度实战:从 GC Types 到跨语言浏览器高性能运行——下一代 Web 性能革命的架构完全指南
编程
WasmGC 深度实战:从 GC Types 到跨语言浏览器高性能运行——下一代 Web 性能革命的架构完全指南
2026-05-23 11:44:37 +0800 CST
view 101
深入解析 WasmGC 提案:从底层原理、WAT 字节码结构到 Kotlin/Dart 生产级编译实战,探讨 Docker WASM 云端部署与 WebGPU 协同优化的完整指南
WebAssembly
WasmGC
浏览器性能
Kotlin
WASM
WebGPU + WebAssembly:2026年浏览器端到端高性能计算的完整实战指南
编程
WebGPU + WebAssembly:2026年浏览器端到端高性能计算的完整实战指南
2026-05-16 23:21:19 +0800 CST
view 182
深度解析WebGPU与WebAssembly协同计算,从底层原理到工程实战,涵盖渲染管线、并行计算、SIMD加速、零拷贝数据传输等核心技能
WebGPU
WebAssembly
前端
图形
性能优化
Rust
JavaScript
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 909
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
CSS实现亚克力和磨砂玻璃效果
编程
CSS实现亚克力和磨砂玻璃效果
2024-11-18 01:21:20 +0800 CST
view 2023
本文讨论了如何使用CSS实现亚克力和磨砂玻璃效果,介绍了这两种效果的历史背景及其在现代UI设计中的应用。通过使用CSS的filter和backdrop-filter属性,提供了详细的代码示例,展示了如何构建这些视觉效果,强调了透明度、模糊和层次感的重要性。
UI设计
前端开发
CSS效果
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
编程
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
2026-05-23 18:15:43 +0800 CST
view 73
深入拆解2026年AI Agent开发最新范式:Harness Engineering(线束工程),从Prompt Engineering的结构性失败到硬核系统约束的范式转移,六大核心支柱与生产级实战代码
AI Agent
Harness Engineering
工程实践
架构设计
browser-harness:狂揽 11.9K Stars!让 AI Agent 真正丝滑操控浏览器
案例
browser-harness:狂揽 11.9K Stars!让 AI Agent 真正丝滑操控浏览器
2026-05-11 10:18:42 +0800 CST
view 225
11.9K Stars 的开源项目 browser-harness,通过 CDP 框架直接连接 AI Agent 与真实 Chrome 浏览器,完全模拟人的行为,让 Agent 可以丝滑地浏览网页、搜索资料、填写表单、发布内容,不会触发任何反爬虫检测。
browser-harness
AI Agent
CDP
浏览器自动化
Claude Code
WebSocket
反爬虫
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1566
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
5个 CSS 新功能,简单好用还超省时间
代码
5个 CSS 新功能,简单好用还超省时间
2025-07-18 07:48:14 +0800 CST
view 878
本文介绍了五个值得立即使用的CSS新功能,包括:has()、clamp()、mask-image、scroll-snap-type和aspect-ratio。这些特性能够简化代码、提升效果和加快开发速度,解决了许多传统上需要JavaScript或复杂技巧才能实现的问题。掌握这些新特性将使前端开发更加高效和现代。
CSS
前端开发
新特性
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
...
7
下一页