程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
如何将TypeScript与Vue3结合使用
编程
如何将TypeScript与Vue3结合使用
2024-11-19 01:47:20 +0800 CST
view 1372
本文介绍了如何将TypeScript与Vue3结合使用,强调了静态类型检查、增强的开发体验和代码可维护性。通过创建新的Vue3项目并配置TypeScript,展示了如何定义组件、在组件间传递类型,以及使用类型声明文件来支持第三方库,提升代码的可靠性和可维护性。
前端技术
编程
软件开发
您需要了解的 10 个顶级 JavaScript 库
编程
您需要了解的 10 个顶级 JavaScript 库
2024-11-18 17:37:43 +0800 CST
view 1404
本文介绍了10个顶级JavaScript库,包括Day.js、qs、js-cookie、flv.js、vConsole、Animate.css、anime.js、Lodash.js、mescroll.js和Chart.js。这些库帮助开发人员提高效率,简化代码,处理日期、URL参数、Cookie,增强动画效果,支持视频播放和数据可视化,提升开发体验。
JavaScript
开发工具
前端技术
用 Electron + Vite + Vue3 搭建桌面端项目:Electron 基础配置
编程
用 Electron + Vite + Vue3 搭建桌面端项目:Electron 基础配置
2024-11-19 08:49:45 +0800 CST
view 2121
本文介绍了如何使用Electron、Vite和Vue3搭建跨平台的桌面应用项目。包括项目创建、Electron安装、主进程代码编写、插件配置、打包命令设置等步骤,适合前端开发者快速上手桌面应用开发。通过具体的代码示例,读者可以了解如何配置项目结构、启动应用以及自定义窗口属性。
桌面开发
前端技术
Electron
Vite
Vue
向满屏的 Import 语句说再见!
编程
向满屏的 Import 语句说再见!
2024-11-18 12:20:51 +0800 CST
view 1378
在大型项目中,密集的导入语句会影响代码整洁性和维护性。本文探讨了如何优雅管理导入语句,包括拒绝模块重新导出、使用require.context、动态导入、ProvidePlugin、TypeScript命名空间等技术,以减少显式导入,提升代码的可读性和组织性。
编程
软件开发
前端技术
Gin 与 Layui 分页 HTML 生成工具
代码
Gin 与 Layui 分页 HTML 生成工具
2024-11-19 09:20:21 +0800 CST
view 1149
这个Go代码片段是一个用于在Gin框架中生成基于Layui样式的分页HTML工具。它接收当前页数、总项目数、每页项目数以及基本URL,并生成适当的分页HTML代码,以便前端显示分页导航。该函数处理了上一页、下一页、首页、尾页及省略号的逻辑,适用于需要分页功能的项目。
编程
Web开发
前端
后端
分页
总结出30个代码前端代码规范
编程
总结出30个代码前端代码规范
2024-11-19 07:59:43 +0800 CST
view 1389
本文总结了30个Vue3及Element-plus的前端代码规范,涵盖目录、模块、组件、事件等方面。这些规范旨在提高代码的一致性、可读性和维护性,特别适用于多人协作的项目。规范包括命名方式、组件结构、事件命名等,强调使用工具如eslint和prettier来保持代码风格的一致性。
前端
Vue
开发规范
一行CSS魔法:瞬间开启网站暗黑模式!
编程
一行CSS魔法:瞬间开启网站暗黑模式!
2025-08-31 08:15:28 +0800 CST
view 701
本文介绍了一种通过一行CSS代码快速实现网站暗黑模式的方法。使用CSS的filter属性,结合invert和hue-rotate函数,可以轻松将网页颜色反转并修正色彩失真。虽然这种方法适合个人项目和快速原型开发,但在生产环境中可能存在局限性,如无法精细控制样式和颜色转换不准确。文章还提供了处理媒体元素的解决方案和与传统方法的对比。
Web开发
CSS
暗黑模式
前端技术
设计
JavaScript 如何实现页面滚动到某一特定位置
编程
JavaScript 如何实现页面滚动到某一特定位置
2024-11-19 10:04:23 +0800 CST
view 1525
本文介绍了如何使用JavaScript实现页面滚动到特定位置,重点讲解了`window.scrollTo()`方法及其平滑滚动的实现。提供了兼容旧版浏览器的解决方案,并介绍了通过CSS设置全局平滑滚动的方式。结合JavaScript和CSS,可以灵活控制页面滚动行为,提升用户体验。
Web开发
前端技术
用户体验
如何在Vue中实现基于用户权限的动态路由加载
编程
如何在Vue中实现基于用户权限的动态路由加载
2024-11-19 02:17:28 +0800 CST
view 1329
本文探讨了如何在Vue3中实现基于用户权限的动态路由加载。通过定义权限模型和动态生成路由,结合VueRouter的导航守卫,确保用户只能访问其角色允许的页面。这种方法提升了应用的灵活性和安全性,适用于需要权限管理的Web应用。
Web开发
前端框架
权限管理
您应该了解的 15 个有用的 CSS 属性
编程
您应该了解的 15 个有用的 CSS 属性
2024-11-18 17:58:16 +0800 CST
view 1286
本文介绍了15个有用的CSS属性,这些属性能够增强网站的设计、性能和用户体验。包括`caret-color`、`accent-color`、`pointer-events`等,帮助开发者提升页面的交互性和视觉效果。掌握这些属性将有助于构建更具吸引力的现代网站。
Web开发
前端技术
CSS
编程
告别重复造轮子!Animista:在线CSS动画生成器的终极指南与实战技巧
2025-09-01 08:26:44 +0800 CST
view 787
Animista是一个在线CSS动画生成器,提供200多种动画效果,帮助开发者快速生成高质量的CSS代码。它支持实时定制、零依赖、完全免费,适合个人和商业项目。本文介绍了Animista的核心功能、使用技巧、与现代前端框架的集成方法,以及性能优化和最佳实践,旨在提升Web开发中的动画效果和用户体验。
Web开发
动画
前端技术
用户体验
工具
如何在Vue3中实现网页时钟,显示当前时间并每秒更新一次
编程
如何在Vue3中实现网页时钟,显示当前时间并每秒更新一次
2024-11-18 20:57:06 +0800 CST
view 2105
本文详细介绍了如何在Vue3中实现一个每秒自动更新的网页时钟。通过创建Clock组件,使用Vue的生命周期钩子和定时器,展示了如何绑定数据并实时更新界面。文章提供了完整的代码示例,帮助读者理解Vue3的基本用法和组件化开发的实践。
前端
Vue
编程
开发实践
项目示例
如何在Vue3中实现一个简单的购物车功能,可以添加和移除商品
编程
如何在Vue3中实现一个简单的购物车功能,可以添加和移除商品
2024-11-18 14:03:25 +0800 CST
view 1593
本文介绍了如何在Vue3中实现一个简单的购物车功能,包括商品列表展示、添加商品到购物车和移除商品的功能。通过创建ProductList和ShoppingCart组件,以及使用Vuex进行状态管理,读者可以学习到如何构建一个功能完整的购物车系统。文章还提供了项目结构、代码实现和运行项目的详细步骤。
Web开发
前端
JavaScript
Vue.js
状态管理
如何在Vue3中使用音频库Howler.js实现音频播放?
编程
如何在Vue3中使用音频库Howler.js实现音频播放?
2024-11-18 15:35:49 +0800 CST
view 1738
本文详细讲解了如何在Vue3项目中集成Howler.js音频库,实现音频播放功能。包括初始化Vue3项目、安装Howler.js、创建音频播放组件以及实现播放、暂停、停止和音量调节等功能。通过这些步骤,开发者可以轻松为Web应用添加音频功能,提升用户体验。
Web开发
音频处理
前端技术
如何在Vue3中使用自定义指令创建一个拖拽组件?
编程
如何在Vue3中使用自定义指令创建一个拖拽组件?
2024-11-19 07:18:22 +0800 CST
view 1491
本文详细介绍了如何在Vue3中使用自定义指令创建拖拽组件。通过自定义指令,我们可以直接操作DOM元素,实现拖拽功能。文章提供了完整的示例代码,包括指令的创建、注册和使用,帮助开发者提升用户体验和界面交互性。
前端
Vue
开发技术
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1359
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
编程
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
2025-09-11 18:43:12 +0800 CST
view 913
本文深入分析前端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 1565
本文介绍了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 643
本文介绍了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 1722
IndexedDB是现代Web应用中的一种高效本地数据存储解决方案,支持异步操作和持久化存储,适合处理大量结构化数据。与Cookies和LocalStorage相比,IndexedDB提供更大的存储空间和更灵活的数据管理能力。通过封装的工具类`idb`,开发者可以轻松实现数据的增删改查操作,满足离线应用和渐进式Web应用的需求。
Web开发
数据存储
前端技术
编程
浏览器居然自带语音 API 和流处理 API!
2024-11-19 06:19:21 +0800 CST
view 1366
本文介绍了浏览器内置的语音合成API和流处理API的工作原理及应用场景,强调了它们在提升网页可访问性和用户体验方面的重要性。语音合成API允许将文本转换为语音,适用于视觉障碍用户;流处理API则支持按需读取数据,适合处理大型文件和实时数据流。通过这些技术,开发者可以创建更智能的网页应用。
网页开发
无障碍技术
前端技术
在 Vue 3 中如何使用第三方库(比如 Axios, Lodash 等)?
编程
在 Vue 3 中如何使用第三方库(比如 Axios, Lodash 等)?
2024-11-17 15:00:39 +0800 CST
view 1868
本文介绍了如何在Vue3项目中集成和使用第三方库,以Axios和Lodash为例。包括项目初始化、安装库、配置Axios、在组件中使用Axios和Lodash,以及全局引入库的方法。通过示例代码,读者可以更好地理解如何在Vue3中高效地使用这些库。
前端框架
JavaScript
开发工具
编程
技术教程
Vue 3 中的 Fragments 是什么?
编程
Vue 3 中的 Fragments 是什么?
2024-11-17 17:05:46 +0800 CST
view 1255
本文介绍了Vue3中的Fragments特性,允许组件返回多个顶级元素而无需根节点,简化了DOM结构,提高了代码的可读性和性能。通过示例代码,展示了如何在列表和表单组件中应用Fragments,强调了其在开发中的灵活性和优势。
Vue.js
前端框架
Web开发
用户界面
性能优化
如何在 Vue 3 中使用 TypeScript?
编程
如何在 Vue 3 中使用 TypeScript?
2024-11-18 22:30:18 +0800 CST
view 1184
本文探讨如何在Vue3项目中使用TypeScript,包括项目初始化、组件编写、路由配置及API调用。通过VueCLI创建支持TypeScript的项目,展示了如何使用TypeScript编写组件和进行类型检查,提升代码的可维护性和安全性。示例代码涵盖了项目结构、组件逻辑及API调用,帮助开发者更好地理解和应用这些技术。
前端框架
编程语言
开发工具
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
22
23
24
25
26
...
44
下一页