程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
编程
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
2024-11-18 10:07:59 +0800 CST
view 1693
本文介绍了如何搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤。Vite作为现代构建工具,提供了快速冷启动和高效热更新的能力,提升了开发体验。通过示例代码,展示了如何使用Vue3的setup语法糖创建一个简单的计数器组件,帮助开发者更好地理解Vue3的响应式特性。
前端开发
JavaScript
框架
构建工具
开发体验
Vue3中的状态管理:使用Pinia替代Vuex
编程
Vue3中的状态管理:使用Pinia替代Vuex
2024-11-18 05:56:04 +0800 CST
view 1511
本篇博客探讨了Pinia作为Vue3的状态管理库,比较了其与Vuex的不同之处。Pinia提供了更简洁的API和更好的TypeScript支持,旨在简化状态管理过程。通过示例展示了如何在Vue组件中使用Pinia进行状态管理,特别是创建一个简单的计数器应用,帮助开发者快速上手Pinia。
前端开发
状态管理
Vue.js
JavaScript
编程
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
编程
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
2025-08-15 15:15:07 +0800 CST
view 1260
ShadowRealm是ECMAScript正在制定的新标准,提供一个完全隔离的JavaScript全局环境。它允许安全执行来自不同来源的代码,避免了iframe和eval的缺陷。通过创建ShadowRealm实例,开发者可以在隔离环境中执行代码,确保主环境的安全性。该机制支持同步调用和安全导入函数,适用于安全执行第三方脚本和动态模块加载等场景。
前端开发
JavaScript
安全性
封装WebSocket消息推送,干翻Ajax轮询方式
编程
封装WebSocket消息推送,干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST
view 1528
本文对比了AJAX和WebSocket在消息推送中的应用,介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码,展示了AJAX的轮询和长轮询实现,以及WebSocket的高效通信方式。最后,提供了WebSocketManager类的设计思路,强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发
实时通信
技术对比
JavaScript
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
2024-11-18 16:34:24 +0800 CST
view 1641
本文探讨了在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用。通过示例代码,展示了如何在组件中定义Props和Emit事件的类型,创建可重用的组合函数,以及在Vuex中管理状态类型,从而提高代码的可维护性和可靠性。
前端开发
编程
TypeScript
Vue.js
软件工程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
编程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
2025-08-15 15:17:50 +0800 CST
view 1182
本文深入探讨了async/await的特性及其在并发处理中的应用,澄清了await并不阻塞主线程的误区,并指出串行执行导致的用户体验问题。通过示例展示了如何使用Promise.all等方法实现并发请求,提升页面渲染速度和用户体验,同时介绍了控制并发数量的技巧,以避免对服务器造成压力。
JavaScript
异步编程
前端开发
性能优化
用户体验
综合
全网首发:Vue 3.5 源码解析,useTemplateRef 实现原理
2024-11-19 09:30:11 +0800 CST
view 1838
本文分析了Vue3.5中`useTemplateRef`API的实现原理。该API用于获取DOM或组件实例,解决了传统`ref`使用中的混淆。通过源码解析,展示了`useTemplateRef`如何封装`ref`,并通过`Object.defineProperty`监听`refs[key]`的setter行为,简化了DOM实例的获取过程。
Vue
前端开发
JavaScript
Vibe Coding 完全实战指南:当自然语言成为编程语言——从范式革命到生产级落地的 2026 深度解析
编程
Vibe Coding 完全实战指南:当自然语言成为编程语言——从范式革命到生产级落地的 2026 深度解析
2026-06-25 19:15:40 +0800 CST
view 32
深度解析 Vibe Coding 编程范式革命,从 Andrej Karpathy 的起源理论到 2026 年生产级实战,涵盖工具链对比、三段式迭代工作流、实战案例、Prompt 工程、Token 优化及 Agentic Engineering 未来展望。
Vibe Coding
AI编程
自然语言编程
Cursor
Claude Code
TRAE
开发范式
Prompt工程
上下文管理
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
编程
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
2024-11-17 04:21:34 +0800 CST
view 1542
本文介绍了如何使用Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用。通过逐步实现项目结构、主应用组件、输入组件和待办事项列表组件,读者将学习到Vue3的基本概念和组件间的事件通信。最后,读者可以在浏览器中运行应用,添加、删除和标记待办事项。
前端开发
Vue
JavaScript
应用开发
教程
GitHub热榜!这个开源项目把打工人的技能树做成了180+AI Skills
编程
GitHub热榜!这个开源项目把打工人的技能树做成了180+AI Skills
2026-04-21 13:47:47 +0800 CST
view 474
GitHub热榜开源项目,180+AI技能覆盖7大岗位类别。让打工人用AI优雅干活,简历优化、PRD撰写、代码审查一键搞定。
牛马Skills
GitHub
AI
Prompt
打工
代码
JS中 `sleep` 方法的实现
2024-11-19 08:10:32 +0800 CST
view 1631
本文介绍了在JavaScript中实现`sleep`方法的几种方式,包括通过死循环、定时器和基于Promise的实现。通过示例代码展示了如何暂停程序执行以实现延时效果,并讨论了各方法的优缺点,特别是如何使用Promise和async/await提高代码的可读性和可维护性。最后,提供了一个红绿灯循环的场景示例,展示了如何应用`sleep`方法。
JavaScript
编程
异步编程
超越 JSON.parse:JavaScript 中高效反序列化的艺术
编程
超越 JSON.parse:JavaScript 中高效反序列化的艺术
2025-08-15 15:47:11 +0800 CST
view 1001
本文探讨了JavaScript中反序列化的高效策略,分析了JSON.parse的局限性及其性能问题,并提供了多种优化方法,包括使用reviver函数处理特殊数据类型、流式解析大型JSON、使用二进制格式替代JSON、WebWorker卸载解析工作以及增量解析与懒加载。通过合理选择策略,可以显著提升应用性能与用户体验。
JavaScript
前端开发
性能优化
import 导入过的模块需要再次执行怎么办?
编程
import 导入过的模块需要再次执行怎么办?
2024-11-18 11:04:52 +0800 CST
view 1319
在ES6中,`import`语句引入的模块会被缓存,后续引用直接从缓存获取,可能导致变量未更新。本文探讨了几种解决方案,包括使用`window.location.reload()`刷新页面、添加事件监听、将导出的变量改为方法以及使用状态管理工具,帮助开发者应对模块缓存带来的问题。
JavaScript
模块化
前端开发
性能优化
状态管理
如何使用Generator和Promise实现async/await的功能
编程
如何使用Generator和Promise实现async/await的功能
2024-11-18 14:00:00 +0800 CST
view 1494
本文介绍了如何使用Generator和Promise实现async/await的功能。通过示例代码,阐述了async/await的基本概念及其与Promise的关系,并展示了如何利用Generator控制异步操作的执行顺序。理解这些原理有助于掌握JavaScript的异步编程模型。
JavaScript
编程
异步编程
7 个解构赋值绝妙用法,让你的 JavaScript 代码量减少 50%
编程
7 个解构赋值绝妙用法,让你的 JavaScript 代码量减少 50%
2025-08-15 15:48:54 +0800 CST
view 829
解构赋值是ES6引入的一项强大特性,允许从数组或对象中快速提取值并赋给变量。本文介绍了七个解构赋值的绝妙用法,包括交换变量值、提取对象属性、函数参数解构、数组解构与剩余元素等,旨在减少代码量,提高代码可读性和开发效率。
JavaScript
编程技巧
ES6特性
告别传统 Ajax:掌握 fetch API 的简洁与强大
编程
告别传统 Ajax:掌握 fetch API 的简洁与强大
2025-08-15 15:50:16 +0800 CST
view 1189
本文介绍了fetchAPI的优势,替代传统的XMLHttpRequest(Ajax)进行网络请求。fetchAPI提供了更简洁的语法、基于Promise的异步处理、灵活的请求配置和响应处理,以及支持请求中断等特点。通过示例代码,展示了fetchAPI的易用性和现代化特性,强调其在现代Web开发中的重要性。
Web开发
JavaScript
网络请求
Node.js 26 深度实战:Temporal API 默认开启、原生VFS虚拟文件系统与十年架构演进
编程
Node.js 26 深度实战:Temporal API 默认开启、原生VFS虚拟文件系统与十年架构演进
2026-06-25 21:46:50 +0800 CST
view 28
2026年Node.js 26深度实战:Temporal API默认开启、node:vfs虚拟文件系统、Undici 8.0、V8 14.6 Map.upsert等新特性完整指南,万字长文带你全面掌握Node.js最新版本
Node.js
Node.js 26
Temporal
VFS
Undici
JavaScript
V8
运行时
防抖(Debounce)与节流(Throttle):从传统实现到现代化方案
编程
防抖(Debounce)与节流(Throttle):从传统实现到现代化方案
2025-08-15 15:52:16 +0800 CST
view 986
本文探讨了防抖和节流这两种前端性能优化技术,介绍了传统实现方式及现代化方案,包括函数装饰器、requestAnimationFrame、AbortController和WebStreamsAPI。通过代码示例,展示了如何在高频触发事件中有效管理性能,提升用户体验。最后,提供了不同实现方式的优缺点对比,帮助开发者选择合适的方案。
前端开发
性能优化
JavaScript
编程
js生成器函数
2024-11-18 15:21:08 +0800 CST
view 1510
本文介绍了生成器函数的基本概念和用法,包括如何定义生成器、使用`yield`和`next()`方法进行迭代、传递参数、提前结束生成器、以及如何通过生成器将对象改造成可迭代对象。提供了多个代码示例,展示了生成器的实际应用和特性。
JavaScript
编程
生成器函数
迭代器
异常处理
异步时代的错误处理:超越 try-catch 的 Promise.try
编程
异步时代的错误处理:超越 try-catch 的 Promise.try
2025-08-15 15:54:24 +0800 CST
view 886
本文探讨了传统的try-catch在异步JavaScript开发中的局限性,并介绍了Promise.try作为一种统一处理同步和异步错误的新方案。通过示例,展示了Promise.try如何简化错误处理逻辑,提高代码可读性,并确保执行顺序一致。Promise.try使得开发者能够更有效地捕获错误,适用于混合同步与异步逻辑的场景。
JavaScript
错误处理
异步编程
Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入
编程
Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入
2024-11-19 01:43:48 +0800 CST
view 2088
本文介绍了如何使用Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入。文章详细解析了组件的结构、状态管理、更新时间逻辑及样式设置,适合前端开发者学习和参考。
前端开发
Vue.js
JavaScript
js迭代器
编程
js迭代器
2024-11-19 07:49:47 +0800 CST
view 1357
本文介绍了迭代器的基本概念及其在JavaScript中的实现。迭代器是一种对象,提供统一的遍历机制。通过自定义`next()`方法和`Symbol.iterator`,可以将普通对象改造成可迭代对象。文中还提供了示例代码,展示了如何创建简单的计数迭代器及如何遍历数组和对象。
JavaScript
编程
数据结构
Temporal API:告别 JavaScript Date 的混乱
编程
Temporal API:告别 JavaScript Date 的混乱
2025-08-15 15:58:12 +0800 CST
view 974
TemporalAPI是一种现代化的JavaScript日期和时间处理解决方案,旨在解决传统Date对象的诸多痛点,如月份计数、时区处理和可变性问题。它提供直观易用的不可变对象,支持丰富的日期计算和格式化功能,确保开发者能够更轻松地处理日期和时间。该API已在主流浏览器中得到支持,提升了代码的可维护性和健壮性。
JavaScript
API
日期时间处理
开发者工具
API 架构四国大战 2026:REST、gRPC、GraphQL、tRPC —— 从协议原理到生产级选型的完整实战指南
编程
API 架构四国大战 2026:REST、gRPC、GraphQL、tRPC —— 从协议原理到生产级选型的完整实战指南
2026-06-25 22:45:20 +0800 CST
view 16
2026年API架构四强争霸:REST、gRPC、GraphQL、tRPC深度对比,从协议原理到代码实战,从性能压测到生产级选型。万字长文,附完整代码示例和选型决策矩阵。
REST
gRPC
GraphQL
tRPC
API设计
TypeScript
性能优化
微服务
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
14
15
16
17
18
...
52
下一页