程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
编程
HTMX:用HTML属性实现AJAX、CSS过渡和WebSockets
2024-11-18 22:44:08 +0800 CST
view 1505
htmx是一个轻量级的JavaScript库,允许开发者通过简单的HTML属性实现复杂的交互功能,如AJAX、CSS过渡和WebSockets。它无需外部依赖,易于集成,适用于动态表单提交、实时数据更新和单页应用开发等场景。htmx通过简洁的接口和现代Web标准支持,优化了开发效率和应用性能,是现代Web开发的高效工具。
Web开发
JavaScript
前端框架
用户体验
技术工具
Axios时代已终结?fetch + AbortController 完美逆袭的实战指南
编程
Axios时代已终结?fetch + AbortController 完美逆袭的实战指南
2025-08-30 15:12:12 +0800 CST
view 861
本文探讨了Axios与浏览器原生APIfetch+AbortController的对比,分析了Axios的历史贡献及其在请求取消、超时控制和拦截器等方面的优势,同时介绍了fetch的原生优势及如何通过AbortController弥补其不足。文章提供了实战代码示例,强调了在现代浏览器开发中选择fetch+AbortController的优越性,减少依赖并提升性能。
前端开发
JavaScript
Web技术
API
性能优化
告别手动处理数据!SheetJS 终极指南:在浏览器与 Node.js 中玩转 Excel 与 CSV
编程
告别手动处理数据!SheetJS 终极指南:在浏览器与 Node.js 中玩转 Excel 与 CSV
2025-09-01 06:55:42 +0800 CST
view 718
SheetJS是一个强大的JavaScript库,用于在浏览器和Node.js环境中读取和写入多种电子表格格式,如Excel和CSV。它支持将数据从不同格式之间转换,提供丰富的API以便于操作工作簿、工作表和单元格。本文介绍了SheetJS的核心功能、使用方法和实战代码示例,帮助开发者快速上手处理电子表格数据。
JavaScript
数据处理
Web开发
电子表格
开源库
15 个 JavaScript 性能优化技巧
编程
15 个 JavaScript 性能优化技巧
2024-11-19 07:52:10 +0800 CST
view 1525
本文介绍了15个每位开发者都应该知道的JavaScript性能优化技巧,包括最小化DOM访问、使用requestAnimationFrame进行动画处理、对事件处理程序进行防抖和节流、优化循环、避免内存泄漏、压缩和最小化代码、延迟加载资源、使用WebWorkers、优化加载方式等。这些技巧旨在提升页面加载速度和用户体验。
编程
Web开发
性能优化
JavaScript
用户体验
如何在Vue3中实现一个简单的购物车功能,可以添加和移除商品
编程
如何在Vue3中实现一个简单的购物车功能,可以添加和移除商品
2024-11-18 14:03:25 +0800 CST
view 1685
本文介绍了如何在Vue3中实现一个简单的购物车功能,包括商品列表展示、添加商品到购物车和移除商品的功能。通过创建ProductList和ShoppingCart组件,以及使用Vuex进行状态管理,读者可以学习到如何构建一个功能完整的购物车系统。文章还提供了项目结构、代码实现和运行项目的详细步骤。
Web开发
前端
JavaScript
Vue.js
状态管理
安全赋值运算符:新的 JavaScript 提案让你告别 try-catch!
编程
安全赋值运算符:新的 JavaScript 提案让你告别 try-catch!
2024-11-19 07:48:48 +0800 CST
view 2090
安全赋值运算符(?=)是ECMAScript的新提案,旨在简化JavaScript中的错误处理。它通过返回错误和结果的数组,消除了传统的try-catch语句,增强了代码可读性和安全性。该运算符与Promise和实现了Symbol.result方法的对象兼容,提供了一种统一的错误处理方式。提案仍在初期阶段,需通过Polyfill使用。
JavaScript
Web开发
错误处理
编程提案
Vue3 组件间通信的多种方式
编程
Vue3 组件间通信的多种方式
2024-11-19 02:57:47 +0800 CST
view 1537
本文探讨了在Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信。通过示例代码,详细讲解了如何使用props和emit进行父子组件通信,以及如何通过父组件作为桥梁实现兄弟组件通信,最后介绍了使用EventBus进行非直接关系组件的通信。
前端开发
Vue.js
组件化
JavaScript
Web开发
Web浏览器的定时器问题思考
编程
Web浏览器的定时器问题思考
2024-11-18 22:19:55 +0800 CST
view 1773
本文探讨了JavaScript中定时器(setTimeout和setInterval)的执行问题,指出在CPU繁忙、频繁执行和页面后台等情况下,定时器的实际执行时间可能与预期不符。提供了示例代码展示定时器延迟的情况,并介绍了使用WebWorker来解决后台页面定时器延迟的问题,确保任务按预期执行。
JavaScript
Web开发
性能优化
定时器
浏览器
JavaScript 原生实现图片复制与粘贴
编程
JavaScript 原生实现图片复制与粘贴
2024-11-18 17:39:20 +0800 CST
view 1356
本文介绍了如何通过JavaScript实现图片的复制与粘贴功能,解决了微信内置浏览器中用户下载图片体验差的问题。通过使用fetch获取图片数据并将其放入剪贴板,再从剪贴板读取并显示图片,简化了操作流程。此方案在iOS17中测试通过,其他设备的兼容性需进一步验证。
JavaScript
Web开发
用户体验
剪贴板操作
编程
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST
view 1929
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果。本文介绍了mo.js的基本概念、特点及其在Vue环境中的应用,展示了如何通过简单的API实现复杂的动画效果,提升网页的动态性和用户体验。
前端开发
JavaScript
动画
用户体验
Web设计
原生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 1892
本文介绍了如何使用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 273
WebAssembly:二进制指令格式,让浏览器以接近原生速度运行C/C++/Rust代码,应用于游戏、视频处理、AI推理、边缘计算等场景
前端
WebAssembly
WASM
性能优化
Rust
C++
Web开发
技术介绍
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
3
4
5
6
7
...
40
下一页