程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
使用 rem 适配 PC 与移动端——原理与实战指南
编程
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48 +0800 CST
view 1027
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
编程
巧用opacity实现input的文件上传美化
2024-11-19 00:06:05 +0800 CST
view 3283
本文讨论了如何美化文件上传标签,以提升用户体验。原生的上传按钮被认为不美观,因此提供了HTML和CSS代码示例,展示了如何使用自定义样式和图标来改善上传界面的外观。示例中包括了两个不同的上传框,分别用于身份证的正面和反面,配合相应的图标和描述。
前端开发
用户界面
网页设计
Vue3中如何实现状态管理?
编程
Vue3中如何实现状态管理?
2024-11-19 09:40:30 +0800 CST
view 1255
在Vue3中,状态管理可以通过CompositionAPI实现。使用`ref`创建响应式变量,定义方法来操作状态,并通过`setup`函数暴露给模板。示例中展示了一个简单的计数器应用,包含增加和重置计数的功能。对于复杂状态,可以使用`reactive`创建包含多个属性的响应式对象。此方法提高了代码的清晰度和组件的可维护性。
Vue
前端开发
JavaScript
一个简单的打字机效果的实现
代码
一个简单的打字机效果的实现
2024-11-19 04:47:27 +0800 CST
view 1301
该文本展示了一个简单的打字机效果的实现,使用HTML、CSS和JavaScript。通过CSS样式定义了打字机效果的外观和动画,JavaScript用于动态设置文本和控制动画的重置与执行。每隔5秒,文本会重新执行打字机效果,增强了用户体验。
前端开发
网页设计
动画效果
Vue3 vue-office 插件实现 Word 预览
编程
Vue3 vue-office 插件实现 Word 预览
2024-11-19 02:19:34 +0800 CST
view 2113
本文介绍了如何在Vue3项目中使用vue-office插件实现Word文档的预览功能。通过创建Vue3项目、安装vue-office插件、设置响应式数据、使用组件以及实现文件上传预览,用户可以方便地展示Word文档。代码示例详细展示了每个步骤的实现方式。
前端开发
Vue
文档处理
V3 Admin Vite:轻量级 Vue3 后台管理模板
编程
V3 Admin Vite:轻量级 Vue3 后台管理模板
2025-07-05 16:21:29 +0800 CST
view 2227
V3AdminVite是一个基于Vue3、Vite和TypeScript的轻量级后台管理模板,提供权限控制、动态菜单、主题切换等功能,适合快速搭建中小型管理后台。得益于Vite的极速性能,开发环境启动迅速,支持多种布局和国际化,便于开发者高效构建和维护项目。
前端开发
后台管理
Vue框架
开发工具
模板
Vue3中如何进行错误处理?
编程
Vue3中如何进行错误处理?
2024-11-18 05:17:47 +0800 CST
view 1620
本文介绍了在Vue3中进行错误处理的多种方法,包括全局错误处理、组件级错误处理和异步操作中的错误处理。通过示例代码,展示了如何设置全局错误处理器、使用`errorCaptured`钩子捕获组件内错误,以及在异步操作中使用`catch`捕获错误。这些方法有助于提升应用程序的稳定性和可靠性。
前端开发
Vue.js
错误处理
Vue3中如何实现响应式数据?
编程
Vue3中如何实现响应式数据?
2024-11-18 10:15:48 +0800 CST
view 1432
本文详细介绍了如何在Vue3中实现响应式数据,包括使用`reactive`和`ref`函数创建响应式对象和数据,以及其他工具如`toRefs`和`toRef`。通过示例代码,展示了响应式数据的创建和视图的自动更新机制,强调了掌握这些概念对前端开发者的重要性。
前端开发
Vue框架
编程技巧
综合
particles.js:轻量级 JavaScript 粒子库
2024-11-18 07:46:04 +0800 CST
view 1401
particles.js是一个轻量级的JavaScript库,用于在网页上创建粒子效果。用户可以自定义粒子的数量、颜色、形状及运动方式。使用方法包括添加容器、引入库、加载配置和设置选项。该库支持npm、Bower和CDN安装,并提供丰富的配置选项以增强网页视觉效果。相关项目包括Three.js、PixiJS和p5.js。
JavaScript库
网页效果
前端开发
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 866
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
编程
全栈利器 H3 框架来了!
2025-07-07 17:48:01 +0800 CST
view 1241
H3是由Nuxt核心团队打造的轻量、标准、跨平台的全栈HTTP框架,支持Node.js、Bun、Deno等多种运行时。它遵循原生fetch请求模型,具有简洁易用的API设计和内建中间件、插件机制。H3适用于构建现代边缘服务应用、APIServer等,提供了灵活的路由、事件处理和生命周期钩子,能够替代axios,满足多种开发需求。
Web开发
框架
后端开发
前端开发
全栈开发
Vue3中的Teleport组件是用来做什么的?
编程
Vue3中的Teleport组件是用来做什么的?
2024-11-18 09:35:36 +0800 CST
view 1265
Vue3中的Teleport组件允许将元素移动到DOM中的不同位置,而不改变它们在组件树中的逻辑位置。它适用于模态框、下拉菜单和通知等场景,确保这些元素在视觉上正确显示,同时保持其逻辑结构不变。通过示例代码展示了如何使用Teleport组件来创建模态框,并控制其显示与隐藏。
前端开发
Vue.js
组件
编程
前端动画神器 Uiverse.io:复制粘贴即可为所欲为!
2025-07-07 17:55:15 +0800 CST
view 1279
Uiverse.io是一个为前端开发者提供的动画组件库,包含4000+个精美的CSS动效组件示例,如按钮、输入框、提示框等,支持原生CSS和TailwindCSS。用户只需复制粘贴代码即可使用,且网站也为学习CSS动画提供了丰富的素材和示例,帮助开发者提升用户体验和设计能力。
前端开发
动画
组件库
用户体验
学习资源
TypeScript 6.0 深度解析:JS最后的「终章」与Go重写的序章——一份面向2026年的完整升级指南
编程
TypeScript 6.0 深度解析:JS最后的「终章」与Go重写的序章——一份面向2026年的完整升级指南
2026-04-11 12:07:30 +0800 CST
view 202
深度解析TypeScript 6.0发布:作为JS实现的最后一个大版本,它为Go重写的TS7铺路。本文涵盖配置默认值变更、新语法特性、破坏性更新清单、性能提升分析,以及从TS5.x到TS6的实战升级路线图。
TypeScript
JavaScript
TypeScript6
TypeScript7
Go
前端
编程语言
TypeScript 6.0深度解析:JS终章与Go重写序章——2026升级完全指南
编程
TypeScript 6.0深度解析:JS终章与Go重写序章——2026升级完全指南
2026-04-11 12:08:14 +0800 CST
view 734
深度解析TypeScript 6.0发布:作为JS实现的最后一个大版本,它为Go重写的TS7铺路。本文涵盖配置默认值变更、新语法特性、破坏性更新清单、性能提升分析,以及从TS5.x到TS6的实战升级路线图。
TypeScript
JavaScript
TypeScript6
TypeScript7
Go
前端
编程语言
Vite 6 深度解析:Rolldown 引擎替换 + Environment API,前端构建工具的终极进化
编程
Vite 6 深度解析:Rolldown 引擎替换 + Environment API,前端构建工具的终极进化
2026-05-11 07:55:02 +0800 CST
view 75
Vite6深度解析:Rolldown引擎替代Rollup让构建速度提升7-30倍,Environment API标准化client/server/edge多环境构建,详析迁移指南和实战性能数据
Vite6,Rolldown,EnvironmentAPI,前端构建,Rust打包器
写Vue大篇幅的ref、computed,而reactive为何少见?
编程
写Vue大篇幅的ref、computed,而reactive为何少见?
2024-11-18 21:26:50 +0800 CST
view 1378
在Vue3开发中,使用ref和computed的频率较高,但reactive相对较少。ref用于简单值的响应式引用,computed用于依赖其他响应式数据的动态计算,而reactive适用于对象的深层响应式。通过将复杂逻辑封装到外部模块,可以简化组件的复杂度,提高可维护性。
Vue
前端开发
响应式编程
前端开发中 localStorage 的核心用法与进阶技巧详解
编程
前端开发中 localStorage 的核心用法与进阶技巧详解
2025-07-11 09:18:49 +0800 CST
view 1004
本文详细介绍了localStorage的核心用法,包括数据存储、读取、删除及注意事项。强调了同源策略、容量限制和安全性建议,提供了常见应用场景如用户偏好设置、购物车信息持久化等。还讨论了与其他存储方式的对比及进阶技巧,如监听存储变化和模拟过期时间机制,帮助开发者更高效、安全地使用localStorage。
Web开发
数据存储
前端技术
编程
html5 输入密码时改键盘样式为数字键盘
2024-11-18 06:51:04 +0800 CST
view 3661
今天接到老板的需求,登录密码的时候需要弹出手机键盘。原代码为:解决方案一:你以为解决了?没有这里虽然会弹出数字键盘但是输入是明文的。所以我们需要继续优化一下`
js
前端
Vue中如何处理异步更新DOM?
编程
Vue中如何处理异步更新DOM?
2024-11-18 22:38:53 +0800 CST
view 1229
本文介绍了在Vue中处理异步更新DOM的两种常见场景:在组件生命周期钩子函数中异步更新DOM和异步操作完成后更新数据并触发DOM重新渲染。通过示例代码,阐述了如何使用`$nextTick`确保DOM更新完成,以及在特殊情况下使用`$forceUpdate`强制组件重新渲染。这些技术有助于提升Vue应用的稳定性和用户体验。
Vue
前端开发
异步编程
CSS实现亚克力和磨砂玻璃效果
编程
CSS实现亚克力和磨砂玻璃效果
2024-11-18 01:21:20 +0800 CST
view 1959
本文讨论了如何使用CSS实现亚克力和磨砂玻璃效果,介绍了这两种效果的历史背景及其在现代UI设计中的应用。通过使用CSS的filter和backdrop-filter属性,提供了详细的代码示例,展示了如何构建这些视觉效果,强调了透明度、模糊和层次感的重要性。
UI设计
前端开发
CSS效果
什么是 Vue 3?它与 Vue 2 有什么不同之处?
编程
什么是 Vue 3?它与 Vue 2 有什么不同之处?
2024-11-18 01:53:02 +0800 CST
view 1261
Vue3是Vue.js的下一个主要版本,带来了性能提升、CompositionAPI、TypeScript支持和更好的Tree-shaking。它使用Proxy对象替代Object.defineProperty,提升了数据响应式处理的精确性。CompositionAPI提供了更灵活的组件逻辑组织方式。Vue3的代码库全面使用TypeScript,优化了大型项目的开发体验。总的来说,Vue3为开发者带来了新的机遇和挑战。
前端框架
JavaScript
开发工具
前端项目中使用element-ui和qrcodejs2插件生成二维码并提供下载功能
编程
前端项目中使用element-ui和qrcodejs2插件生成二维码并提供下载功能
2024-11-18 21:07:04 +0800 CST
view 1565
本文介绍了如何在前端项目中使用element-ui和qrcodejs2插件生成二维码并提供下载功能。通过安装qrcodejs2插件,结合HTML和JavaScript代码,可以在弹窗中生成二维码,并实现下载功能。代码示例包括生成二维码、下载二维码和取消显示的实现,适合需要二维码功能的项目参考。
前端开发
二维码生成
JavaScript
插件使用
Vue3中的Composition API是什么?它与Options API有什么区别?
编程
Vue3中的Composition API是什么?它与Options API有什么区别?
2024-11-19 03:24:22 +0800 CST
view 1414
Vue3引入的CompositionAPI是一种新的组件代码组织方式,相比于传统的OptionsAPI,提供了更大的灵活性和可复用性。CompositionAPI允许将相关逻辑组合在一起,使代码结构更简洁,易于维护。通过示例代码对比,展示了两者在灵活性、可复用性和逻辑复用方面的差异,强调了CompositionAPI在处理复杂逻辑时的优势。
Vue
前端开发
JavaScript
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
17
18
19
20
21
...
36
下一页