程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
封装WebSocket消息推送,干翻Ajax轮询方式
编程
封装WebSocket消息推送,干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST
view 1574
本文对比了AJAX和WebSocket在消息推送中的应用,介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码,展示了AJAX的轮询和长轮询实现,以及WebSocket的高效通信方式。最后,提供了WebSocketManager类的设计思路,强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发
实时通信
技术对比
JavaScript
编程
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
编程
告别传统方法:在关闭浏览器标签前可靠发送 HTTP 请求
2025-08-15 15:16:12 +0800 CST
view 1031
在前端开发中,用户关闭页面时需要向服务器发送数据,但传统方法如同步XMLHttpRequest会阻塞主线程,影响用户体验。现代方案如`navigator.sendBeacon()`和`fetch({keepalive:true})`提供了异步非阻塞的方式,确保数据在页面关闭时可靠发送。适用于日志、统计和草稿保存等场景。
前端开发
HTTP
用户体验
数据处理
Web技术
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
2024-11-18 16:34:24 +0800 CST
view 1690
本文探讨了在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用。通过示例代码,展示了如何在组件中定义Props和Emit事件的类型,创建可重用的组合函数,以及在Vuex中管理状态类型,从而提高代码的可维护性和可靠性。
前端开发
编程
TypeScript
Vue.js
软件工程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
编程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
2025-08-15 15:17:50 +0800 CST
view 1227
本文深入探讨了async/await的特性及其在并发处理中的应用,澄清了await并不阻塞主线程的误区,并指出串行执行导致的用户体验问题。通过示例展示了如何使用Promise.all等方法实现并发请求,提升页面渲染速度和用户体验,同时介绍了控制并发数量的技巧,以避免对服务器造成压力。
JavaScript
异步编程
前端开发
性能优化
用户体验
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
编程
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
2024-11-19 01:13:52 +0800 CST
view 1599
本文介绍了如何使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证。验证逻辑包括用户名不能为空、邮箱格式正确性及密码长度要求。提交表单时,检查所有字段的有效性,并根据验证结果给出相应提示。最后,提供了启动应用的命令。
Web开发
前端技术
Vue.js
综合
全网首发:Vue 3.5 源码解析,useTemplateRef 实现原理
2024-11-19 09:30:11 +0800 CST
view 1893
本文分析了Vue3.5中`useTemplateRef`API的实现原理。该API用于获取DOM或组件实例,解决了传统`ref`使用中的混淆。通过源码解析,展示了`useTemplateRef`如何封装`ref`,并通过`Object.defineProperty`监听`refs[key]`的setter行为,简化了DOM实例的获取过程。
Vue
前端开发
JavaScript
前端录屏黑科技:几行 JS 代码实现网页录屏
编程
前端录屏黑科技:几行 JS 代码实现网页录屏
2025-08-15 15:19:33 +0800 CST
view 1233
本文介绍了如何使用MediaRecorderAPI和原生JavaScript实现网页录屏功能。通过简单的几行代码,开发者可以获取用户屏幕流并进行录制,支持音视频捕获。文章详细说明了获取媒体流、创建MediaRecorder实例、开始和停止录制的步骤,并提供了注意事项和最佳实践,强调了浏览器兼容性和用户授权的重要性。
前端开发
Web技术
编程
视频处理
Vibe Coding 完全实战指南:当自然语言成为编程语言——从范式革命到生产级落地的 2026 深度解析
编程
Vibe Coding 完全实战指南:当自然语言成为编程语言——从范式革命到生产级落地的 2026 深度解析
2026-06-25 19:15:40 +0800 CST
view 157
深度解析 Vibe Coding 编程范式革命,从 Andrej Karpathy 的起源理论到 2026 年生产级实战,涵盖工具链对比、三段式迭代工作流、实战案例、Prompt 工程、Token 优化及 Agentic Engineering 未来展望。
Vibe Coding
AI编程
自然语言编程
Cursor
Claude Code
TRAE
开发范式
Prompt工程
上下文管理
在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性
编程
在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性
2024-11-18 14:26:11 +0800 CST
view 1597
本文介绍了如何在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性。通过创建基本项目、配置路由、创建动态路由组件及输入表单,读者可以实现用户输入导航到对应页面的功能,展示了现代单页面应用的动态特性。
前端开发
Web应用
编程
Vue.js
动态路由
前端轮询优化指南:如何“智能”地调整请求间隔?
编程
前端轮询优化指南:如何“智能”地调整请求间隔?
2025-08-15 15:21:32 +0800 CST
view 1008
本文介绍了前端轮询的优化方法,包括使用`setTimeout`替代`setInterval`避免请求重叠,采用指数退避策略优雅处理错误,以及利用PageVisibilityAPI在页面不可见时降低轮询频率。通过这些技术,能够有效减少服务器压力和资源浪费,同时提升用户体验和系统的健壮性。
前端开发
性能优化
网络请求
用户体验
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
编程
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
2024-11-18 06:26:04 +0800 CST
view 1570
本文介绍了如何利用Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框。使用CompositionAPI可以提高代码的可读性和复用性,适用于现代前端开发中的组件化需求。
前端开发
Vue.js
组件化
无感刷新 Token:打造“永不掉线”的丝滑用户体验
编程
无感刷新 Token:打造“永不掉线”的丝滑用户体验
2025-08-15 15:23:36 +0800 CST
view 1176
无感刷新Token机制通过双Token体系(AccessToken和RefreshToken)解决了短生命周期Token带来的安全性与用户体验矛盾。用户在操作时几乎感受不到登录过期,系统通过拦截器自动刷新Token,确保API安全性,同时支持并发请求,避免刷新竞态问题。这一机制是现代Web应用提升用户体验的标配方案。
用户体验
安全性
Web开发
身份验证
技术实现
Vite 5 + Vitest 深度实战:当前端构建遇上极速测试——从插件开发到生产级性能调优的完全指南(2026)
编程
Vite 5 + Vitest 深度实战:当前端构建遇上极速测试——从插件开发到生产级性能调优的完全指南(2026)
2026-06-13 03:47:07 +0800 CST
view 196
全面讲解 Vite 5 架构原理、插件开发、生产级构建优化,以及 Vitest 测试框架从零到精通的完整指南。包含 10+ 实战案例、性能对比数据、Webpack 迁移实录。
Vite
Vitest
前端构建
单元测试
性能优化
插件开发
E2E测试
PHP 允许跨域的终极解决办法
编程
PHP 允许跨域的终极解决办法
2024-11-19 08:12:52 +0800 CST
view 1644
在PHP开发中,处理跨域请求时,需要设置适当的HTTP头信息。示例代码展示了如何允许任意域名的跨域请求,包括允许的请求头、请求方法、是否允许发送Cookie等。注意事项指出,使用通配符时需谨慎,特别是在启用用户凭证时。
PHP开发
跨域
Web安全
编程
前端如何优化资源加载
2024-11-18 13:35:45 +0800 CST
view 1318
优化资源加载是提升网站性能和用户体验的关键,特别是在移动端或低带宽环境中。本文介绍了多种优化方法,包括使用CDN、压缩资源文件、升级到HTTP/2和HTTP/3、代码拆分与懒加载、预加载、减少DNS查询、优化图像格式、使用服务工作者、优化CSS和JavaScript、优化首屏加载、使用浏览器缓存、延迟加载JavaScript、使用资源指纹以及减少HTTP请求等。
前端开发
性能优化
用户体验
前端文件下载的 N 种姿势:从简单到高级
编程
前端文件下载的 N 种姿势:从简单到高级
2025-08-15 15:27:34 +0800 CST
view 1141
本文介绍了前端文件下载的多种方法,从最简单的`<a>`标签的`download`属性到高级的FetchAPI结合Blob和URL.createObjectURL。每种方法的原理、优缺点以及适用场景都进行了详细分析,并提供了可运行的示例代码,帮助开发者选择合适的下载方案。
Web开发
前端技术
文件处理
Loco.rs 深度实战:用 Rust 打造 Rails 式全栈 Web 应用
编程
Loco.rs 深度实战:用 Rust 打造 Rails 式全栈 Web 应用
2026-06-18 04:54:15 +0800 CST
view 233
Loco.rs 是一个借鉴 Ruby on Rails 设计理念的 Rust 全栈 Web 框架。本文从架构设计、核心功能、代码实战、性能优化到生产部署,全方位深入讲解 Loco.rs 的使用,帮助开发者快速掌握 Rust Web 全栈开发。
Rust
Web开发
全栈框架
Loco.rs
SeaORM
Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信
编程
Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信
2024-11-18 19:52:25 +0800 CST
view 1727
本文探讨了在Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信。通过示例代码,详细讲解了如何使用props、emit事件、父组件作为桥梁以及EventBus等方法来实现组件之间的交互,提升代码的可维护性和可读性。
前端开发
Vue.js
组件化
状态管理
GROMACS:一个美轮美奂的C++库
编程
GROMACS:一个美轮美奂的C++库
2024-11-18 19:43:29 +0800 CST
view 1958
GROMACS是一个开源的C++库,专门用于分子动力学模拟,提供力场计算、能量最小化和自由能计算等功能。它适用于蛋白质、核酸和脂质等生物分子的模拟,并支持多操作系统和硬件平台。本文介绍了GROMACS的应用场景和使用方法,并提供了基本和自定义分子动力学模拟的代码示例,旨在帮助研究者掌握现代C++编程技术。
分子模拟
计算化学
软件开发
抛弃 `!important`:提升 CSS 优先级的正确姿势
编程
抛弃 `!important`:提升 CSS 优先级的正确姿势
2025-08-15 15:45:38 +0800 CST
view 917
本文探讨了在前端开发中如何有效提升CSS优先级,避免滥用`!important`。通过理解CSS优先级计算规则和使用ID选择器、类选择器、属性选择器等技巧,开发者可以写出更清晰、可维护的代码。同时介绍了BEM方法论,强调其在避免优先级冲突中的优势。
前端开发
CSS
样式管理
万字深度解析 Go 1.26:当「精益求精」遇见工程化胜利——从 new(expr) 语法糖到 Green Tea GC 的完整技术指南(2026)
编程
万字深度解析 Go 1.26:当「精益求精」遇见工程化胜利——从 new(expr) 语法糖到 Green Tea GC 的完整技术指南(2026)
2026-07-01 12:13:30 +0800 CST
view 131
2026年2月Go 1.26正式发布,万字深度解析new(expr)语法糖、Green Tea GC默认启用、go fix史诗级重构,从语言层、运行时、工具链三个维度全面解析Go语言最新版本的核心变化与工程实践。
Go语言
Go 1.26
Green Tea GC
new语法糖
go fix
垃圾回收
性能优化
后端开发
编译器优化
并发编程
使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面
编程
使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面
2024-11-18 21:42:15 +0800 CST
view 1766
本文探讨了如何使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面。文章提供了项目准备、基本结构、代码解析及扩展功能的详细说明,帮助读者掌握在Vue3中实现无刷新数据加载的技巧。
前端开发
Vue.js
用户体验
Web应用
使用HTML、CSS和JavaScript创建的动态时钟
代码
使用HTML、CSS和JavaScript创建的动态时钟
2024-11-18 13:49:31 +0800 CST
view 1567
该文本展示了一个使用HTML、CSS和JavaScript创建的动态时钟。时钟通过SVG元素绘制,包含外圈、内圈、刻度和指针。JavaScript用于计算时间并更新时钟的显示,样式通过CSS设置,确保时钟在不同屏幕尺寸下的适应性。时钟的设计包括平滑的过渡效果和现代的外观。
前端开发
网页设计
动态效果
超越 JSON.parse:JavaScript 中高效反序列化的艺术
编程
超越 JSON.parse:JavaScript 中高效反序列化的艺术
2025-08-15 15:47:11 +0800 CST
view 1056
本文探讨了JavaScript中反序列化的高效策略,分析了JSON.parse的局限性及其性能问题,并提供了多种优化方法,包括使用reviver函数处理特殊数据类型、流式解析大型JSON、使用二进制格式替代JSON、WebWorker卸载解析工作以及增量解析与懒加载。通过合理选择策略,可以显著提升应用性能与用户体验。
JavaScript
前端开发
性能优化
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
38
39
40
41
42
...
62
下一页