程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
代码
一个登录注册界面的HTML结构和样式
2024-11-17 20:33:23 +0800 CST
view 1340
该文本描述了一个登录注册界面的HTML结构和样式。界面包括登录和注册两个部分,用户可以输入邮箱和密码进行登录或注册。界面设计使用了CSS进行样式设置,并通过JavaScript实现了登录和注册之间的切换功能。整体布局采用了Flexbox,确保了良好的响应式设计。
前端开发
网页设计
用户界面
HTML
CSS
JavaScript
使用 rem 适配 PC 与移动端——原理与实战指南
编程
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48 +0800 CST
view 947
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
OpenHarness 深度解析:当港大用 1.1 万行代码"解构"51 万行工业级 Agent 系统
编程
OpenHarness 深度解析:当港大用 1.1 万行代码"解构"51 万行工业级 Agent 系统
2026-04-13 21:57:14 +0800 CST
view 150
深度解析香港大学开源的 OpenHarness 项目,用 1.1 万行 Python 代码实现 51 万行工业级 Agent 系统 98% 功能的工程哲学与技术架构。
AI Agent
OpenHarness
开源
Python
工程化
Rust WebAssembly 目标重大变更深度解析:从 --allow-undefined 移除到 Rust 1.96 的工程影响全解
编程
Rust WebAssembly 目标重大变更深度解析:从 --allow-undefined 移除到 Rust 1.96 的工程影响全解
2026-04-15 03:22:53 +0800 CST
view 211
本文深入解析了Rust1.96版本中移除WebAssembly目标的`--allow-undefined`链接标志的重大变更。该变更旨在统一Rust在WebAssembly和原生平台上的链接行为,消除因未定义符号被掩盖而导致的运行时错误。文章详细介绍了变更的背景、技术影响、代码示例和迁移指南,强调了跨平台一致性、编译时错误检测和生态演进的重要性。开发者需在2026年5月28日前检查项目符号导入,并在nightly版本上测试以确保兼容性。
编程语言
WebAssembly
软件开发
编译器
技术分析
如何在 Vue3 中实现组件级别的 CSS 模块化?
编程
如何在 Vue3 中实现组件级别的 CSS 模块化?
2024-11-18 09:57:40 +0800 CST
view 1268
本文介绍了如何在Vue3中实现组件级别的CSS模块化。通过使用`<stylemodule>`特性,可以将样式局部化,避免样式冲突和全局污染。文中提供了示例代码,展示了如何定义模块化样式、访问模块化样式以及生成的类名。同时也提到如何定义全局样式。通过模块化,样式管理变得更加简单和高效。
前端开发
Vue
样式管理
使用HTML、CSS和JavaScript(Vue.js)构建的创意时钟
代码
使用HTML、CSS和JavaScript(Vue.js)构建的创意时钟
2024-11-18 14:26:16 +0800 CST
view 1030
该文本展示了一个使用HTML、CSS和JavaScript(Vue.js)构建的创意时钟。时钟通过动态更新显示当前的年、月、日、时、分、秒,并使用CSS动画实现时钟指针的旋转效果。代码中包含了对时间的计算和格式化,确保时钟的准确性和美观性。
前端开发
网页设计
编程
时间显示
如何在Vue3中使用动态CSS类名实现条件渲染?
编程
如何在Vue3中使用动态CSS类名实现条件渲染?
2024-11-19 09:28:23 +0800 CST
view 1455
本文详细介绍了如何在Vue3中使用动态CSS类名实现条件渲染。通过对象语法和数组语法,开发者可以根据条件动态添加或移除CSS类名,从而控制组件的外观和行为。示例代码展示了如何结合动态类名与条件渲染,提升用户体验和代码的可读性。
前端开发
Vue.js
用户界面
MOSS-TTS-Nano:0.1B参数纯CPU实时语音生成与克隆,MacBook Air单核就能跑
编程
MOSS-TTS-Nano:0.1B参数纯CPU实时语音生成与克隆,MacBook Air单核就能跑
2026-04-20 22:53:28 +0800 CST
view 26
复旦大学OpenMOSS团队开源的0.1B参数多语言TTS模型,纯CPU运行、支持零样本语音克隆、48kHz双声道、20种语言、流式推理,MacBook Air单核即可流畅运行
TTS
语音合成
语音克隆
AI
开源
CPU推理
OpenMOSS
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
编程
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
2026-04-21 08:52:41 +0800 CST
view 18
浏览器原生Popover API正式发布,零依赖、无拦截风险、样式完全可控、支持自动/手动两种模式,window.open的完美替代方案
前端
JavaScript
HTML5
CSS
Popover API
Browser API
Web开发
综合
ColorUIGA是一个基于ColorUI2.0的高颜值、轻量级、开源的CSSUI组件库,专为小程序开发设计
2024-11-19 09:42:01 +0800 CST
view 1813
ColorUIGA是一个基于ColorUI2.0的高颜值、轻量级、开源的CSSUI组件库,专为小程序开发设计。它提供了多种实用组件和免费页面模板,支持原生小程序和uniapp。用户可以通过简单的配置使用自定义导航栏和各种组件,提升开发效率和界面美观度。
UI组件
小程序开发
前端框架
开源项目
设计
Rust 与 WebAssembly 的商用元年:wasm-pack 1.0 如何重塑前端性能边界
编程
Rust 与 WebAssembly 的商用元年:wasm-pack 1.0 如何重塑前端性能边界
2026-04-13 12:54:29 +0800 CST
view 273
2026年 Rust 与 WebAssembly 商用元年全面解析:wasm-pack 1.0 发布、Rust 1.96 重大变更、性能实测数据、工程化实践与生态全景
Rust
WebAssembly
wasm-pack
WASM
前端性能
编译优化
提升 CSS 开发效率的必备 Chrome 插件
编程
提升 CSS 开发效率的必备 Chrome 插件
2025-07-12 15:17:22 +0800 CST
view 853
本文介绍了五款必备的Chrome插件,旨在提升CSS开发效率。这些插件包括ColorZilla、Visbug、ResponsiveViewer、WindowResizer和CSSPeeper,分别提供颜色提取、元素调整、响应式测试、分辨率控制和样式提取等功能。通过合理使用这些工具,开发者和设计师可以显著提高工作效率,缩短调试时间,专注于创造性编码。
前端开发
工具
设计
综合
SpinKit,一款神奇的 CSS 开源加载动画旋转器
2024-11-19 07:42:22 +0800 CST
view 1473
SpinKit是一个基于CSS3的加载动画库,利用transform和opacity创建流畅的动画效果。它提供多种样式,易于集成和自定义,适合网页和移动应用。通过简单的HTML和CSS代码实现动画,支持自定义大小和颜色。核心技术包括容器和追逐点动画,能够有效提升用户体验,减少等待焦虑。
动画
前端开发
用户体验
代码
简单的打造现代感十足的卡片式企业官网首页HTML+CSS全攻略
2024-11-17 04:03:50 +0800 CST
view 1326
本教程详细介绍如何使用HTML和CSS创建现代感十足的企业官网首页,采用卡片式设计和响应式布局,适合展示企业品牌形象和重要信息。内容包括页面结构、响应式设计技巧、CSS3动画、前端框架集成等,提供完整源码,适合中小型企业使用。
网页设计
前端开发
企业网站
代码
一个简洁大气的登录表单的HTML和CSS代码
2024-11-18 13:14:02 +0800 CST
view 1354
该文本展示了一个简洁大气的登录表单的HTML和CSS代码。表单包含用户注册所需的输入字段,如全名、电子邮件和密码,并使用现代的样式设计,确保良好的用户体验。表单还包括一个登录链接,方便已有账户的用户访问。
前端开发
网页设计
用户体验
用 HTML、CSS 和 JavaScript 创建颜色选择器
编程
用 HTML、CSS 和 JavaScript 创建颜色选择器
2024-11-18 16:50:17 +0800 CST
view 1636
本文介绍了如何使用HTML、CSS和JavaScript创建一个简单的颜色选择器工具。用户可以选择颜色,并实时查看其十六进制和RGB值。文章详细说明了项目设置、HTML结构、CSS样式和JavaScript功能的实现步骤,适合初学者练习用户输入处理和DOM操作。
前端开发
Web开发
编程教程
一个手机端的导航栏的HTML和CSS代码
代码
一个手机端的导航栏的HTML和CSS代码
2024-11-19 06:37:04 +0800 CST
view 1376
该文本展示了一个手机端的导航栏的HTML和CSS代码。导航栏包含四个选项:消息、添加、定位和我的。每个选项都有相应的图标和交互效果,用户点击时会高亮显示。样式使用了Flexbox布局,确保导航栏在屏幕底部固定,并具有响应式设计。通过JavaScript函数实现了选项的激活状态切换。
前端开发
网页设计
用户界面
代码
html流光登陆页面
2024-11-18 15:36:18 +0800 CST
view 1372
该文本是一个HTML文档,展示了一个渐变效果的登录页面。页面使用了CSS样式来创建一个美观的表单,包含用户名和密码输入框,以及登录和注册链接。背景为深色,输入框和按钮采用渐变色,具有动画效果,提升用户体验。
网页设计
前端开发
用户界面
HTML
CSS
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 2816
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
Rust 1.96 + .NET 11 双重地震:WebAssembly 生态正在经历一场“去补丁化”革命
编程
Rust 1.96 + .NET 11 双重地震:WebAssembly 生态正在经历一场“去补丁化”革命
2026-04-11 09:55:58 +0800 CST
view 257
2026年4月,Rust官方移除--allow-undefined补丁、.NET 11 Preview1集成CoreCLR on WASM,两大生态同步推进。本文深入解析WebAssembly去补丁化革命的核心原理与实战。
Rust
WebAssembly
.NET
WASM
CoreCLR
如何增强FastAPI应用程序的安全性,防范常见漏洞如SQL注入、跨站点脚本(XSS)、跨站点请求伪造(CSRF)、不安全的反序列化以及日志记录不足
编程
如何增强FastAPI应用程序的安全性,防范常见漏洞如SQL注入、跨站点脚本(XSS)、跨站点请求伪造(CSRF)、不安全的反序列化以及日志记录不足
2024-11-19 09:36:22 +0800 CST
view 2930
本文讨论了如何增强FastAPI应用程序的安全性,防范常见漏洞如SQL注入、跨站点脚本(XSS)、跨站点请求伪造(CSRF)、不安全的反序列化以及日志记录不足。提供了相应的解决方案和代码示例,强调了使用参数化查询、模板引擎转义、CSRF令牌、Pydantic验证和适当的日志记录等措施,以确保应用程序的安全性。
Web框架
安全
Python
开发
编程
为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST
view 1200
随着网络用户的增加,确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`,以适应不同方向的布局需求。这些新属性通过定义起始和结束边距,确保无论区域设置如何,布局都能按预期显示。结合`flexbox`使用时,这些属性更加强大。
前端开发
CSS
无障碍设计
使用HTML、CSS和JavaScript创建的动态时钟
代码
使用HTML、CSS和JavaScript创建的动态时钟
2024-11-18 13:49:31 +0800 CST
view 1317
该文本展示了一个使用HTML、CSS和JavaScript创建的动态时钟。时钟通过SVG元素绘制,包含外圈、内圈、刻度和指针。JavaScript用于计算时间并更新时钟的显示,样式通过CSS设置,确保时钟在不同屏幕尺寸下的适应性。时钟的设计包括平滑的过渡效果和现代的外观。
前端开发
网页设计
动态效果
综合
如何把 CSS 的动态效果转换成 GIF 动图的
2024-11-19 05:01:51 +0800 CST
view 2476
本文介绍了如何将CSS动态效果转换为GIF动图,提供了两种方法:一种是使用浏览器插件AwesomeScreenshot和MP4到GIF转换器,另一种是利用Puppeteer和ImageMagick的程序化方案。文章详细说明了每种方法的步骤,适合不同技术水平的用户。
前端开发
动画效果
技术教程
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
5
6
...
57
下一页