程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
代码
html一个包含iPhoneX和MacBook模拟器
2024-11-19 08:03:47 +0800 CST
view 830
该文本是一个HTML文档,展示了一个包含iPhoneX和MacBook模拟器的商城系统界面。用户可以通过输入框更新iPhone和MacBook的iframe地址,展示不同的内容。文档中包含了详细的CSS样式,用于美化设备的外观和布局,确保在不同设备上有良好的展示效果。
网页设计
前端开发
商城系统
代码
纯CSS绘制iPhoneX的外观
2024-11-19 06:39:43 +0800 CST
view 894
该文本展示了如何使用纯CSS绘制iPhoneX的外观,包括设备的尺寸、框架样式、状态栏、内容区和按钮等。通过CSS样式设置,创建了一个模拟iPhoneX的网页结构,并嵌入了百度的内容。代码中详细定义了各个部分的样式和布局,适合前端开发者学习和参考。
前端开发
网页设计
CSS
iPhone
技术
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 760
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
编程
5种独特的图标导航设计,利用CSS和JavaScript提升用户体验
2024-11-19 10:04:42 +0800 CST
view 620
本文分享了5种独特的图标导航设计,利用CSS和JavaScript提升用户体验。每种设计都有其特点,如滑动效果、黏液效果、全屏切换、垂直导航和按钮式菜单,适合不同场景和需求。这些设计不仅美观,还考虑了可访问性,旨在为网页和移动应用提供灵感。
网页设计
用户体验
前端开发
编程
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST
view 1170
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果。本文介绍了mo.js的基本概念、特点及其在Vue环境中的应用,展示了如何通过简单的API实现复杂的动画效果,提升网页的动态性和用户体验。
前端开发
JavaScript
动画
用户体验
Web设计
编程
Typed.js库在网页上实现炫酷的打字效果
2024-11-19 00:51:40 +0800 CST
view 997
本文介绍了如何使用Typed.js库在网页上实现炫酷的打字效果。Typed.js是一个轻量级的JavaScript库,支持高度可定制的打字和删除速度,适用于动态欢迎信息、产品介绍和交互式教程等场景。通过简单的代码示例,展示了如何在Vue组件中集成Typed.js,提升用户体验。
前端开发
JavaScript
动态效果
用户体验
Web设计
代码
html源码 一个动态的心形动画效果
2024-11-19 10:14:24 +0800 CST
view 1000
该文本是一个完整的HTML文档,展示了一个动态的心形动画效果。使用CSS进行样式设置,JavaScript用于创建和管理动画,显示了程序员的爱意。页面背景为黑色,心形图案通过画布元素绘制,并伴随颜色变化和动画效果,营造出浪漫的氛围。
网页设计
前端开发
动画效果
编程
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形
2024-11-18 15:08:45 +0800 CST
view 1331
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形。它支持动态图形设计、数据可视化、游戏开发等多种应用场景。通过简单的API,开发者可以轻松实现动画和交互效果,提升用户体验。本文介绍了Paper.js的基本概念、使用案例及其在前端开发中的重要性。
前端开发
图形设计
开源工具
404错误|页面不存在|HTML|样式|错误页面
代码
404错误|页面不存在|HTML|样式|错误页面
2024-12-04 12:17:52 +0800 CST
view 700
该文本是一个404错误页面的HTML代码,包含了基本的页面结构和样式。页面提示用户所访问的页面不存在,并使用了CSS样式来美化错误提示。该页面使用了响应式设计,适应不同设备的显示。
网页设计
错误处理
前端开发
什么是 Vue 3 中的 `v-model`,它与 Vue 2 中的 `v-model` 有什么不同?
编程
什么是 Vue 3 中的 `v-model`,它与 Vue 2 中的 `v-model` 有什么不同?
2024-11-19 07:05:51 +0800 CST
view 682
本文介绍了Vue.js中`v-model`的演变,重点分析了Vue3中的改进,包括多个`v-model`绑定和名称自定义。这些新特性提升了开发灵活性和组件的复用性。通过示例代码,展示了如何在Vue3中实现复杂的表单组件绑定,并讨论了这些变化对实际开发的影响,强调了代码的可读性和可维护性。
前端开发
Vue.js
组件设计
综合
20个超实用的CSS动画库
2024-11-18 07:23:12 +0800 CST
view 843
本文介绍了20个超实用的CSS动画库,适用于Web项目,提供多种动态效果。这些库大多数生成纯CSS代码,无需外部依赖,涵盖了加载动画、悬停效果、文本动画等,帮助开发者快速集成和提升用户体验。无论是构建交互效果还是丰富页面展示,这些工具都能为项目注入活力。
前端开发
动画
Web设计
用户体验
Vue 3 中怎么使用 `provide` 和 `inject` API?
编程
Vue 3 中怎么使用 `provide` 和 `inject` API?
2024-11-19 06:45:51 +0800 CST
view 849
本文介绍了在Vue3中如何使用`provide`和`inject`API进行数据传递,特别是在组件层级较深的情况下。通过示例代码,展示了如何在父组件中提供数据,并在子组件中接收,避免了繁琐的逐层传递。还讨论了响应式数据的使用及默认值的设置,强调了这种方法的灵活性和简洁性。
前端开发
Vue.js
JavaScript
组件设计
响应式编程
代码
一个数字时钟的HTML
2024-11-19 07:46:53 +0800 CST
view 1152
该文本展示了一个数字时钟的HTML实现,使用CSS进行样式设计和动画效果,JavaScript用于实时更新时钟。时钟显示12小时制时间,并具有渐变背景和动态色彩变化的效果,整体设计简洁且现代。
前端开发
网页设计
编程
代码
一个基于canvas的自由贪吃蛇动画效果
2024-11-18 11:45:29 +0800 CST
view 799
该文本是一个HTML文档,展示了一个基于canvas的自由贪吃蛇动画效果。通过JavaScript处理鼠标事件,实现动态的光标轨迹。使用GSAP库来增强动画效果,代码中包含了对canvas的设置、鼠标位置的更新以及动画的循环更新。整体设计旨在提供一个互动且视觉上令人满意的用户体验。
网页设计
前端开发
动画效果
代码
html折叠登陆表单
2024-11-18 19:51:14 +0800 CST
view 797
该文本是一个HTML文档,包含一个折叠式用户登录表单。使用CSS变量定义样式,确保响应式设计。表单包括用户名和密码输入框,具有动态效果和交互性。整体设计注重用户体验,使用了现代的布局和样式技术。
前端开发
网页设计
用户界面
代码
html流光登陆页面
2024-11-18 15:36:18 +0800 CST
view 823
该文本是一个HTML文档,展示了一个渐变效果的登录页面。页面使用了CSS样式来创建一个美观的表单,包含用户名和密码输入框,以及登录和注册链接。背景为深色,输入框和按钮采用渐变色,具有动画效果,提升用户体验。
网页设计
前端开发
用户界面
HTML
CSS
代码
支付页面html收银台
2025-03-06 14:59:20 +0800 CST
view 742
该文本是一个支付页面的HTML代码,包含商家信息、支付金额输入、支付方式选择(微信、支付宝、银行卡)以及数字键盘功能。用户可以输入支付金额并选择支付方式,确认支付时会弹出提示。页面设计简洁,使用了FontAwesome图标库,包含投诉链接和支付方式的动态效果。
网页设计
支付系统
前端开发
用户界面
HTML
代码
html文本加载动画
2024-11-19 06:24:21 +0800 CST
view 834
该文本展示了一个简单的HTML页面,包含加载文本动画的实现。使用CSS样式和关键帧动画,创建了一个动态的加载效果,背景为渐变色,文本在加载时逐个字符出现,增强了用户体验。
网页设计
前端开发
动画效果
代码
一个简洁大气的登录表单的HTML和CSS代码
2024-11-18 13:14:02 +0800 CST
view 815
该文本展示了一个简洁大气的登录表单的HTML和CSS代码。表单包含用户注册所需的输入字段,如全名、电子邮件和密码,并使用现代的样式设计,确保良好的用户体验。表单还包括一个登录链接,方便已有账户的用户访问。
前端开发
网页设计
用户体验
响应式设计已死?流体布局才是未来!
编程
响应式设计已死?流体布局才是未来!
2025-03-12 18:30:00 +0800 CST
view 632
流体布局是一种Web设计方法,通过使用相对单位(如百分比、em、rem)使页面元素随屏幕大小动态调整,提供更好的用户体验。与传统固定布局相比,流体布局无需手动调整代码,自动适应不同屏幕,提升移动端体验和SEO排名,同时加快页面加载速度,是未来Web设计的核心趋势。
Web设计
前端开发
用户体验
综合
如何实现PC打开是Web应用、手机打开是H5应用
2024-11-18 21:30:23 +0800 CST
view 1238
本文讨论了如何通过同一个链接在PC和移动设备上展示不同的应用。介绍了三种实现方式:1)服务器端逻辑,通过解析User-Agent返回不同内容;2)客户端JavaScript,动态加载不同资源;3)响应式设计,使用CSS媒体查询适配不同设备。提供了相关的示例代码,帮助开发者选择合适的实现方式。
Web开发
前端技术
响应式设计
JavaScript
服务器端编程
代码
一个简洁大气的登录表单的HTML和CSS代码
2024-11-19 03:24:04 +0800 CST
view 853
该文本展示了一个简洁大气的登录表单的HTML和CSS代码。表单包含电子邮件和密码输入框,忘记密码链接,以及社交账户登录按钮。样式使用了渐变背景、圆角边框和阴影效果,提供了良好的用户体验。用户可以通过社交媒体账户(如Google、Apple和Twitter)进行登录,并且有用户协议的链接。
前端开发
网页设计
用户界面
揭开CSS的神秘面纱:10个鲜为人知但极其实用的技巧!
编程
揭开CSS的神秘面纱:10个鲜为人知但极其实用的技巧!
2024-11-18 16:33:26 +0800 CST
view 846
本文揭示了10个鲜为人知但极其实用的CSS技巧,包括contain属性、clip-path、object-fit、will-change、CSSGrid的auto-fit和auto-fill、backdrop-filter、text-shadow、mask属性、可变字体以及resize属性。这些技巧可以帮助开发者提升网页设计的灵活性和美观性。
前端开发
网页设计
CSS
技术技巧
代码
一些实用的前端开发工具网站
2024-11-18 14:30:55 +0800 CST
view 853
本文介绍了一些实用的前端开发工具网站,包括生成CSS阴影效果、动画图标、CSSGrid布局、前端开发工具箱以及SVG波浪形状生成器。这些工具旨在帮助程序员提高开发效率,简化设计过程,提供丰富的视觉效果和动画支持。
前端开发
网页设计
开发工具
大家都在搜索什么?
易支付
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
上一页
1
2
3
4
5
6
...
24
下一页