程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
踩坑浏览器节能机制导致Websocket断连的问题!
编程
踩坑浏览器节能机制导致Websocket断连的问题!
2024-11-19 05:31:36 +0800 CST
view 2574
本文分析了浏览器节能机制导致WebSocket频繁断连的问题,探讨了其原因及解决方法。现代浏览器为提高能效引入了节能机制,影响了WebSocket的心跳机制。通过升级socket.io、使用自定义心跳事件和Web-Workers等方法,可以有效解决这一问题,提升用户体验。
Web开发
网络编程
性能优化
前端技术
✍️ 纯 CSS 实现打字效果(无需 JavaScript)
编程
✍️ 纯 CSS 实现打字效果(无需 JavaScript)
2025-05-15 10:26:06 +0800 CST
view 1497
本文介绍了如何使用纯CSS实现打字机效果,无需JavaScript。通过核心代码示例,展示了HTML和CSS的实现方式,包括打字动画和光标闪烁效果。技术原理解析了关键属性的作用,并提供了可配置建议和实战技巧,适用于博客签名、欢迎页引导等场景。
前端
动画
Web开发
Vue3中的Scoped Slots有什么改变?
编程
Vue3中的Scoped Slots有什么改变?
2024-11-17 13:50:01 +0800 CST
view 1772
本文探讨了Vue3中ScopedSlots的变化,包括语法的简化、CompositionAPI的引入以及对Teleport特性的支持。这些改进使得组件间的通信和数据传递更加灵活,同时提升了代码的可维护性。通过示例代码,展示了如何在父组件中使用ScopedSlots接收和处理子组件传递的数据,帮助开发者更好地理解这些变化。
Vue.js
JavaScript
前端框架
组件化开发
如何判断用户是否离开了当前页面
编程
如何判断用户是否离开了当前页面
2025-06-26 20:08:39 +0800 CST
view 1411
本文探讨了如何判断用户是否离开当前页面,介绍了多种现代API的使用方法,包括PageVisibilityAPI、beforeunload事件、navigator.sendBeacon和pagehide事件。通过这些技术,开发者可以优化用户体验、进行数据分析并提升系统性能。文章还提供了最佳实战建议和综合示例代码,帮助开发者有效实现用户离开检测。
Web开发
用户体验
前端技术
API
编程
告别 `addEventListener`!Chrome 推出原生 Observable API,事件处理效率提升 300%!
2025-06-28 15:57:08 +0800 CST
view 1671
Chromium团队推出的ObservableAPI旨在以更声明式的方式处理事件,提升性能最高可达300%。该API允许开发者轻松管理DOM事件、WebSocket和用户交互,简化代码逻辑,避免复杂的回调地狱。通过示例代码,展示了如何实现实时响应用户输入、WebSocket消息监听、防抖效果及多事件流组合。尽管尚处于提案阶段,ObservableAPI代表了事件处理的未来方向。
前端技术
JavaScript
Web开发
什么是 Vue 的服务端渲染(SSR)?它与客户端渲染的区别是什么?
编程
什么是 Vue 的服务端渲染(SSR)?它与客户端渲染的区别是什么?
2024-11-18 09:40:45 +0800 CST
view 1788
Vue的服务端渲染(SSR)是一种在服务器上生成完整HTML页面并发送给客户端的技术,提供更好的SEO和更快的首屏加载速度。与客户端渲染(CSR)相比,SSR减轻了客户端负担,适合需要优化加载时间和搜索引擎优化的场景。Vue提供了`vue-server-renderer`库来实现SSR,开发者可以根据需求选择合适的渲染方式。
Web开发
前端技术
Vue.js
渲染技术
性能优化
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
编程
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
2026-06-22 15:27:41 +0800 CST
view 534
Chrome 144 带来的 scroll-state() CSS 函数,让开发者首次能用纯 CSS 实现滚动方向感知。本文深入讲解语法、工作原理、浏览器实现机制,并提供智能导航栏、滚动方向动画、滚动状态指示器、Scroll Snap 状态查询等五个生产级实战案例。
CSS
前端
滚动
Chrome
Web开发
前端开发中 localStorage 的核心用法与进阶技巧详解
编程
前端开发中 localStorage 的核心用法与进阶技巧详解
2025-07-11 09:18:49 +0800 CST
view 1398
本文详细介绍了localStorage的核心用法,包括数据存储、读取、删除及注意事项。强调了同源策略、容量限制和安全性建议,提供了常见应用场景如用户偏好设置、购物车信息持久化等。还讨论了与其他存储方式的对比及进阶技巧,如监听存储变化和模拟过期时间机制,帮助开发者更高效、安全地使用localStorage。
Web开发
数据存储
前端技术
什么是 Vue 3?它与 Vue 2 有什么不同之处?
编程
什么是 Vue 3?它与 Vue 2 有什么不同之处?
2024-11-18 01:53:02 +0800 CST
view 1600
Vue3是Vue.js的下一个主要版本,带来了性能提升、CompositionAPI、TypeScript支持和更好的Tree-shaking。它使用Proxy对象替代Object.defineProperty,提升了数据响应式处理的精确性。CompositionAPI提供了更灵活的组件逻辑组织方式。Vue3的代码库全面使用TypeScript,优化了大型项目的开发体验。总的来说,Vue3为开发者带来了新的机遇和挑战。
前端框架
JavaScript
开发工具
Bun 1.3.14 深度解析:从 Zig 到 Rust 的史诗级重写——96万行代码6天迁移背后的技术真相
编程
Bun 1.3.14 深度解析:从 Zig 到 Rust 的史诗级重写——96万行代码6天迁移背后的技术真相
2026-05-17 02:46:07 +0800 CST
view 991
深入解析 Bun 1.3.14 版本中从 Zig 到 Rust 的史诗级重写,涵盖96万行代码6天迁移的技术细节、架构变化、性能对比以及对 JavaScript 生态的深远影响。
Bun
Rust
Zig
JavaScript
Web开发
前端工具链
TypeScript
Grid布局的简洁性和高效性
编程
Grid布局的简洁性和高效性
2024-11-18 03:48:02 +0800 CST
view 1594
本文探讨了Grid布局相较于Flex布局的优势,特别是在宫格类布局、后台管理布局和响应式布局中的应用。通过具体的代码示例,展示了Grid布局的简洁性和高效性,以及如何利用其特性简化开发过程。尽管Grid在某些老旧浏览器中的兼容性不如Flex,但在现代浏览器中已得到广泛支持。选择合适的布局方式是关键。
前端
布局
Web开发
Vue 3.6 深度解析:Vapor Mode 与 alien-signals 如何从底层重写前端性能范式
编程
Vue 3.6 深度解析:Vapor Mode 与 alien-signals 如何从底层重写前端性能范式
2026-07-12 07:43:17 +0800 CST
view 342
本文深度解析Vue3.6的两大核心特性:VaporMode和alien-signals。VaporMode通过编译时优化消除虚拟DOM运行时开销,实现100ms挂载10万组件;alien-signals采用Push-Pull混合算法和双向链表依赖追踪,使computed吞吐量提升30倍以上。文章涵盖原理、启用方式、性能对比、迁移策略及实战示例,展示了Vue如何从底层重构执行引擎,实现量级性能跃迁。
Vue
前端框架
性能优化
编译时
响应式编程
JavaScript
Web开发
编程
10个几乎无人使用的罕见HTML标签
2024-11-18 21:44:46 +0800 CST
view 1538
本文介绍了10个罕见的HTML标签,这些标签在开发中很少被使用。包括`<abbr>`用于缩写,`<q>`用于引用,`<s>`用于删除线,`<mark>`用于高亮,`<wbr>`用于文本换行,`<details>`用于可展开内容,`<optgroup>`用于下拉列表分组,`<datalist>`用于自动完成,`<fieldset>`用于表单分组,以及`<sup>`和`<sub>`用于上标和下标。
HTML
Web开发
前端技术
Dioxus 0.7 深度解析:Rust 全栈跨平台框架如何用一套代码横扫 Web、桌面、移动与后端
编程
Dioxus 0.7 深度解析:Rust 全栈跨平台框架如何用一套代码横扫 Web、桌面、移动与后端
2026-07-24 14:14:40 +0800 CST
view 268
深度解析 Dioxus 0.7:GitHub 33.5k Star 的 Rust 全栈跨平台框架,涵盖三层架构设计、Signal 状态管理、WebAssembly 原生渲染、Server Functions 全栈闭环、热重载机制,以及与 Tauri/Electron 的真实性能横评
Rust
Dioxus
跨平台
WebAssembly
桌面开发
全栈
前端框架
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1515
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
微信小程序开发资源汇总
编程
微信小程序开发资源汇总
2026-05-11 16:11:29 +0800 CST
view 685
本文档汇总了微信小程序开发的官方资源(设计指南、开发教程、框架、组件、API、开发者工具)以及丰富的第三方工具、插件、组件和后端SDK。
微信小程序
开发资源
前端框架
UI组件
Demo示例
工具插件
掌握现代 Web API:2024 年强大浏览器功能指南
编程
掌握现代 Web API:2024 年强大浏览器功能指南
2024-11-18 00:58:04 +0800 CST
view 1674
本指南探讨了2024年现代Web开发中关键的WebAPI,包括支付请求、存储、DOM、HTML清理、Canvas、历史、剪贴板、全屏、FormData、Fetch、拖放和地理位置API。这些API为开发人员提供了强大的工具,以创建更动态、安全和用户友好的Web应用程序。掌握这些API将提升用户体验和应用程序性能。
Web开发
API
前端技术
用户体验
安全性
Svelte 5 深度实战:从编译时优化到 Runes 响应式系统——2026 年前端框架性能之巅完全指南
编程
Svelte 5 深度实战:从编译时优化到 Runes 响应式系统——2026 年前端框架性能之巅完全指南
2026-05-24 03:30:59 +0800 CST
view 610
在 React、Vue、Angular 三足鼎立的现代前端界,Svelte 5 带着编译时优化的革命性理念和 Runes 响应式系统强势来袭。本文将深入 Svelte 5 的内核架构,从编译器设计、响应式原理、组件机制到生产级性能优化,用大量代码示例和实战案例,带你掌握这款编译型框架的真正威力。
Svelte 5
前端框架
编译时优化
Runes
响应式编程
SvelteKit
性能优化
Web开发
Svelte 5 编译时优化完全指南:用 Runes 响应式系统碾压虚拟 DOM
编程
Svelte 5 编译时优化完全指南:用 Runes 响应式系统碾压虚拟 DOM
2026-05-24 03:31:37 +0800 CST
view 678
Svelte 5 的编译时优化和 Runes 响应式系统彻底颠覆了传统前端框架的性能模型。本文从编译器原理、响应式机制、组件架构到生产级性能优化,用大量代码示例和基准测试数据,证明 Svelte 如何碾压虚拟 DOM 框架。
Svelte 5
前端框架
编译时优化
Runes
响应式编程
SvelteKit
性能优化
Web开发
综合
使用 Vue3、Shadcn UI、Vite、TypeScript 和 Monorepo 构建的现代 vue 管理面板。 等多种 UI 的中后台系统框架
2024-11-18 18:53:38 +0800 CST
view 3250
VbenAdmin是一个流行的中后台管理系统框架,支持多种UI框架如AntDesignVue、ElementPlus和NaiveUI。最新版本v5.0.0引入了先进的项目管理模式,提供动态菜单、权限控制和国际化等功能。项目支持自定义UI框架,便于开发者根据需求选择组件库。安装要求Node.js20及以上,并需使用指定版本的pnpm。
前端框架
开发工具
项目管理
开源
介绍`Navigator`对象的各个属性,包括其描述、用法和返回值
综合
介绍`Navigator`对象的各个属性,包括其描述、用法和返回值
2024-11-19 02:17:35 +0800 CST
view 1848
本文详细介绍了`Navigator`对象的各个属性,包括其描述、用法和返回值。涵盖了如`appCodeName`、`appName`、`bluetooth`、`clipboard`等属性,提供了如何在实际应用中利用这些信息的示例代码,帮助开发者更好地理解和使用这些API,以优化用户体验和应用性能。
Web开发
浏览器API
前端技术
用户体验
JavaScript
综合
这是一款支持Vue3和React的开源Markdown富文本编辑器,提供实时预览、丰富的编辑功能和高度自定义选项
2024-11-19 06:43:02 +0800 CST
view 3328
这是一款支持Vue3和React的开源Markdown富文本编辑器,提供实时预览、丰富的编辑功能和高度自定义选项。用户可以通过简单的安装步骤将其集成到项目中,支持多种扩展和主题,提升文档管理和文章编辑的体验。
开发工具
前端
开源项目
Markdown编辑器
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
编程
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
2024-11-18 13:28:12 +0800 CST
view 1641
Vue单文件组件(SFC)是将模板、脚本和样式整合在一个`.vue`文件中的方式,提升代码的模块化和可维护性。本文介绍了单文件组件的概念、创建方法以及如何在父组件中使用它们,通过示例展示了组件的结构和功能,帮助开发者更好地管理和组织代码。
前端
Vue.js
JavaScript
开发
组件
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
编程
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
2026-04-21 08:52:41 +0800 CST
view 614
浏览器原生Popover API正式发布,零依赖、无拦截风险、样式完全可控、支持自动/手动两种模式,window.open的完美替代方案
前端
JavaScript
HTML5
CSS
Popover API
Browser API
Web开发
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
25
26
27
28
29
...
69
下一页