程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
告别Loading!6行代码实现页面秒开的Speculation Rules API实战指南
编程
告别Loading!6行代码实现页面秒开的Speculation Rules API实战指南
2025-09-11 18:33:38 +0800 CST
view 1181
本文详细介绍了现代浏览器提供的SpeculationRulesAPI,通过声明式配置实现页面预加载和预渲染。只需6行代码即可让下一页内容在用户点击前准备就绪,显著提升页面加载速度。文章包含核心原理、三种预渲染策略(eager/moderate/conservative)、实战代码示例、避坑指南和性能数据,帮助开发者实现真正的零延迟导航体验。
Web性能优化
前端开发
浏览器API
TypeScript 6.0发布:微软为7.0的Go语言重写铺路——一次影响数百万开发者的技术跃迁
编程
TypeScript 6.0发布:微软为7.0的Go语言重写铺路——一次影响数百万开发者的技术跃迁
2026-08-10 15:21:48 +0800 CST
view 85
深度解析TypeScript 6.0正式发布:默认配置变更、废弃警告、Go语言重写计划、以及这一决策对前端开发生态的深远影响。
TypeScript
Go语言
编译器重写
前端工具链
Microsoft
如何在Vue3中使用sessionStorage保存会话数据?
编程
如何在Vue3中使用sessionStorage保存会话数据?
2024-11-19 03:37:49 +0800 CST
view 1938
本文探讨了如何在Vue3应用中使用sessionStorage保存会话数据。sessionStorage是WebStorageAPI的一部分,仅在一个会话期间有效。通过示例代码,展示了如何创建Vue3项目、表单组件,并在用户输入时保存数据到sessionStorage,以及在组件挂载时加载数据。最终实现了在页面刷新后仍能保留用户输入的数据,提升用户体验。
前端开发
WebStorage
Vue框架
驯服JavaScript中的this:从困惑到精通
编程
驯服JavaScript中的this:从困惑到精通
2025-09-11 18:40:35 +0800 CST
view 1067
本文深入解析JavaScript中this关键字的工作原理,详细介绍了四种绑定规则(默认绑定、隐式绑定、显式绑定和new绑定)以及箭头函数的特殊行为。通过多个代码示例展示了this在不同场景下的表现,包括面向对象编程、事件处理和回调函数中的实际应用,并提供了最佳实践和常见陷阱的解决方案。
JavaScript编程
前端开发
语言特性
如何在Vue3中使用组合API和watch监听数据变化?
编程
如何在Vue3中使用组合API和watch监听数据变化?
2024-11-17 23:53:00 +0800 CST
view 1360
本文介绍了如何在Vue3中使用组合API和watch来监听数据变化。组合API增强了代码的组织性和可重用性,watch函数则用于精确监听数据变化并执行相应逻辑。文章涵盖了组合API的基本使用、watch的基本用法、深度监听、监听多个数据源、立即执行的watch以及清理副作用等内容,帮助开发者更好地掌握这些技术。
前端开发
Vue.js
JavaScript
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
编程
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
2025-09-11 18:43:12 +0800 CST
view 1301
本文深入分析前端Token存储的安全风险,对比LocalStorage、SessionStorage和Cookie三种方案的优劣。指出LocalStorage易受XSS攻击,推荐使用HttpOnly、Secure、SameSite=Strict的Cookie存储RefreshToken,内存存储短期AccessToken的最佳实践方案,并提供具体代码实现和不同场景下的选择建议。
前端安全
Web开发
身份验证
网络安全
最佳实践
2026年React和Vue框架级性能优化实战:从源码原理到业务落地全解析
编程
2026年React和Vue框架级性能优化实战:从源码原理到业务落地全解析
2026-07-09 02:19:25 +0800 CST
view 244
深入剖析React和Vue框架级性能优化,从Fiber架构到响应式系统,从虚拟滚动到并发特性,包含大量代码示例和实战案例。
React
Vue
性能优化
前端框架
微软TypeScript编译器大地震:7.0将用Go重写,性能提升10倍的背后逻辑
编程
微软TypeScript编译器大地震:7.0将用Go重写,性能提升10倍的背后逻辑
2026-08-10 15:22:47 +0800 CST
view 75
深度解析TypeScript 6.0正式发布:默认配置变更、废弃警告、Go语言重写计划、以及这一决策对前端开发生态的深远影响。
TypeScript
Go语言
编译器重写
前端工具链
Microsoft
如何在Vue3中使用组合API和生命周期钩子创建一个定时器?
编程
如何在Vue3中使用组合API和生命周期钩子创建一个定时器?
2024-11-18 22:32:47 +0800 CST
view 1632
本文探讨了如何在Vue3中使用组合API和生命周期钩子创建一个简单的倒计时器组件。通过使用`setup`、`onMounted`和`onUnmounted`等生命周期钩子,组件能够在不同阶段执行特定操作。实现的组件从10开始倒计时,并在结束时发出事件通知,展示了组合API的灵活性和强大功能。
Vue
前端开发
JavaScript
浮窗新时代:Document Picture-in-Picture API 完全指南与 Modal 对比
编程
浮窗新时代:Document Picture-in-Picture API 完全指南与 Modal 对比
2025-09-11 18:50:47 +0800 CST
view 1331
本文全面介绍了浏览器原生浮窗解决方案DocumentPicture-in-PictureAPI,包括其核心特性、基本用法、代码示例,并与传统Modal模态框进行多维度对比。提供了不同场景下的技术选型指南,涵盖实时监控、常驻工具窗口等应用场景,同时包含优雅降级方案和最佳实践建议。
前端开发
WebAPI
浏览器技术
Claude Code官方桌面端正式发布,实时预览太强了
编程
Claude Code官方桌面端正式发布,实时预览太强了
2026-05-29 04:15:00 +0800 CST
view 888
Claude Code Desktop是Anthropic官方推出的桌面应用程序,集成Chat、Cowork和Code三大核心功能,免登录即可使用。最惊艳的功能是Claude Preview,改完代码自动起开发服务器,在内嵌浏览器里实时看效果。
Claude Code
桌面端
Anthropic
AI编程
Claude Preview
CC Switch
前端开发
实时预览
如何在Vue3中使用provide/inject实现跨组件状态共享?
编程
如何在Vue3中使用provide/inject实现跨组件状态共享?
2024-11-17 14:16:16 +0800 CST
view 1466
本文探讨了如何在Vue3中使用provide和inject实现跨组件状态共享。通过示例展示了在祖先组件中使用provide提供共享数据,并在后代组件中使用inject接收这些数据。此机制简化了数据流通,避免了通过props逐层传递的复杂性,但并不是全局状态管理工具,适用于特定场景。
前端开发
Vue框架
状态管理
Web Components 2026:前端框架去框架化革命——从Custom Elements到原生Web组件生态的完整演进
编程
Web Components 2026:前端框架去框架化革命——从Custom Elements到原生Web组件生态的完整演进
2026-08-10 16:14:46 +0800 CST
view 84
深度解析Web Components在2026年的发展现状:Custom Elements、Shadow DOM、HTML Templates核心API,Lit与Stencil框架对比,React与Vue适配,性能优化策略,微前端架构实战,以及与传统框架的完整对比分析。
Web Components
Custom Elements
Shadow DOM
前端框架
组件化
Lit
Stencil
如何在Vue3中使用模板引用操作DOM?
编程
如何在Vue3中使用模板引用操作DOM?
2024-11-18 19:57:44 +0800 CST
view 1514
本文详细介绍了如何在Vue3中使用模板引用来操作DOM元素,包括定义和访问模板引用的基本用法,以及在复杂场景下的应用示例,如在Canvas上绘制图形。通过使用组合API中的ref和生命周期钩子onMounted,开发者可以方便地实现DOM操作,提升开发效率。
前端开发
Vue
JavaScript
DOM操作
组件
分页管理终极方案!一个Hook解决90%后台列表需求
编程
分页管理终极方案!一个Hook解决90%后台列表需求
2025-09-15 18:56:30 +0800 CST
view 1090
本文介绍了一个专门封装的分页数据管理Hook解决方案,通过usePageFetch和useFetch两层架构统一处理分页状态管理、请求状态维护和缓存机制。该方案能大幅减少重复代码,提供完整的搜索、刷新、翻页功能,并支持自定义缓存策略和响应格式处理,使开发效率提升90%以上。
前端开发
Vue技术
代码优化
后台管理系统
Tauri 2.0 深度解析:当 Rust 遇见 WebView,桌面应用的「小而美」革命
编程
Tauri 2.0 深度解析:当 Rust 遇见 WebView,桌面应用的「小而美」革命
2026-07-03 12:47:53 +0800 CST
view 412
深度解析 Tauri 2.0 核心架构:Rust + WebView 的轻量化革命,3-10MB 包体积、20-80MB 内存、毫秒级启动,正式支持 iOS/Android 五平台统一。
Tauri
Rust
桌面应用
跨平台
前端框架
WebView
性能优化
Electron替代
移动端
iOS
Android
Web Components 2026全景解析:当浏览器原生能力重塑前端架构——从四大核心API到企业级实战的完整指南
编程
Web Components 2026全景解析:当浏览器原生能力重塑前端架构——从四大核心API到企业级实战的完整指南
2026-08-10 16:15:40 +0800 CST
view 78
深度解析Web Components在2026年的发展现状:Custom Elements、Shadow DOM、HTML Templates核心API,Lit与Stencil框架对比,React与Vue适配,性能优化策略,微前端架构实战,以及与传统框架的完整对比分析。
Web Components
Custom Elements
Shadow DOM
前端框架
组件化
Lit
Stencil
如何在Vue3中使用动态CSS类名实现条件渲染?
编程
如何在Vue3中使用动态CSS类名实现条件渲染?
2024-11-19 09:28:23 +0800 CST
view 1878
本文详细介绍了如何在Vue3中使用动态CSS类名实现条件渲染。通过对象语法和数组语法,开发者可以根据条件动态添加或移除CSS类名,从而控制组件的外观和行为。示例代码展示了如何结合动态类名与条件渲染,提升用户体验和代码的可读性。
前端开发
Vue.js
用户界面
优化 CSS 以获得更好性能和可维护性的 10 个基本技巧
编程
优化 CSS 以获得更好性能和可维护性的 10 个基本技巧
2024-11-19 00:04:49 +0800 CST
view 1842
本文介绍了优化CSS的10个基本技巧,包括最小化和压缩CSS、使用速记属性、组织CSS、避免内联样式、降低特异性、删除未使用的CSS、使用CSS变量、优化媒体查询、利用CSS预处理器和优化CSS交付。这些技巧旨在提升网站加载速度和性能,增强代码的可维护性,帮助开发者编写更高效的CSS代码。
前端开发
网页性能
CSS优化
用户体验
编程技巧
Tailwind CSS v4 深度拆解:当 CSS 框架用 Rust 引擎重写配置——@theme、级联层与原生 CSS 如何重写前端样式心智模型
编程
Tailwind CSS v4 深度拆解:当 CSS 框架用 Rust 引擎重写配置——@theme、级联层与原生 CSS 如何重写前端样式心智模型
2026-07-15 13:56:03 +0800 CST
view 210
深度拆解 Tailwind CSS v4:Rust 重写的 Oxide 引擎、CSS-first 的 @theme 配置、级联层与原生 CSS 特性如何重写前端样式心智模型,配完整迁移与性能实战。
Tailwind CSS v4
Oxide
CSS-first
@theme
前端工程化
级联层
原生CSS
Vite
使用 Gin 和 OpenAI 实现实时聊天:后端代码与前端集成
代码
使用 Gin 和 OpenAI 实现实时聊天:后端代码与前端集成
2024-11-19 01:23:58 +0800 CST
view 2476
本文介绍了如何使用Go语言的Gin框架与OpenAIAPI实现实时聊天功能,包括后端代码实现、.env配置文件设置,以及前端如何通过SSE与后端交互。后端通过Gin创建API接口,处理用户请求并与OpenAI的GPT-4模型交互,实时推送响应给前端。前端使用JavaScript的EventSource接收消息,展示实时聊天效果。
编程
聊天应用
后端开发
前端开发
API集成
Vue3中的VNode是什么?它的工作原理是什么?
编程
Vue3中的VNode是什么?它的工作原理是什么?
2024-11-18 01:48:15 +0800 CST
view 1861
VNode(虚拟节点)是Vue3中虚拟DOM的核心元素,它是对真实DOM的抽象表示。VNode的工作原理包括创建、更新和渲染三个步骤。通过高效的diff算法,Vue3能够在状态变化时最小化实际DOM操作,从而提升渲染性能。理解VNode的结构和工作流程有助于开发高效的Vue应用程序。
前端框架
虚拟DOM
Vue
编程
jQuery动画API兼容的高性能JavaScript动画库Velocity.js
2024-11-19 07:59:22 +0800 CST
view 2070
本文介绍了Velocity.js,这是一款与jQuery动画API兼容的高性能JavaScript动画库。它支持颜色动画、CSS变换、循环动画等多种功能,适用于各种需要高性能动画的场景。文中还提供了在Vue环境中使用Velocity.js的简单示例,展示了如何实现平滑的动画效果。Velocity.js是前端开发者实现动画效果的理想选择。
前端
动画
JavaScript
开发工具
性能优化
Rust 正在吃掉前端工具链:从 Rolldown 到 Oxc,一场静悄悄的性能革命
编程
Rust 正在吃掉前端工具链:从 Rolldown 到 Oxc,一场静悄悄的性能革命
2026-05-19 15:15:35 +0800 CST
view 670
深度解析Rust如何重塑前端工具链:从Rolldown到Oxc,从Rspack到Turbopack,涵盖架构原理、AST优化、并行策略、NAPI-RS桥接、实战迁移和性能调优的完整指南
Rust
前端工具链
Rolldown
Oxc
Rspack
Turbopack
性能优化
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
37
38
39
40
41
...
46
下一页