程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
15 个 JavaScript 性能优化技巧
编程
15 个 JavaScript 性能优化技巧
2024-11-19 07:52:10 +0800 CST
view 1696
本文介绍了15个每位开发者都应该知道的JavaScript性能优化技巧,包括最小化DOM访问、使用requestAnimationFrame进行动画处理、对事件处理程序进行防抖和节流、优化循环、避免内存泄漏、压缩和最小化代码、延迟加载资源、使用WebWorkers、优化加载方式等。这些技巧旨在提升页面加载速度和用户体验。
编程
Web开发
性能优化
JavaScript
用户体验
如何在Vue3中实现一个简单的购物车功能,可以添加和移除商品
编程
如何在Vue3中实现一个简单的购物车功能,可以添加和移除商品
2024-11-18 14:03:25 +0800 CST
view 1867
本文介绍了如何在Vue3中实现一个简单的购物车功能,包括商品列表展示、添加商品到购物车和移除商品的功能。通过创建ProductList和ShoppingCart组件,以及使用Vuex进行状态管理,读者可以学习到如何构建一个功能完整的购物车系统。文章还提供了项目结构、代码实现和运行项目的详细步骤。
Web开发
前端
JavaScript
Vue.js
状态管理
安全赋值运算符:新的 JavaScript 提案让你告别 try-catch!
编程
安全赋值运算符:新的 JavaScript 提案让你告别 try-catch!
2024-11-19 07:48:48 +0800 CST
view 2245
安全赋值运算符(?=)是ECMAScript的新提案,旨在简化JavaScript中的错误处理。它通过返回错误和结果的数组,消除了传统的try-catch语句,增强了代码可读性和安全性。该运算符与Promise和实现了Symbol.result方法的对象兼容,提供了一种统一的错误处理方式。提案仍在初期阶段,需通过Polyfill使用。
JavaScript
Web开发
错误处理
编程提案
Vue3 组件间通信的多种方式
编程
Vue3 组件间通信的多种方式
2024-11-19 02:57:47 +0800 CST
view 1710
本文探讨了在Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信。通过示例代码,详细讲解了如何使用props和emit进行父子组件通信,以及如何通过父组件作为桥梁实现兄弟组件通信,最后介绍了使用EventBus进行非直接关系组件的通信。
前端开发
Vue.js
组件化
JavaScript
Web开发
Web浏览器的定时器问题思考
编程
Web浏览器的定时器问题思考
2024-11-18 22:19:55 +0800 CST
view 1922
本文探讨了JavaScript中定时器(setTimeout和setInterval)的执行问题,指出在CPU繁忙、频繁执行和页面后台等情况下,定时器的实际执行时间可能与预期不符。提供了示例代码展示定时器延迟的情况,并介绍了使用WebWorker来解决后台页面定时器延迟的问题,确保任务按预期执行。
JavaScript
Web开发
性能优化
定时器
浏览器
JavaScript 原生实现图片复制与粘贴
编程
JavaScript 原生实现图片复制与粘贴
2024-11-18 17:39:20 +0800 CST
view 1539
本文介绍了如何通过JavaScript实现图片的复制与粘贴功能,解决了微信内置浏览器中用户下载图片体验差的问题。通过使用fetch获取图片数据并将其放入剪贴板,再从剪贴板读取并显示图片,简化了操作流程。此方案在iOS17中测试通过,其他设备的兼容性需进一步验证。
JavaScript
Web开发
用户体验
剪贴板操作
编程
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST
view 2076
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果。本文介绍了mo.js的基本概念、特点及其在Vue环境中的应用,展示了如何通过简单的API实现复杂的动画效果,提升网页的动态性和用户体验。
前端开发
JavaScript
动画
用户体验
Web设计
原生JS判断手机与PC端:实现一个炫酷设备检测页面
编程
原生JS判断手机与PC端:实现一个炫酷设备检测页面
2025-09-18 08:37:04 +0800 CST
view 946
本文详细介绍如何使用原生JavaScript检测设备类型,通过分析用户代理字符串、屏幕特性和触摸支持等多种方法判断手机与PC设备。包含完整的HTML实现代码,展示设备详细信息并提供直观的视觉反馈,帮助开发者创建精确的设备检测页面。
前端开发
JavaScript
响应式设计
Web技术
编程
Typed.js库在网页上实现炫酷的打字效果
2024-11-19 00:51:40 +0800 CST
view 1990
本文介绍了如何使用Typed.js库在网页上实现炫酷的打字效果。Typed.js是一个轻量级的JavaScript库,支持高度可定制的打字和删除速度,适用于动态欢迎信息、产品介绍和交互式教程等场景。通过简单的代码示例,展示了如何在Vue组件中集成Typed.js,提升用户体验。
前端开发
JavaScript
动态效果
用户体验
Web设计
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
编程
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
2026-01-27 19:59:59 +0800 CST
view 1447
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 2306
本文讨论了如何通过同一个链接在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 1440
Chrome团队推出的ObservableAPI可能会使addEventListener成为历史。它简化了事件处理,避免了嵌套回调和内存泄漏,提供了更优雅的异步事件处理方式。通过简洁的代码示例,ObservableAPI显示了其在实时搜索、即时通讯和防抖功能等场景中的强大应用。作为浏览器原生支持的标准,ObservableAPI代表了前端开发的未来方向。
前端技术
JavaScript
Web开发
API
异步编程
JavaScript 实现访问本地文件夹
代码
JavaScript 实现访问本地文件夹
2024-11-18 23:12:47 +0800 CST
view 2061
本文介绍了如何使用JavaScript访问本地文件夹的功能,利用新的API`showDirectoryPicker`,用户可以选择文件夹并读取其中的文件。提供了示例代码,展示了如何处理目录和读取文件内容,同时考虑了用户隐私问题。
编程
Web开发
JavaScript
文件处理
前端中的 File 和 Blob 两个对象到底有什么不同
编程
前端中的 File 和 Blob 两个对象到底有什么不同
2024-11-18 14:50:11 +0800 CST
view 1673
本文详细介绍了JavaScript中的File和Blob对象的区别与应用。Blob用于表示不可变的二进制数据,适合处理大型文件,而File是Blob的子类,包含文件的元数据。通过示例代码,展示了如何创建、读取和上传Blob和File对象,以及它们在实际应用中的使用场景。
JavaScript
前端开发
文件处理
数据结构
WebAPI
Deno 深度实战:当 JavaScript 运行时遇上 Rust + V8 —— 从安全模型到生产级部署的完全指南(2026)
编程
Deno 深度实战:当 JavaScript 运行时遇上 Rust + V8 —— 从安全模型到生产级部署的完全指南(2026)
2026-06-10 09:22:22 +0800 CST
view 205
Deno 深度实战指南,从架构原理到生产部署,涵盖安全模型、Web标准兼容、TypeScript支持、去中心化模块系统等核心特性,并提供高性能Web API、CLI工具、文件系统操作、WebSocket实时通信等实战代码。
Deno
JavaScript
TypeScript
Rust
安全模型
Tauri 2.0 vs Electron 2026终极横评:桌面跨平台开发的生死局,谁才是未来?
编程
Tauri 2.0 vs Electron 2026终极横评:桌面跨平台开发的生死局,谁才是未来?
2026-06-29 12:15:49 +0800 CST
view 193
2026年Tauri 2.0与Electron终极横评:架构原理、性能数据、安全模型、开发体验、生态对比,并给出真实项目的选型决策树,助你做出正确的技术决策。
Tauri
Electron
桌面开发
跨平台
Rust
JavaScript
TypeScript
Deno 2.8 vs Bun vs Node.js v26:2026年JavaScript运行时三国杀,生态正在重写游戏规则
编程
Deno 2.8 vs Bun vs Node.js v26:2026年JavaScript运行时三国杀,生态正在重写游戏规则
2026-06-29 20:46:55 +0800 CST
view 147
2026年6月Deno 2.8、Bun和Node.js v26三大运行时同日发布重磅更新。Deno兼容率跃升至76.4%超越Bun,Bun被Anthropic收购后完成百万行Rust重写,Node.js内置SQLite和后量子密码学。本文从架构原理、性能数据、代码实战出发,给出程序员视角的深度横评和选型决策框架。
Deno
Bun
Node.js
JavaScript
TypeScript
运行时
2026
QUIC
后量子加密
npm
Deno 2.0 深度实战:Node.js之父的理想主义如何在2026年真正落地
编程
Deno 2.0 深度实战:Node.js之父的理想主义如何在2026年真正落地
2026-05-23 08:23:05 +0800 CST
view 456
Deno 2.0正式发布,带来完整的npm兼容性、package.json支持和稳定的API。本文从环境配置、安全权限系统、TypeScript原生支持、内置工具链、Deno KV嵌入式数据库、Deno Deploy边缘部署等维度,深度解析这一Node.js之父的野心之作,并与Bun、Node.js 26进行实战性能对比。
Deno
TypeScript
Node.js
Bun
后端开发
边缘计算
JavaScript运行时
KV数据库
被 AI 巨头收购后,Bun 正在成为 Claude Code 的核心引擎——这意味着什么?
编程
被 AI 巨头收购后,Bun 正在成为 Claude Code 的核心引擎——这意味着什么?
2026-04-20 00:14:19 +0800 CST
view 979
深度解析 Bun 加入 Anthropic 后的技术整合,Claude Code 51万行源码背后的架构设计与性能对比
Bun
Anthropic
Claude Code
TypeScript
JavaScript
Bun 深度解析:被 Anthropic 收购后的疯狂进化,从 Node.js 替代品到 AI 原生运行时的技术全解
编程
Bun 深度解析:被 Anthropic 收购后的疯狂进化,从 Node.js 替代品到 AI 原生运行时的技术全解
2026-04-30 23:25:26 +0800 CST
view 1012
深度解析Bun被Anthropic收购后的技术进化:Zig底层原理、JavaScriptCore优化、内建数据库驱动、WebView无头浏览器、cron调度器、并行测试,以及AI原生运行时的技术逻辑
Bun
JavaScript
Zig
JavaScriptCore
Anthropic
Node.js
AI
Bun v1.3 深度解析:内置数据库、零配置前端与 SIMD 暴力优化——JavaScript 工具链的终极一体化
编程
Bun v1.3 深度解析:内置数据库、零配置前端与 SIMD 暴力优化——JavaScript 工具链的终极一体化
2026-05-11 00:52:35 +0800 CST
view 567
深度解析 Bun v1.3 的核心技术:内置 SQL/Redis 数据库客户端、零配置前端开发模式、原生 HMR、交叉编译独立可执行文件、SIMD 暴力优化,以及与 Node.js/Deno 的全面性能对比。
Bun
JavaScript
TypeScript
Node.js
数据库
前端开发
SIMD
工具链
Bun v1.3 深度解析:Bun 加入 Anthropic 这一天,JavaScript runtime 战争进入终局
编程
Bun v1.3 深度解析:Bun 加入 Anthropic 这一天,JavaScript runtime 战争进入终局
2026-04-11 12:15:14 +0800 CST
view 600
2026年4月10日 Bun 宣布加入 Anthropic。本文深度剖析 Bun v1.3 的底层架构(Zig+C+JavaScriptCore)、与 Node.js 的性能差距来源、Bun+Anthropic 的技术意义,以及完整的 Node.js→Bun 迁移实战指南。
Bun
Anthropic
JavaScript
TypeScript
Zig
性能优化
Node.js
当 Bun 遇见 Claude:Bun v1.3 加入 Anthropic,JavaScript runtime 战争进入终局
编程
当 Bun 遇见 Claude:Bun v1.3 加入 Anthropic,JavaScript runtime 战争进入终局
2026-04-11 12:15:34 +0800 CST
view 558
2026年4月10日 Bun 宣布加入 Anthropic。本文深度剖析 Bun v1.3 的底层架构(Zig+C+JavaScriptCore)、与 Node.js 的性能差距来源、Bun+Anthropic 的技术意义,以及完整的 Node.js→Bun 迁移实战指南。
Bun
Anthropic
JavaScript
TypeScript
Zig
性能优化
Node.js
TypeScript 6.0 深度解析:JavaScript 的「最后之舞」与通向 Go 原生编译的过渡桥梁
编程
TypeScript 6.0 深度解析:JavaScript 的「最后之舞」与通向 Go 原生编译的过渡桥梁
2026-05-17 08:44:26 +0800 CST
view 419
TypeScript 6.0 深度解析:JS最后之舞、Map新方法、Temporal API、配置现代化、破坏性更新,以及TypeScript-Go原生编译器前瞻
TypeScript
JavaScript
Go
编译器
前端
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
9
10
11
12
13
...
67
下一页