程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
告别冗长代码!10个JavaScript简写技巧提升开发效率
编程
告别冗长代码!10个JavaScript简写技巧提升开发效率
2025-09-11 18:27:56 +0800 CST
view 1029
本文介绍了10个实用的JavaScript简写技巧,包括短路求值、模板字符串、解构赋值、展开运算符、箭头函数、可选链操作符、空值合并运算符、includes方法、指数运算符和对象属性简写。这些技巧基于ES6及后续版本,旨在帮助开发者用更少的代码表达相同逻辑,提高代码可读性和维护性,同时保持技术准确性。
编程技巧
前端开发
代码优化
如何在Vue3中使用本地存储localStorage保存数据?
编程
如何在Vue3中使用本地存储localStorage保存数据?
2024-11-19 08:11:16 +0800 CST
view 2034
本文介绍了如何在Vue3中使用localStorage保存数据,包括创建Vue3项目、实现用户输入组件、保存和检索数据的功能,以及如何结合Vuex进行全局状态管理。通过示例代码,读者可以学习到localStorage的基本用法及其在现代Web应用中的重要性,提升应用性能和用户体验。
前端开发
Vue框架
Web存储
告别Loading!6行代码实现页面秒开的Speculation Rules API实战指南
编程
告别Loading!6行代码实现页面秒开的Speculation Rules API实战指南
2025-09-11 18:33:38 +0800 CST
view 1169
本文详细介绍了现代浏览器提供的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 12
深度解析TypeScript 6.0正式发布:默认配置变更、废弃警告、Go语言重写计划、以及这一决策对前端开发生态的深远影响。
TypeScript
Go语言
编译器重写
前端工具链
Microsoft
如何在Vue3中使用sessionStorage保存会话数据?
编程
如何在Vue3中使用sessionStorage保存会话数据?
2024-11-19 03:37:49 +0800 CST
view 1928
本文探讨了如何在Vue3应用中使用sessionStorage保存会话数据。sessionStorage是WebStorageAPI的一部分,仅在一个会话期间有效。通过示例代码,展示了如何创建Vue3项目、表单组件,并在用户输入时保存数据到sessionStorage,以及在组件挂载时加载数据。最终实现了在页面刷新后仍能保留用户输入的数据,提升用户体验。
前端开发
WebStorage
Vue框架
编程
5种独特的图标导航设计,利用CSS和JavaScript提升用户体验
2024-11-19 10:04:42 +0800 CST
view 1440
本文分享了5种独特的图标导航设计,利用CSS和JavaScript提升用户体验。每种设计都有其特点,如滑动效果、黏液效果、全屏切换、垂直导航和按钮式菜单,适合不同场景和需求。这些设计不仅美观,还考虑了可访问性,旨在为网页和移动应用提供灵感。
网页设计
用户体验
前端开发
驯服JavaScript中的this:从困惑到精通
编程
驯服JavaScript中的this:从困惑到精通
2025-09-11 18:40:35 +0800 CST
view 1060
本文深入解析JavaScript中this关键字的工作原理,详细介绍了四种绑定规则(默认绑定、隐式绑定、显式绑定和new绑定)以及箭头函数的特殊行为。通过多个代码示例展示了this在不同场景下的表现,包括面向对象编程、事件处理和回调函数中的实际应用,并提供了最佳实践和常见陷阱的解决方案。
JavaScript编程
前端开发
语言特性
如何在Vue3中使用组合API和watch监听数据变化?
编程
如何在Vue3中使用组合API和watch监听数据变化?
2024-11-17 23:53:00 +0800 CST
view 1351
本文介绍了如何在Vue3中使用组合API和watch来监听数据变化。组合API增强了代码的组织性和可重用性,watch函数则用于精确监听数据变化并执行相应逻辑。文章涵盖了组合API的基本使用、watch的基本用法、深度监听、监听多个数据源、立即执行的watch以及清理副作用等内容,帮助开发者更好地掌握这些技术。
前端开发
Vue.js
JavaScript
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
编程
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
2025-09-11 18:43:12 +0800 CST
view 1290
本文深入分析前端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 226
深入剖析React和Vue框架级性能优化,从Fiber架构到响应式系统,从虚拟滚动到并发特性,包含大量代码示例和实战案例。
React
Vue
性能优化
前端框架
微软TypeScript编译器大地震:7.0将用Go重写,性能提升10倍的背后逻辑
编程
微软TypeScript编译器大地震:7.0将用Go重写,性能提升10倍的背后逻辑
2026-08-10 15:22:47 +0800 CST
view 13
深度解析TypeScript 6.0正式发布:默认配置变更、废弃警告、Go语言重写计划、以及这一决策对前端开发生态的深远影响。
TypeScript
Go语言
编译器重写
前端工具链
Microsoft
如何在Vue3中使用组合API和生命周期钩子创建一个定时器?
编程
如何在Vue3中使用组合API和生命周期钩子创建一个定时器?
2024-11-18 22:32:47 +0800 CST
view 1622
本文探讨了如何在Vue3中使用组合API和生命周期钩子创建一个简单的倒计时器组件。通过使用`setup`、`onMounted`和`onUnmounted`等生命周期钩子,组件能够在不同阶段执行特定操作。实现的组件从10开始倒计时,并在结束时发出事件通知,展示了组合API的灵活性和强大功能。
Vue
前端开发
JavaScript
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 3327
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
浮窗新时代:Document Picture-in-Picture API 完全指南与 Modal 对比
编程
浮窗新时代:Document Picture-in-Picture API 完全指南与 Modal 对比
2025-09-11 18:50:47 +0800 CST
view 1315
本文全面介绍了浏览器原生浮窗解决方案DocumentPicture-in-PictureAPI,包括其核心特性、基本用法、代码示例,并与传统Modal模态框进行多维度对比。提供了不同场景下的技术选型指南,涵盖实时监控、常驻工具窗口等应用场景,同时包含优雅降级方案和最佳实践建议。
前端开发
WebAPI
浏览器技术
Claude Code官方桌面端正式发布,实时预览太强了
编程
Claude Code官方桌面端正式发布,实时预览太强了
2026-05-29 04:15:00 +0800 CST
view 851
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 1459
本文探讨了如何在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 13
深度解析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 1506
本文详细介绍了如何在Vue3中使用模板引用来操作DOM元素,包括定义和访问模板引用的基本用法,以及在复杂场景下的应用示例,如在Canvas上绘制图形。通过使用组合API中的ref和生命周期钩子onMounted,开发者可以方便地实现DOM操作,提升开发效率。
前端开发
Vue
JavaScript
DOM操作
组件
编程
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST
view 2189
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果。本文介绍了mo.js的基本概念、特点及其在Vue环境中的应用,展示了如何通过简单的API实现复杂的动画效果,提升网页的动态性和用户体验。
前端开发
JavaScript
动画
用户体验
Web设计
分页管理终极方案!一个Hook解决90%后台列表需求
编程
分页管理终极方案!一个Hook解决90%后台列表需求
2025-09-15 18:56:30 +0800 CST
view 1062
本文介绍了一个专门封装的分页数据管理Hook解决方案,通过usePageFetch和useFetch两层架构统一处理分页状态管理、请求状态维护和缓存机制。该方案能大幅减少重复代码,提供完整的搜索、刷新、翻页功能,并支持自定义缓存策略和响应格式处理,使开发效率提升90%以上。
前端开发
Vue技术
代码优化
后台管理系统
Tauri 2.0 深度解析:当 Rust 遇见 WebView,桌面应用的「小而美」革命
编程
Tauri 2.0 深度解析:当 Rust 遇见 WebView,桌面应用的「小而美」革命
2026-07-03 12:47:53 +0800 CST
view 391
深度解析 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 15
深度解析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 1868
本文详细介绍了如何在Vue3中使用动态CSS类名实现条件渲染。通过对象语法和数组语法,开发者可以根据条件动态添加或移除CSS类名,从而控制组件的外观和行为。示例代码展示了如何结合动态类名与条件渲染,提升用户体验和代码的可读性。
前端开发
Vue.js
用户界面
优化 CSS 以获得更好性能和可维护性的 10 个基本技巧
编程
优化 CSS 以获得更好性能和可维护性的 10 个基本技巧
2024-11-19 00:04:49 +0800 CST
view 1835
本文介绍了优化CSS的10个基本技巧,包括最小化和压缩CSS、使用速记属性、组织CSS、避免内联样式、降低特异性、删除未使用的CSS、使用CSS变量、优化媒体查询、利用CSS预处理器和优化CSS交付。这些技巧旨在提升网站加载速度和性能,增强代码的可维护性,帮助开发者编写更高效的CSS代码。
前端开发
网页性能
CSS优化
用户体验
编程技巧
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
59
60
61
62
63
...
69
下一页