程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
LeaferJS 深度实战:百万级图形的 Canvas 引擎——从底层架构到生产级编辑器的完全指南(2026)
编程
LeaferJS 深度实战:百万级图形的 Canvas 引擎——从底层架构到生产级编辑器的完全指南(2026)
2026-06-03 09:40:17 +0800 CST
view 21
深入解析 LeaferJS 这款国产 Canvas 引擎,从底层架构设计到生产级图形编辑器实战,包含性能优化策略、四叉树命中检测、脏矩形渲染等核心技术原理与代码示例。
LeaferJS
Canvas
前端图形
性能优化
开源项目
告别笨重 CAD:Claude 写出来的 3D 建筑编辑器,浏览器打开就能用
资讯
告别笨重 CAD:Claude 写出来的 3D 建筑编辑器,浏览器打开就能用
2026-04-24 07:27:07 +0800 CST
view 359
PascalEditor是一款由ClaudeAI参与开发的WebGPU3D建筑编辑器,开源免费、浏览器直接运行、性能流畅。本文深入分析其技术架构(WebGPU、ReactThreeFiber、脏节点追踪、Monorepo分层设计)、核心特性(零门槛免安装、完全免费开源、AI参与开发)、与主流工具(酷家乐、SketchUp、AutoCAD/Revit)的对比,以及它所代表的AI编程新范式。适合装修房主、设计师、前端开发者及创业团队使用。
WebGPU
ReactThreeFiber
AI编程
开源3D工具
Claude
前端图形学
建筑可视化
MIT协议
3D编辑器
浏览器应用
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
编程
WebGPU 深度解析:当 Chrome 正式发布 WebGPU 实现,Web 图形与通用计算的新纪元已至
2026-04-15 19:20:07 +0800 CST
view 319
深入解析 Chrome 113 正式发布的 WebGPU 实现:架构设计、WGSL 着色器语言、Compute Shader 机器学习推理实战、性能对比与完整代码示例
WebGPU
WGSL
Chrome
图形API
GPU计算
Compute Shader
机器学习
Web图形
WebGPU + WebAssembly:2026年浏览器端到端高性能计算的完整实战指南
编程
WebGPU + WebAssembly:2026年浏览器端到端高性能计算的完整实战指南
2026-05-16 23:21:19 +0800 CST
view 212
深度解析WebGPU与WebAssembly协同计算,从底层原理到工程实战,涵盖渲染管线、并行计算、SIMD加速、零拷贝数据传输等核心技能
WebGPU
WebAssembly
前端
图形
性能优化
Rust
JavaScript
Figma 从 WebGL 到 WebGPU:一场浏览器图形引擎的工业级迁移实录
编程
Figma 从 WebGL 到 WebGPU:一场浏览器图形引擎的工业级迁移实录
2026-05-23 15:45:10 +0800 CST
view 152
深入剖析全球顶级设计工具Figma从WebGL迁移到WebGPU的全过程,涵盖着色器自动转换、缓冲区管理、性能优化、跨平台兼容性等核心工程实践。
WebGPU
Figma
图形渲染
前端性能优化
WGSL
Shader
浏览器
综合
LeaferJS:绚丽多彩的 HTML5 Canvas 2D 图形渲染引擎
2024-11-18 16:29:20 +0800 CST
view 1939
LeaferJS是一个强大的HTML5Canvas2D图形渲染引擎,提供丰富的UI绘图和交互功能,支持自动布局、图形编辑和SVG导出。它适用于高效绘图和数字化产品开发,具备跨平台和高性能的特点。用户可以通过简单的代码实现复杂的图形和交互效果,未来将支持可视化开发网页、应用、游戏和动画。
图形渲染
前端开发
用户界面
数字化产品
开发工具
如何在Vue3中使用Three.js实现3D图形渲染?
编程
如何在Vue3中使用Three.js实现3D图形渲染?
2024-11-18 19:05:19 +0800 CST
view 1895
本文介绍了如何在Vue3项目中使用Three.js实现基本的3D图形渲染。通过创建一个新的Vue3项目,安装Three.js,并编写一个名为ThreeScene的组件,展示了如何初始化3D场景、相机和渲染器,以及如何实现立方体的旋转动画。最后,组件被集成到主应用中,展示了3D渲染的效果。
前端开发
3D图形
Vue.js
JavaScript
Three.js
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1499
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
编程
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形
2024-11-18 15:08:45 +0800 CST
view 2405
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形。它支持动态图形设计、数据可视化、游戏开发等多种应用场景。通过简单的API,开发者可以轻松实现动画和交互效果,提升用户体验。本文介绍了Paper.js的基本概念、使用案例及其在前端开发中的重要性。
前端开发
图形设计
开源工具
代码
HTML和JavaScript创建的烟花动画效果
2024-11-19 04:21:02 +0800 CST
view 1790
该文本展示了一个使用HTML和JavaScript创建的烟花动画效果。通过在画布上绘制烟花和粒子,代码实现了烟花的生成、更新和绘制。包含了画布的自适应调整和烟花爆炸后粒子的动画效果,整体背景为黑色,营造出烟花绽放的视觉效果。
前端开发
动画
图形编程
JavaScript
HTML
Rust GUI 开发:打造美观高性能的跨平台应用
编程
Rust GUI 开发:打造美观高性能的跨平台应用
2024-11-18 22:20:49 +0800 CST
view 2951
RustGUI开发正在快速发展,提供高性能、安全和跨平台的桌面应用开发工具。本文探讨了Rust的GUI生态系统,包括Druid、iced和egui等框架的特点和示例代码,强调了Rust在内存安全、并发性能和跨平台支持方面的优势。尽管生态系统相对年轻,但其潜力巨大,适合个人开发者和企业级应用。
编程
软件开发
Rust
图形用户界面
跨平台应用
Flowsint 深度实战:开源情报图形调查平台完全指南——从实体关联分析到自动化情报收集的工程化实践(2026)
编程
Flowsint 深度实战:开源情报图形调查平台完全指南——从实体关联分析到自动化情报收集的工程化实践(2026)
2026-06-02 23:14:35 +0800 CST
view 44
Flowsint 是一个现代化的开源情报(OSINT)图形调查平台,通过可视化、灵活且可扩展的架构,让复杂的情报关联分析变得直观高效。本文深入剖析 Flowsint 的架构设计、核心功能、实战部署和高级用法。
OSINT
网络安全
开源情报
图形数据库
Flowsint
Pycairo是一个强大的Python库,用于绘制各种2D图形
综合
Pycairo是一个强大的Python库,用于绘制各种2D图形
2024-11-18 21:01:19 +0800 CST
view 1760
Pycairo是一个强大的Python库,用于绘制各种2D图形。本文介绍了如何安装pycairo,并通过示例代码展示了绘制简单矩形、笑脸、添加文字和创建渐变效果的过程。Pycairo使得图形创作变得简单而有趣,适合用于设计logo、游戏图形和数据可视化等多种应用。
Python库
图形绘制
数据可视化
PySimpleGUI:一个非常实用但容易被忽视的宝藏Python库
综合
PySimpleGUI:一个非常实用但容易被忽视的宝藏Python库
2024-11-18 13:45:17 +0800 CST
view 1779
PySimpleGUI是一个易于使用的Python图形界面库,旨在简化GUI编程。它允许开发者快速创建美观的界面,支持简单的安装和配置。核心概念包括布局、窗口和事件循环。通过示例代码,展示了如何创建基本的应用程序,如问候应用和文件查找器。PySimpleGUI适合快速原型开发和小型工具制作,未来有望引入更多现代化的UI组件。
Python
图形用户界面
开发工具
纯 Go 实现的 WebGPU:gogpu/wgpu 深度解析,零 CGO 如何征服 GPU 编程
编程
纯 Go 实现的 WebGPU:gogpu/wgpu 深度解析,零 CGO 如何征服 GPU 编程
2026-04-26 01:42:52 +0800 CST
view 554
深度解析纯 Go 实现的 WebGPU 项目 gogpu/wgpu:零 CGO 依赖、syscall 直连 GPU API、Snatchable 资源管理模式、自动屏障生成、Damage-Aware 增量渲染,包含完整代码示例与性能对比
Go
WebGPU
GPU
Vulkan
系统编程
图形编程
2026 CSS 新特性深度解析:从 Popper.js 到原生锚点定位,前端工具链的终极进化
编程
2026 CSS 新特性深度解析:从 Popper.js 到原生锚点定位,前端工具链的终极进化
2026-04-19 22:45:35 +0800 CST
view 297
2026 年 CSS 迎来革命性升级:原生锚点定位取代 Popper.js、grid-lanes 实现瀑布流、滚动驱动动画解放主线程、field-sizing 一行代码解决 textarea 自动高度。深度解析四大新特性的原理与实战。
CSS
前端
前端工程化
性能优化
一行命令搞定!16.5k Star 的开源神器,让 AI 生成的前端终于有审美了
案例
一行命令搞定!16.5k Star 的开源神器,让 AI 生成的前端终于有审美了
2026-05-11 16:39:33 +0800 CST
view 224
16.5K Stars 的开源项目 taste-skill,让 AI 生成的前端代码告别紫蓝渐变 Hero + 三列圆角卡片的模板风。一行命令安装,支持 Cursor/Claude Code/Codex 等主流编程 Agent。
taste-skill
AI前端
设计规范
Claude Code
Cursor
反slop
前端开发
SKILL
编译型框架的量子跃迁:Svelte 5 Runes如何用信号系统终结虚拟DOM时代
编程
编译型框架的量子跃迁:Svelte 5 Runes如何用信号系统终结虚拟DOM时代
2026-05-11 21:14:53 +0800 CST
view 243
深度解析Svelte 5 Runes系统:编译时信号的响应式革命,对比Vue/React性能差异,附完整迁移实战指南
Svelte
Svelte 5
Runes
信号系统
编译型框架
前端框架
TypeScript
前端性能
Vue
React
Rust 正在吞噬前端工具链:SWC、Rspack、Oxc、Rolldown 如何重写 JavaScript 基建
编程
Rust 正在吞噬前端工具链:SWC、Rspack、Oxc、Rolldown 如何重写 JavaScript 基建
2026-05-12 10:16:58 +0800 CST
view 312
深度解析2026年前端工具链的Rust革命:SWC比Babel快70倍、Rspack替代Webpack提升15倍、Oxc Linter比ESLint快100倍、Rolldown统一Vite打包架构。附架构解析与迁移实战。
Rust
前端工具链
SWC
Rspack
Oxc
Rolldown
Webpack
性能优化
前端工程化
利用图片实现网站的加载速度
编程
利用图片实现网站的加载速度
2024-11-18 12:29:31 +0800 CST
view 1254
这段代码通过创建并加载隐藏的图片来检测多个外部链接的加载时间,并将其显示在页面上。代码使用JavaScript动态创建`img`元素,捕获加载事件以计算时间,并在页面上显示。优化建议包括使用`Date.now()`进行准确计时,避免内联样式和事件绑定,处理加载成功和失败的情况,以提高代码的性能和可读性。
网页性能
前端开发
JavaScript编程
前端
Rust 在前端工具链的崛起:2026 年生态全景与实战指南
编程
Rust 在前端工具链的崛起:2026 年生态全景与实战指南
2026-05-18 21:45:54 +0800 CST
view 160
深度解析 Rolldown Oxc Rspack Turbopack 等 Rust 前端工具
Rust
前端工具链
2026
前端开发
性能优化
VTJ.PRO:Vue3生态最火的AI低代码平台,9.3K Star,双向代码自由无锁定
编程
VTJ.PRO:Vue3生态最火的AI低代码平台,9.3K Star,双向代码自由无锁定
2026-04-16 17:09:36 +0800 CST
view 347
VTJ.PRO是Gitee上9.3K Star的Vue3 AI低代码平台,支持一次设计输出Web/H5/UniApp多端代码,双向代码自由无平台锁定,适合企业级应用快速开发。
Vue3
低代码
AI
前端
开源
多端
前端开发
Vue3 中如何处理跨组件共享数据的需求?
编程
Vue3 中如何处理跨组件共享数据的需求?
2024-11-19 00:30:11 +0800 CST
view 1471
在Vue3中,处理跨组件共享数据的需求可以通过全局状态管理器和CompositionAPI实现。全局状态管理器使用`provide`和`inject`API让子组件获取祖先组件提供的数据,而CompositionAPI提供了更灵活的方式来管理共享状态。两种方法都能有效提升应用的可维护性和开发效率。
Vue
前端开发
状态管理
回到上次阅读位置技术实践
编程
回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST
view 1324
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案:使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测,分析了各方案的优缺点及适用场景,提供了选型建议以提升用户体验。
前端开发
用户体验
技术方案
网页设计
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
...
30
下一页