程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
如何在Vue3中使用音频库Howler.js实现音频播放?
编程
如何在Vue3中使用音频库Howler.js实现音频播放?
2024-11-18 15:35:49 +0800 CST
view 1402
本文详细讲解了如何在Vue3项目中集成Howler.js音频库,实现音频播放功能。包括初始化Vue3项目、安装Howler.js、创建音频播放组件以及实现播放、暂停、停止和音量调节等功能。通过这些步骤,开发者可以轻松为Web应用添加音频功能,提升用户体验。
Web开发
音频处理
前端技术
如何在Vue3中使用自定义指令创建一个拖拽组件?
编程
如何在Vue3中使用自定义指令创建一个拖拽组件?
2024-11-19 07:18:22 +0800 CST
view 1180
本文详细介绍了如何在Vue3中使用自定义指令创建拖拽组件。通过自定义指令,我们可以直接操作DOM元素,实现拖拽功能。文章提供了完整的示例代码,包括指令的创建、注册和使用,帮助开发者提升用户体验和界面交互性。
前端
Vue
开发技术
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1043
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
编程
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
2025-09-11 18:43:12 +0800 CST
view 429
本文深入分析前端Token存储的安全风险,对比LocalStorage、SessionStorage和Cookie三种方案的优劣。指出LocalStorage易受XSS攻击,推荐使用HttpOnly、Secure、SameSite=Strict的Cookie存储RefreshToken,内存存储短期AccessToken的最佳实践方案,并提供具体代码实现和不同场景下的选择建议。
前端安全
Web开发
身份验证
网络安全
最佳实践
编程
jQuery动画API兼容的高性能JavaScript动画库Velocity.js
2024-11-19 07:59:22 +0800 CST
view 1218
本文介绍了Velocity.js,这是一款与jQuery动画API兼容的高性能JavaScript动画库。它支持颜色动画、CSS变换、循环动画等多种功能,适用于各种需要高性能动画的场景。文中还提供了在Vue环境中使用Velocity.js的简单示例,展示了如何实现平滑的动画效果。Velocity.js是前端开发者实现动画效果的理想选择。
前端
动画
JavaScript
开发工具
性能优化
解锁8个现代CSS特性,提升开发效率与视觉体验
编程
解锁8个现代CSS特性,提升开发效率与视觉体验
2025-09-21 14:24:22 +0800 CST
view 274
本文介绍了8个现代CSS实用特性:accent-color定制表单主题色、caret-color控制光标颜色、currentColor智能颜色继承、::marker定制列表标记、:user-valid/:user-invalid智能表单验证、:placeholder-shown占位符样式控制、all:unset快速重置样式、inset简化定位写法,以及text-wrap:balance文本平衡功能。这些特性显著提升开发效率和视觉体验,支持主流浏览器。
CSS开发
前端技术
网页设计
编程
IndexedDB-极速本地存储:浏览器中的超级数据库
2024-11-18 16:21:21 +0800 CST
view 1418
IndexedDB是现代Web应用中的一种高效本地数据存储解决方案,支持异步操作和持久化存储,适合处理大量结构化数据。与Cookies和LocalStorage相比,IndexedDB提供更大的存储空间和更灵活的数据管理能力。通过封装的工具类`idb`,开发者可以轻松实现数据的增删改查操作,满足离线应用和渐进式Web应用的需求。
Web开发
数据存储
前端技术
编程
浏览器居然自带语音 API 和流处理 API!
2024-11-19 06:19:21 +0800 CST
view 1091
本文介绍了浏览器内置的语音合成API和流处理API的工作原理及应用场景,强调了它们在提升网页可访问性和用户体验方面的重要性。语音合成API允许将文本转换为语音,适用于视觉障碍用户;流处理API则支持按需读取数据,适合处理大型文件和实时数据流。通过这些技术,开发者可以创建更智能的网页应用。
网页开发
无障碍技术
前端技术
在 Vue 3 中如何使用第三方库(比如 Axios, Lodash 等)?
编程
在 Vue 3 中如何使用第三方库(比如 Axios, Lodash 等)?
2024-11-17 15:00:39 +0800 CST
view 1586
本文介绍了如何在Vue3项目中集成和使用第三方库,以Axios和Lodash为例。包括项目初始化、安装库、配置Axios、在组件中使用Axios和Lodash,以及全局引入库的方法。通过示例代码,读者可以更好地理解如何在Vue3中高效地使用这些库。
前端框架
JavaScript
开发工具
编程
技术教程
Vue 3 中的 Fragments 是什么?
编程
Vue 3 中的 Fragments 是什么?
2024-11-17 17:05:46 +0800 CST
view 981
本文介绍了Vue3中的Fragments特性,允许组件返回多个顶级元素而无需根节点,简化了DOM结构,提高了代码的可读性和性能。通过示例代码,展示了如何在列表和表单组件中应用Fragments,强调了其在开发中的灵活性和优势。
Vue.js
前端框架
Web开发
用户界面
性能优化
如何在 Vue 3 中使用 TypeScript?
编程
如何在 Vue 3 中使用 TypeScript?
2024-11-18 22:30:18 +0800 CST
view 929
本文探讨如何在Vue3项目中使用TypeScript,包括项目初始化、组件编写、路由配置及API调用。通过VueCLI创建支持TypeScript的项目,展示了如何使用TypeScript编写组件和进行类型检查,提升代码的可维护性和安全性。示例代码涵盖了项目结构、组件逻辑及API调用,帮助开发者更好地理解和应用这些技术。
前端框架
编程语言
开发工具
任务管理工具的HTML
代码
任务管理工具的HTML
2025-01-20 22:36:11 +0800 CST
view 1022
该文本描述了一个任务管理工具的HTML结构和功能,包括任务输入、进度条、任务列表、拖放功能以及导出链接的功能。工具使用了现代的CSS样式来创建一个科技感的界面,并通过JavaScript实现任务的添加、删除、标记完成和进度更新。所有任务数据存储在本地存储中,用户可以通过链接导出任务。
Web开发
前端技术
任务管理工具
随机分数html
代码
随机分数html
2025-01-25 10:56:34 +0800 CST
view 861
该文本描述了一个简单的网页应用,用户点击按钮后会播放音效并生成一个随机分数,伴随有动画效果,如数字滚动、烟花、彩带和闪光等。使用了HTML、CSS和JavaScript来实现这些功能,提供了丰富的视觉和听觉体验。
网页开发
前端技术
用户交互
动画效果
编程
2025,重新认识 HTML!
2025-02-07 14:40:00 +0800 CST
view 1033
本文探讨了HTML的最新特性,包括可定制样式的下拉菜单、直接操控Popover、Checkbox变身Toggle、使用<search>简化搜索、声明式ShadowDOM、ImportMaps导入模块、inert属性、响应式视频以及利用<details>标签创建交互式手风琴效果。这些新特性为开发者提供了更灵活和现代的用户交互体验。
Web开发
前端技术
HTML5
如何使用 Vue 3 中的 `watch` 和 `watchEffect`?
编程
如何使用 Vue 3 中的 `watch` 和 `watchEffect`?
2024-11-18 14:24:45 +0800 CST
view 1255
本文深入探讨了Vue3中的`watch`和`watchEffect`的使用方法及其应用场景。`watch`用于监听响应式数据的变化并执行特定逻辑,而`watchEffect`自动追踪依赖,适合简单的副作用管理。通过实例代码,展示了如何创建响应式对象并监听数据变化,帮助开发者更灵活地使用Vue3的响应式系统。
前端框架
Vue.js
响应式编程
JavaScript
开发技巧
介绍 Vue 3 中的新的 `emits` 选项
编程
介绍 Vue 3 中的新的 `emits` 选项
2024-11-17 04:45:50 +0800 CST
view 1099
本文介绍了Vue3中的`emits`选项,阐述了其在组件间传递事件时的作用和优势。通过示例代码,展示了如何使用`emits`选项声明和验证自定义事件,提升了代码的可维护性和可靠性。`emits`选项使得事件的声明更加明确,并提供了参数验证功能,帮助开发者更好地管理组件间的通信。
Vue.js
前端框架
编程
软件开发
技术文档
综合
如何实现PC打开是Web应用、手机打开是H5应用
2024-11-18 21:30:23 +0800 CST
view 1635
本文讨论了如何通过同一个链接在PC和移动设备上展示不同的应用。介绍了三种实现方式:1)服务器端逻辑,通过解析User-Agent返回不同内容;2)客户端JavaScript,动态加载不同资源;3)响应式设计,使用CSS媒体查询适配不同设备。提供了相关的示例代码,帮助开发者选择合适的实现方式。
Web开发
前端技术
响应式设计
JavaScript
服务器端编程
Chrome 最新事件处理 API 来了,addEventListener 要凉凉了?
编程
Chrome 最新事件处理 API 来了,addEventListener 要凉凉了?
2025-03-16 08:54:19 +0800 CST
view 847
Chrome团队推出的ObservableAPI可能会使addEventListener成为历史。它简化了事件处理,避免了嵌套回调和内存泄漏,提供了更优雅的异步事件处理方式。通过简洁的代码示例,ObservableAPI显示了其在实时搜索、即时通讯和防抖功能等场景中的强大应用。作为浏览器原生支持的标准,ObservableAPI代表了前端开发的未来方向。
前端技术
JavaScript
Web开发
API
异步编程
综合
JeeSiteVue3是一个基于Vue3、Vite、Ant-Design-Vue、TypeScript和VueVbenAdmin的前端开发框架
2024-11-18 04:13:02 +0800 CST
view 1199
JeeSiteVue3是一个基于Vue3、Vite、Ant-Design-Vue、TypeScript和VueVbenAdmin的前端开发框架,提供高效的开发环境和丰富的功能模块。它支持灵活的权限管理、数据权限控制和用户界面优化,适用于小型到中大型项目。通过数据驱动视图的方式,JeeSiteVue3实现了视图的高度定制化,提升了开发效率和用户体验。
前端框架
开发工具
技术栈
用户体验
项目管理
综合
Astro是一款现代的JavaScriptWeb框架,特别适合构建内容驱动型网站,如博客和企业官网
2024-11-18 16:13:37 +0800 CST
view 1907
Astro是一款现代的JavaScriptWeb框架,特别适合构建内容驱动型网站,如博客和企业官网。它支持多种前端框架,具备出色的SEO能力和服务器端渲染功能,能够提升网站性能和用户体验。Astro的安装和部署过程简单,适合快速开发和上线。对于需要快速构建内容展示网站的开发者,Astro是一个值得尝试的选择。
Web开发
框架
前端技术
内容管理
SEO优化
从DNS到GPU:全方位解密现代Web性能优化体系
编程
从DNS到GPU:全方位解密现代Web性能优化体系
2025-03-30 09:11:45 +0800 CST
view 752
本文系统性地分析了现代Web性能优化的17个关键环节,从DNS解析到GPU加速,涵盖了网络层、渲染关键路径、JavaScript执行等多个方面。提供了可落地的代码示例和量化指标,旨在帮助开发者实现显著的性能提升,最终实现秒开的用户体验。
Web性能
前端优化
开发者工具
资讯
商城APP开发费用解析:如何判断报价是否合理?
2024-11-19 01:02:48 +0800 CST
view 1219
本文分析了商城APP开发费用的影响因素,包括功能复杂度、开发方式、开发团队选择、设计与用户体验、后期维护等。提供了判断开发报价合理性的参考,强调源码交付和功能扩展的重要性。企业在开发前应明确需求,了解报价细节,以确保合理预算和高质量交付。
APP开发
软件开发
移动互联网
定制软件开发
Vue3 中引入的 Vue Router 4 与 Vue Router 3 有哪些不同之处?
编程
Vue3 中引入的 Vue Router 4 与 Vue Router 3 有哪些不同之处?
2024-11-19 01:06:37 +0800 CST
view 1058
本文深入探讨了VueRouter4与VueRouter3之间的不同之处,包括路由定义方式、动态路由、导航守卫、路由动画及其他改进。VueRouter4引入了`createRouter`函数,简化了路由配置,并与Vue3的CompositionAPI更加紧密集成,提升了开发体验和代码风格。通过对比,开发者可以更高效地构建单页面应用。
前端框架
路由管理
单页面应用
编程
Web 端 Office 文件预览工具库
2024-11-18 22:19:16 +0800 CST
view 1486
vue-office是一个支持多种文件预览的Vue插件工具库,能够处理Word、Excel、PDF等各类Office文件,兼容Vue2、Vue3及其他非Vue框架,支持在线地址和上传文件的预览。提供了安装和使用示例,支持多种文件格式的配置和事件监听功能。
前端
Vue
文件处理
插件
开源
大家都在搜索什么?
易支付
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
上一页
1
...
22
23
24
25
26
...
41
下一页