程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件
编程
Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件
2024-11-19 03:33:21 +0800 CST
view 1988
本文介绍了如何使用Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件。文章详细说明了项目创建、组件构建及样式自定义的步骤,旨在帮助开发者提升用户体验并简化开发流程。
Web开发
前端框架
用户界面设计
55个常用的JavaScript代码段
编程
55个常用的JavaScript代码段
2024-11-18 22:38:45 +0800 CST
view 1694
本文列出了55个常用的JavaScript代码段,涵盖数组操作、字符串处理、日期处理、设备检测和UI交互等方面。这些代码段从简单到复杂,帮助前端开发者提高代码效率和可读性,掌握实用技巧,成为不可或缺的核心人员。
编程
前端
JavaScript
开发技巧
技术
Vue3创建一个基础的购物车功能,结合本地存储实现数据的持久性
编程
Vue3创建一个基础的购物车功能,结合本地存储实现数据的持久性
2024-11-19 07:17:50 +0800 CST
view 1812
本文介绍了如何使用Vue3创建一个基础的购物车功能,结合本地存储实现数据的持久性。通过搭建项目结构,编写ShoppingCart.vue组件,用户可以添加和移除商品,并实时计算总价。文章详细解析了商品列表、购物车功能及本地存储的使用,展示了Vue的响应式特性如何提升用户体验。
Web开发
前端
电商
Vue
编程
每个开发人员都应该知道的 10 个 HTML 技巧
编程
每个开发人员都应该知道的 10 个 HTML 技巧
2024-11-18 15:27:51 +0800 CST
view 1558
本文探讨了每个开发人员都应该了解的10个基本HTML技巧,包括使用语义HTML、响应式图像、data-*数据属性、内联SVG、自动对焦属性等。这些技巧旨在提高代码的可读性、可访问性和用户体验,帮助开发人员编写更高效的网页。
Web开发
前端技术
HTML技巧
前端框架大融合!Veact:用Vue的响应式开发React应用
编程
前端框架大融合!Veact:用Vue的响应式开发React应用
2025-08-26 06:54:27 +0800 CST
view 1196
Veact是一个创新的前端框架,结合了Vue的响应式系统和React的JSX灵活性,旨在解决开发者在技术选型上的困扰。它允许开发者用Vue的方式编写React组件,简化状态管理和副作用处理,同时保持React生态的兼容性。Veact的设计目标是提高开发效率,减少样板代码,适合希望在Vue和React之间无缝切换的开发者。
前端框架
开发工具
技术融合
开源项目
编程
综合
ColorUIGA是一个基于ColorUI2.0的高颜值、轻量级、开源的CSSUI组件库,专为小程序开发设计
2024-11-19 09:42:01 +0800 CST
view 2072
ColorUIGA是一个基于ColorUI2.0的高颜值、轻量级、开源的CSSUI组件库,专为小程序开发设计。它提供了多种实用组件和免费页面模板,支持原生小程序和uniapp。用户可以通过简单的配置使用自定义导航栏和各种组件,提升开发效率和界面美观度。
UI组件
小程序开发
前端框架
开源项目
设计
Vue3应用中实现渐进增强和降级策略,以确保在低性能设备和低带宽环境下的可用性
编程
Vue3应用中实现渐进增强和降级策略,以确保在低性能设备和低带宽环境下的可用性
2024-11-18 15:51:13 +0800 CST
view 1330
本文展示了如何在Vue3应用中实现渐进增强和降级策略,以确保在低性能设备和低带宽环境下的可用性。通过代码示例,介绍了如何创建基础应用、实现渐进增强和降级功能、优化资源加载,以及使用轻量级插件和服务端渲染等技术,确保所有用户都能获得良好的体验。
Web开发
前端框架
用户体验
性能优化
代码
Gin 框架的中间件 代码压缩
2024-11-19 08:23:48 +0800 CST
view 2088
这段代码实现了一个基于Gin框架的中间件,用于压缩和最小化HTML和JavaScript内容。它利用`tdewolff/minify`库,根据响应的`Content-Type`自动选择压缩方式,并通过自定义的`ResponseWriter`捕获原始响应内容。若压缩过程中发生错误,将返回500错误。该中间件显著减少响应体积,提高页面加载速度。
Web开发
性能优化
中间件
Go语言
前端
如何将TypeScript与Vue3结合使用
编程
如何将TypeScript与Vue3结合使用
2024-11-19 01:47:20 +0800 CST
view 1573
本文介绍了如何将TypeScript与Vue3结合使用,强调了静态类型检查、增强的开发体验和代码可维护性。通过创建新的Vue3项目并配置TypeScript,展示了如何定义组件、在组件间传递类型,以及使用类型声明文件来支持第三方库,提升代码的可靠性和可维护性。
前端技术
编程
软件开发
您需要了解的 10 个顶级 JavaScript 库
编程
您需要了解的 10 个顶级 JavaScript 库
2024-11-18 17:37:43 +0800 CST
view 1578
本文介绍了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 2371
本文介绍了如何使用Electron、Vite和Vue3搭建跨平台的桌面应用项目。包括项目创建、Electron安装、主进程代码编写、插件配置、打包命令设置等步骤,适合前端开发者快速上手桌面应用开发。通过具体的代码示例,读者可以了解如何配置项目结构、启动应用以及自定义窗口属性。
桌面开发
前端技术
Electron
Vite
Vue
Bun 1.3 深度实战:当 JavaScript 运行时进化为全栈操作系统——从内置 Redis/MySQL 到生产级全栈开发完全指南(2026)
编程
Bun 1.3 深度实战:当 JavaScript 运行时进化为全栈操作系统——从内置 Redis/MySQL 到生产级全栈开发完全指南(2026)
2026-06-05 17:14:51 +0800 CST
view 172
Bun 1.3 深度解析:内置 Redis/MySQL/PostgreSQL/SQLite 客户端、前端 HMR 开发服务器、参数化路由、全栈编译为独立可执行文件
Bun
JavaScript
Redis
MySQL
PostgreSQL
SQLite
全栈开发
前端
运行时
向满屏的 Import 语句说再见!
编程
向满屏的 Import 语句说再见!
2024-11-18 12:20:51 +0800 CST
view 1579
在大型项目中,密集的导入语句会影响代码整洁性和维护性。本文探讨了如何优雅管理导入语句,包括拒绝模块重新导出、使用require.context、动态导入、ProvidePlugin、TypeScript命名空间等技术,以减少显式导入,提升代码的可读性和组织性。
编程
软件开发
前端技术
Gin 与 Layui 分页 HTML 生成工具
代码
Gin 与 Layui 分页 HTML 生成工具
2024-11-19 09:20:21 +0800 CST
view 1341
这个Go代码片段是一个用于在Gin框架中生成基于Layui样式的分页HTML工具。它接收当前页数、总项目数、每页项目数以及基本URL,并生成适当的分页HTML代码,以便前端显示分页导航。该函数处理了上一页、下一页、首页、尾页及省略号的逻辑,适用于需要分页功能的项目。
编程
Web开发
前端
后端
分页
总结出30个代码前端代码规范
编程
总结出30个代码前端代码规范
2024-11-19 07:59:43 +0800 CST
view 1559
本文总结了30个Vue3及Element-plus的前端代码规范,涵盖目录、模块、组件、事件等方面。这些规范旨在提高代码的一致性、可读性和维护性,特别适用于多人协作的项目。规范包括命名方式、组件结构、事件命名等,强调使用工具如eslint和prettier来保持代码风格的一致性。
前端
Vue
开发规范
一行CSS魔法:瞬间开启网站暗黑模式!
编程
一行CSS魔法:瞬间开启网站暗黑模式!
2025-08-31 08:15:28 +0800 CST
view 918
本文介绍了一种通过一行CSS代码快速实现网站暗黑模式的方法。使用CSS的filter属性,结合invert和hue-rotate函数,可以轻松将网页颜色反转并修正色彩失真。虽然这种方法适合个人项目和快速原型开发,但在生产环境中可能存在局限性,如无法精细控制样式和颜色转换不准确。文章还提供了处理媒体元素的解决方案和与传统方法的对比。
Web开发
CSS
暗黑模式
前端技术
设计
JavaScript 如何实现页面滚动到某一特定位置
编程
JavaScript 如何实现页面滚动到某一特定位置
2024-11-19 10:04:23 +0800 CST
view 1700
本文介绍了如何使用JavaScript实现页面滚动到特定位置,重点讲解了`window.scrollTo()`方法及其平滑滚动的实现。提供了兼容旧版浏览器的解决方案,并介绍了通过CSS设置全局平滑滚动的方式。结合JavaScript和CSS,可以灵活控制页面滚动行为,提升用户体验。
Web开发
前端技术
用户体验
如何在Vue中实现基于用户权限的动态路由加载
编程
如何在Vue中实现基于用户权限的动态路由加载
2024-11-19 02:17:28 +0800 CST
view 1514
本文探讨了如何在Vue3中实现基于用户权限的动态路由加载。通过定义权限模型和动态生成路由,结合VueRouter的导航守卫,确保用户只能访问其角色允许的页面。这种方法提升了应用的灵活性和安全性,适用于需要权限管理的Web应用。
Web开发
前端框架
权限管理
您应该了解的 15 个有用的 CSS 属性
编程
您应该了解的 15 个有用的 CSS 属性
2024-11-18 17:58:16 +0800 CST
view 1445
本文介绍了15个有用的CSS属性,这些属性能够增强网站的设计、性能和用户体验。包括`caret-color`、`accent-color`、`pointer-events`等,帮助开发者提升页面的交互性和视觉效果。掌握这些属性将有助于构建更具吸引力的现代网站。
Web开发
前端技术
CSS
编程
告别重复造轮子!Animista:在线CSS动画生成器的终极指南与实战技巧
2025-09-01 08:26:44 +0800 CST
view 990
Animista是一个在线CSS动画生成器,提供200多种动画效果,帮助开发者快速生成高质量的CSS代码。它支持实时定制、零依赖、完全免费,适合个人和商业项目。本文介绍了Animista的核心功能、使用技巧、与现代前端框架的集成方法,以及性能优化和最佳实践,旨在提升Web开发中的动画效果和用户体验。
Web开发
动画
前端技术
用户体验
工具
CSS 锚点定位 + Signals 响应式范式:2026 前端开发范式革命
编程
CSS 锚点定位 + Signals 响应式范式:2026 前端开发范式革命
2026-05-28 20:36:00 +0800 CST
view 241
深度解析CSS锚点定位与Signals响应式范式,探讨2026年前端开发的范式革命——从布局计算到状态管理的精确化演进。
CSS
前端
响应式
Signals
Web开发
如何在Vue3中实现网页时钟,显示当前时间并每秒更新一次
编程
如何在Vue3中实现网页时钟,显示当前时间并每秒更新一次
2024-11-18 20:57:06 +0800 CST
view 2296
本文详细介绍了如何在Vue3中实现一个每秒自动更新的网页时钟。通过创建Clock组件,使用Vue的生命周期钩子和定时器,展示了如何绑定数据并实时更新界面。文章提供了完整的代码示例,帮助读者理解Vue3的基本用法和组件化开发的实践。
前端
Vue
编程
开发实践
项目示例
如何在Vue3中实现一个简单的购物车功能,可以添加和移除商品
编程
如何在Vue3中实现一个简单的购物车功能,可以添加和移除商品
2024-11-18 14:03:25 +0800 CST
view 1818
本文介绍了如何在Vue3中实现一个简单的购物车功能,包括商品列表展示、添加商品到购物车和移除商品的功能。通过创建ProductList和ShoppingCart组件,以及使用Vuex进行状态管理,读者可以学习到如何构建一个功能完整的购物车系统。文章还提供了项目结构、代码实现和运行项目的详细步骤。
Web开发
前端
JavaScript
Vue.js
状态管理
如何在Vue3中使用音频库Howler.js实现音频播放?
编程
如何在Vue3中使用音频库Howler.js实现音频播放?
2024-11-18 15:35:49 +0800 CST
view 1910
本文详细讲解了如何在Vue3项目中集成Howler.js音频库,实现音频播放功能。包括初始化Vue3项目、安装Howler.js、创建音频播放组件以及实现播放、暂停、停止和音量调节等功能。通过这些步骤,开发者可以轻松为Web应用添加音频功能,提升用户体验。
Web开发
音频处理
前端技术
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
25
26
27
28
29
...
56
下一页