程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
原生JS判断手机与PC端:实现一个炫酷设备检测页面
编程
原生JS判断手机与PC端:实现一个炫酷设备检测页面
2025-09-18 08:37:04 +0800 CST
view 778
本文详细介绍如何使用原生JavaScript检测设备类型,通过分析用户代理字符串、屏幕特性和触摸支持等多种方法判断手机与PC设备。包含完整的HTML实现代码,展示设备详细信息并提供直观的视觉反馈,帮助开发者创建精确的设备检测页面。
前端开发
JavaScript
响应式设计
Web技术
编程
Typed.js库在网页上实现炫酷的打字效果
2024-11-19 00:51:40 +0800 CST
view 1800
本文介绍了如何使用Typed.js库在网页上实现炫酷的打字效果。Typed.js是一个轻量级的JavaScript库,支持高度可定制的打字和删除速度,适用于动态欢迎信息、产品介绍和交互式教程等场景。通过简单的代码示例,展示了如何在Vue组件中集成Typed.js,提升用户体验。
前端开发
JavaScript
动态效果
用户体验
Web设计
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
编程
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
2026-01-27 19:59:59 +0800 CST
view 1090
autofit.js是一个专注于大屏自适应适配的JavaScript库,采用transform缩放技术实现等比自适应。它解决了传统适配方案(如媒体查询、vw/rem单位)在大屏数据可视化项目中复杂图表组件适配困难的问题。该库具有零依赖、轻量级(仅3.6kB)、简单易用、智能适配和实时响应等核心特性。通过简洁的API(如init方法)和配置参数(el、dw、dh、resize等),开发者只需几行代码即可实现复杂大屏在不同分辨率下的自动等比缩放,极大减少了手动调整的工作量。
前端开发
JavaScript工具
响应式设计
数据可视化
Web开发
综合
如何实现PC打开是Web应用、手机打开是H5应用
2024-11-18 21:30:23 +0800 CST
view 2078
本文讨论了如何通过同一个链接在PC和移动设备上展示不同的应用。介绍了三种实现方式:1)服务器端逻辑,通过解析User-Agent返回不同内容;2)客户端JavaScript,动态加载不同资源;3)响应式设计,使用CSS媒体查询适配不同设备。提供了相关的示例代码,帮助开发者选择合适的实现方式。
Web开发
前端技术
响应式设计
JavaScript
服务器端编程
Chrome 最新事件处理 API 来了,addEventListener 要凉凉了?
编程
Chrome 最新事件处理 API 来了,addEventListener 要凉凉了?
2025-03-16 08:54:19 +0800 CST
view 1260
Chrome团队推出的ObservableAPI可能会使addEventListener成为历史。它简化了事件处理,避免了嵌套回调和内存泄漏,提供了更优雅的异步事件处理方式。通过简洁的代码示例,ObservableAPI显示了其在实时搜索、即时通讯和防抖功能等场景中的强大应用。作为浏览器原生支持的标准,ObservableAPI代表了前端开发的未来方向。
前端技术
JavaScript
Web开发
API
异步编程
JavaScript 实现访问本地文件夹
代码
JavaScript 实现访问本地文件夹
2024-11-18 23:12:47 +0800 CST
view 1890
本文介绍了如何使用JavaScript访问本地文件夹的功能,利用新的API`showDirectoryPicker`,用户可以选择文件夹并读取其中的文件。提供了示例代码,展示了如何处理目录和读取文件内容,同时考虑了用户隐私问题。
编程
Web开发
JavaScript
文件处理
前端中的 File 和 Blob 两个对象到底有什么不同
编程
前端中的 File 和 Blob 两个对象到底有什么不同
2024-11-18 14:50:11 +0800 CST
view 1528
本文详细介绍了JavaScript中的File和Blob对象的区别与应用。Blob用于表示不可变的二进制数据,适合处理大型文件,而File是Blob的子类,包含文件的元数据。通过示例代码,展示了如何创建、读取和上传Blob和File对象,以及它们在实际应用中的使用场景。
JavaScript
前端开发
文件处理
数据结构
WebAPI
告别"辅助驾驶":GPT-5-Codex如何用动态思考重新定义AI编程
编程
告别"辅助驾驶":GPT-5-Codex如何用动态思考重新定义AI编程
2026-05-11 19:45:54 +0800 CST
view 168
GPT-5-Codex突破性引入Dynamic Thinking机制,简单任务节省93.7%token,复杂任务可自主工作7小时以上。深度解析核心技术架构与SWE-Bench表现,及其对开发者工作方式的根本性改变。
GPT-5-Codex
OpenAI
AI编程
Dynamic Thinking
Codex
SWE-Bench
自主编程
Agent
Kimi K2.6 开源:12小时连续编码,300个Agent并行,4000次工具调用
编程
Kimi K2.6 开源:12小时连续编码,300个Agent并行,4000次工具调用
2026-04-21 11:06:57 +0800 CST
view 332
Kimi K2.6 开源版发布:SWE-Bench Pro 58.6,多项榜单压GPT-5.4和Claude Opus 4.6,支持300个并行sub-agent、12小时持续编码、4000次工具调用,开源SOTA位置稳固
Kimi
K2.6
开源
SWE-Bench
Agent
Swarm
长程编码
AI编程
模型开源
HuggingFace
Moonshot
Superpowers 深度解析:AI编程代理的工程化操作系统——让Claude Code化身专业架构师
编程
Superpowers 深度解析:AI编程代理的工程化操作系统——让Claude Code化身专业架构师
2026-04-17 16:16:42 +0800 CST
view 392
深度解析Superpowers:如何通过Skills框架强制AI遵循TDD、设计验证、代码审查等工程纪律,将Claude Code从「自信满满的初级工程师」进化为「懂得规矩的架构师」。14万Stars的开源项目全解析。
AI编程
Superpowers
Claude Code
TDD
工程化
Coding Agent
WebGPU + WebAssembly 2026:浏览器高性能计算的黄金组合全解析
编程
WebGPU + WebAssembly 2026:浏览器高性能计算的黄金组合全解析
2026-05-09 08:36:41 +0800 CST
view 262
深入解析2026年Chrome正式发布的WebGPU实现与WebAssembly的协同计算架构,从底层原理到代码实战,涵盖WGSL着色器、SIMD优化与性能调优
WebGPU
WebAssembly
WASM
GPU
WGSL
wasm-pack 1.0 深度解析:Rust WASM 端侧计算的内存管理与性能调优实战
编程
wasm-pack 1.0 深度解析:Rust WASM 端侧计算的内存管理与性能调优实战
2026-04-19 08:16:43 +0800 CST
view 264
深度解析 wasm-pack 1.0 发布后 Rust WASM 的内存管理与性能调优实战,涵盖零拷贝传递、内存泄漏防护、WebGPU 结合等技术要点。
WebAssembly
wasm-pack
Rust
性能优化
内存管理
WebGPU
前端架构
Rust vs JavaScript: 使用 WebAssembly 提升 66% 的性能
编程
Rust vs JavaScript: 使用 WebAssembly 提升 66% 的性能
2024-11-19 04:18:48 +0800 CST
view 1719
本文探讨如何通过WebAssembly在JavaScript应用中提升性能,以斐波那契算法为例。介绍了JavaScript的单线程问题及其对用户体验的影响,展示了如何使用WebWorker和WebAssembly进行多线程计算。通过Rust和AssemblyScript编写的WebAssembly模块,性能分别提升了66%和53%。总结指出WebAssembly是高性能计算的有效优化手段。
编程
性能优化
Web开发
前端技术
WebAssembly
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
编程
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
2026-04-21 09:24:16 +0800 CST
view 272
WebAssembly:二进制指令格式,让浏览器以接近原生速度运行C/C++/Rust代码,应用于游戏、视频处理、AI推理、边缘计算等场景
前端
WebAssembly
WASM
性能优化
Rust
C++
Web开发
技术介绍
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
编程
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
2026-04-15 19:20:07 +0800 CST
view 266
深入解析 Chrome 113 正式发布的 WebGPU 实现:架构设计、WGSL 着色器语言、Compute Shader 机器学习推理实战、性能对比与完整代码示例
WebGPU
WGSL
Chrome
图形API
GPU计算
Compute Shader
机器学习
Web图形
WebAssembly 2026 全面进化:从浏览器性能革命到 Serverless 边缘计算的完整实战指南
编程
WebAssembly 2026 全面进化:从浏览器性能革命到 Serverless 边缘计算的完整实战指南
2026-05-19 07:14:01 +0800 CST
view 138
2026年WebAssembly技术全景解析,覆盖WASM前端性能优化、WebGPU协同计算、WASI标准化、Serverless边缘计算实战
WebAssembly
WASM
WebGPU
WASI
Rust
Serverless
边缘计算
前端性能
WebGPU 深度解析:浏览器图形的第三次革命——从 WebGL 的 20fps 到 WebGPU 的 120fps
编程
WebGPU 深度解析:浏览器图形的第三次革命——从 WebGL 的 20fps 到 WebGPU 的 120fps
2026-05-14 11:45:03 +0800 CST
view 108
WebGPU是W3C历时7年打造的浏览器图形API新标准,2026年全浏览器稳定支持。Compute Shader让浏览器可做ML推理和物理模拟,Draw Call从2000提升至50000每帧,wgpu让Rust一套代码跑遍Web/桌面/移动5平台。深度解析WGSL着色器、PBR渲染、100万粒子模拟实战、WebGL迁移指南。
WebGPU
WebGL
GPU
Compute Shader
Rust
Rust Web 框架 2026 生态全景:Axum vs Actix-web vs Warp,TechEmpower 160K req/s 背后的技术真相
编程
Rust Web 框架 2026 生态全景:Axum vs Actix-web vs Warp,TechEmpower 160K req/s 背后的技术真相
2026-05-15 03:13:09 +0800 CST
view 136
TechEmpower Round 23 数据深度解析:Actix-web 160K req/s、Axum 148K req/s 领先 Go Gin 1.5-1.7 倍。从架构设计、SQLx/SeaORM/Diesel 数据库集成、生产部署到与 Go 选型对比,2026 年 Rust Web 框架完整选型指南。
Rust,Axum,Actix-web,Warp,Web框架,SQLx,SeaORM,后端开发
WebAssembly 深度实战:从零构建跨平台游戏引擎的架构设计与性能优化
编程
WebAssembly 深度实战:从零构建跨平台游戏引擎的架构设计与性能优化
2026-04-18 10:45:51 +0800 CST
view 230
深度解析如何基于 WebAssembly 构建跨平台游戏引擎,涵盖 ECS 架构设计、渲染管线、资源系统、输入抽象、性能优化等核心环节,提供完整的 Rust 代码实现与 WebGPU/WebGL2 后端适配。
WebAssembly
Rust
游戏引擎
跨平台
WebGPU
编程
Bun v1.3.12 深度解析:内置浏览器自动化、原生 Cron 调度与 JavaScriptCore 大升级——一个前端工程师眼中的「全家桶」革命
2026-05-02 18:35:10 +0800 CST
view 338
深入解析 Bun v1.3.12 的重磅更新:内置浏览器自动化 Bun.WebView、进程内 Cron 调度器、终端 Markdown 渲染、JavaScriptCore 大升级,以及 URLPattern 2.3 倍性能提升等优化。
Bun
JavaScript
Runtime
Browser Automation
Cron
Google Genkit:Firebase 出品的全栈 AI 应用开发框架
编程
Google Genkit:Firebase 出品的全栈 AI 应用开发框架
2026-04-18 09:17:44 +0800 CST
view 266
Google Firebase 团队开源的 Genkit 框架,一个框架支持 JavaScript/TypeScript、Go、Python 三种语言,统一接口接入多模型,提供 Flows、Dotprompt、RAG、Tool Calling 等核心能力,v0.5.0 已进入生产就绪状态。
AI
Google
Genkit
Firebase
TypeScript
开源框架
Agent Lightning 深度解析:微软如何用零代码改造让 AI Agent 实现自我进化
编程
Agent Lightning 深度解析:微软如何用零代码改造让 AI Agent 实现自我进化
2026-04-18 15:12:54 +0800 CST
view 276
深入剖析微软开源项目 Agent Lightning 的技术架构,详解零代码接入、多框架兼容、强化学习训练等核心特性
AI Agent
强化学习
LangChain
AutoGen
微软
开源
字节跳动 DeerFlow 2.0 深度解析:46k Star 的超级智能体框架,让 AI 真正「动手做事」
编程
字节跳动 DeerFlow 2.0 深度解析:46k Star 的超级智能体框架,让 AI 真正「动手做事」
2026-04-28 13:55:13 +0800 CST
view 177
深度解析字节跳动开源的 DeerFlow 2.0 超级智能体框架,46k Star 的核心技术架构、LangGraph 状态机原理、代码实战与性能优化指南。
AI Agent
LangGraph
DeerFlow
字节跳动
多智能体
深度学习
Agent Lightning 深度解析:零代码如何让任何框架的 AI Agent 实现自我进化
编程
Agent Lightning 深度解析:零代码如何让任何框架的 AI Agent 实现自我进化
2026-04-18 15:13:12 +0800 CST
view 260
深入剖析微软开源项目 Agent Lightning 的技术架构,详解零代码接入、多框架兼容、强化学习训练等核心特性
AI Agent
强化学习
LangChain
AutoGen
微软
开源
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
4
5
6
7
8
...
41
下一页