程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
如何在Vue3中使用自定义指令创建一个拖拽组件?
编程
如何在Vue3中使用自定义指令创建一个拖拽组件?
2024-11-19 07:18:22 +0800 CST
view 1657
本文详细介绍了如何在Vue3中使用自定义指令创建拖拽组件。通过自定义指令,我们可以直接操作DOM元素,实现拖拽功能。文章提供了完整的示例代码,包括指令的创建、注册和使用,帮助开发者提升用户体验和界面交互性。
前端
Vue
开发技术
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1628
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
编程
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
2025-09-11 18:43:12 +0800 CST
view 1126
本文深入分析前端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 1796
本文介绍了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 862
本文介绍了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 1961
IndexedDB是现代Web应用中的一种高效本地数据存储解决方案,支持异步操作和持久化存储,适合处理大量结构化数据。与Cookies和LocalStorage相比,IndexedDB提供更大的存储空间和更灵活的数据管理能力。通过封装的工具类`idb`,开发者可以轻松实现数据的增删改查操作,满足离线应用和渐进式Web应用的需求。
Web开发
数据存储
前端技术
编程
浏览器居然自带语音 API 和流处理 API!
2024-11-19 06:19:21 +0800 CST
view 1530
本文介绍了浏览器内置的语音合成API和流处理API的工作原理及应用场景,强调了它们在提升网页可访问性和用户体验方面的重要性。语音合成API允许将文本转换为语音,适用于视觉障碍用户;流处理API则支持按需读取数据,适合处理大型文件和实时数据流。通过这些技术,开发者可以创建更智能的网页应用。
网页开发
无障碍技术
前端技术
在 Vue 3 中如何使用第三方库(比如 Axios, Lodash 等)?
编程
在 Vue 3 中如何使用第三方库(比如 Axios, Lodash 等)?
2024-11-17 15:00:39 +0800 CST
view 2045
本文介绍了如何在Vue3项目中集成和使用第三方库,以Axios和Lodash为例。包括项目初始化、安装库、配置Axios、在组件中使用Axios和Lodash,以及全局引入库的方法。通过示例代码,读者可以更好地理解如何在Vue3中高效地使用这些库。
前端框架
JavaScript
开发工具
编程
技术教程
Vue 3 中的 Fragments 是什么?
编程
Vue 3 中的 Fragments 是什么?
2024-11-17 17:05:46 +0800 CST
view 1445
本文介绍了Vue3中的Fragments特性,允许组件返回多个顶级元素而无需根节点,简化了DOM结构,提高了代码的可读性和性能。通过示例代码,展示了如何在列表和表单组件中应用Fragments,强调了其在开发中的灵活性和优势。
Vue.js
前端框架
Web开发
用户界面
性能优化
如何在 Vue 3 中使用 TypeScript?
编程
如何在 Vue 3 中使用 TypeScript?
2024-11-18 22:30:18 +0800 CST
view 1346
本文探讨如何在Vue3项目中使用TypeScript,包括项目初始化、组件编写、路由配置及API调用。通过VueCLI创建支持TypeScript的项目,展示了如何使用TypeScript编写组件和进行类型检查,提升代码的可维护性和安全性。示例代码涵盖了项目结构、组件逻辑及API调用,帮助开发者更好地理解和应用这些技术。
前端框架
编程语言
开发工具
任务管理工具的HTML
代码
任务管理工具的HTML
2025-01-20 22:36:11 +0800 CST
view 1532
该文本描述了一个任务管理工具的HTML结构和功能,包括任务输入、进度条、任务列表、拖放功能以及导出链接的功能。工具使用了现代的CSS样式来创建一个科技感的界面,并通过JavaScript实现任务的添加、删除、标记完成和进度更新。所有任务数据存储在本地存储中,用户可以通过链接导出任务。
Web开发
前端技术
任务管理工具
随机分数html
代码
随机分数html
2025-01-25 10:56:34 +0800 CST
view 1262
该文本描述了一个简单的网页应用,用户点击按钮后会播放音效并生成一个随机分数,伴随有动画效果,如数字滚动、烟花、彩带和闪光等。使用了HTML、CSS和JavaScript来实现这些功能,提供了丰富的视觉和听觉体验。
网页开发
前端技术
用户交互
动画效果
编程
2025,重新认识 HTML!
2025-02-07 14:40:00 +0800 CST
view 1491
本文探讨了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 1789
本文深入探讨了Vue3中的`watch`和`watchEffect`的使用方法及其应用场景。`watch`用于监听响应式数据的变化并执行特定逻辑,而`watchEffect`自动追踪依赖,适合简单的副作用管理。通过实例代码,展示了如何创建响应式对象并监听数据变化,帮助开发者更灵活地使用Vue3的响应式系统。
前端框架
Vue.js
响应式编程
JavaScript
开发技巧
介绍 Vue 3 中的新的 `emits` 选项
编程
介绍 Vue 3 中的新的 `emits` 选项
2024-11-17 04:45:50 +0800 CST
view 1604
本文介绍了Vue3中的`emits`选项,阐述了其在组件间传递事件时的作用和优势。通过示例代码,展示了如何使用`emits`选项声明和验证自定义事件,提升了代码的可维护性和可靠性。`emits`选项使得事件的声明更加明确,并提供了参数验证功能,帮助开发者更好地管理组件间的通信。
Vue.js
前端框架
编程
软件开发
技术文档
综合
如何实现PC打开是Web应用、手机打开是H5应用
2024-11-18 21:30:23 +0800 CST
view 2224
本文讨论了如何通过同一个链接在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 1391
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 1619
JeeSiteVue3是一个基于Vue3、Vite、Ant-Design-Vue、TypeScript和VueVbenAdmin的前端开发框架,提供高效的开发环境和丰富的功能模块。它支持灵活的权限管理、数据权限控制和用户界面优化,适用于小型到中大型项目。通过数据驱动视图的方式,JeeSiteVue3实现了视图的高度定制化,提升了开发效率和用户体验。
前端框架
开发工具
技术栈
用户体验
项目管理
综合
Astro是一款现代的JavaScriptWeb框架,特别适合构建内容驱动型网站,如博客和企业官网
2024-11-18 16:13:37 +0800 CST
view 2475
Astro是一款现代的JavaScriptWeb框架,特别适合构建内容驱动型网站,如博客和企业官网。它支持多种前端框架,具备出色的SEO能力和服务器端渲染功能,能够提升网站性能和用户体验。Astro的安装和部署过程简单,适合快速开发和上线。对于需要快速构建内容展示网站的开发者,Astro是一个值得尝试的选择。
Web开发
框架
前端技术
内容管理
SEO优化
TypeScript 5.9 深度实战:标准装饰器、import defer 与原生编译器前夜——从元编程范式到 7.0 架构跃迁的完全指南(2026)
编程
TypeScript 5.9 深度实战:标准装饰器、import defer 与原生编译器前夜——从元编程范式到 7.0 架构跃迁的完全指南(2026)
2026-05-31 10:20:36 +0800 CST
view 257
TypeScript 5.9 全面解析:标准装饰器落地、import defer 延迟导入、node20 模块系统、编译器性能优化,以及面向 TypeScript 7.0 原生编译器的架构前瞻与迁移指南
TypeScript
JavaScript
前端
Web开发
装饰器
元编程
从DNS到GPU:全方位解密现代Web性能优化体系
编程
从DNS到GPU:全方位解密现代Web性能优化体系
2025-03-30 09:11:45 +0800 CST
view 1215
本文系统性地分析了现代Web性能优化的17个关键环节,从DNS解析到GPU加速,涵盖了网络层、渲染关键路径、JavaScript执行等多个方面。提供了可落地的代码示例和量化指标,旨在帮助开发者实现显著的性能提升,最终实现秒开的用户体验。
Web性能
前端优化
开发者工具
Vue Native超级进化!Vue Lynx让移动端开发进入新阶段
编程
Vue Native超级进化!Vue Lynx让移动端开发进入新阶段
2026-04-28 09:10:57 +0800 CST
view 407
字节跳动开源Vue Lynx——Lynx跨端引擎的官方Vue3绑定,可用标准Vue3+SFC编写真正原生iOS/Android应用(非WebView)。双线程架构、原生控件渲染、性能对标Flutter,开发体验对标标准Vue3。
Vue
移动开发
跨端框架
字节跳动
前端
综合
Tkinter 焕新利器:ttkbootstrap —— 打造美观现代的 Bootstrap 主题
2024-11-19 04:25:20 +0800 CST
view 2963
ttkbootstrap是Tkinter的主题扩展,提供现代化的Bootstrap风格主题,具有高度可定制性和丰富的组件。支持按需加载,优化内存使用,兼容多个平台。用户可以通过简单的CSS修改或使用ttkcreator工具进行定制。ttkbootstrap适用于各种应用程序,如数据可视化工具、管理系统和教育软件,提升用户体验和界面美观性。
Tkinter
主题
用户界面
开发工具
跨平台
MySQL数据库的36条军规
编程
MySQL数据库的36条军规
2024-11-18 16:46:25 +0800 CST
view 1633
本文总结了MySQL数据库的36条军规,涵盖了核心军规、字段类军规、索引类军规、SQL类军规和约定类军规。每条军规背后都有实战经验,强调了性能优化和合理使用数据库的原则,如避免复杂运算、合理控制数据量、谨慎添加索引等,以提升数据库的效率和稳定性。
数据库
性能优化
开发规范
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
26
27
28
29
30
...
56
下一页