前端开发
-
使用 HTML+CSS 打造高颜值信用卡支付表单
在电商或支付类网页开发中，一个美观且有交互感的支付表单，能直接提升用户的操作体验。今天我把这个纯 HTML+CSS 实现的信用卡支付表单分享出来，没有复杂的 JavaScript，新手也能跟着复刻，既能掌握核心的 CSS 布局技巧，又能做出实用的页面组件。
-
海关申报通关无纸化协议签约操作指南
通关无纸化是指海关以企业分类管理和风险分析为基础，按照风险等级对进出口货物实施分类，运用信息技术对企业联网申报的报关单及随附单证的电子数据进行审核、征税、验放的通关作业方式。
-
IMask.js 输入掩码神器！表单验证新宠！支持手机号、身份证、银行卡、日期等20+种格式
简介 IMask.js 是一个轻量级、无依赖的 JavaScript 输入掩码库，它可以帮助你为输入字段创建各种格式限制，比如电话号码、日期、货币等。无论用户输入什么，它都会自动格…
-
CSS如何优雅的实现卡片多行排列布局？
在前端开发中，我们经常遇见这样的开发需求，实现下列以此排布的卡片，这些卡片宽度一般是固定的。 并且在不同大小的屏幕宽度下自动换行。 实现这样的一个需求其实不难，我们很容易想到设置一…
-
一行 CSS 代码实现响应式布局 – 使用 Grid 实现的响应式布局
在这篇文章中，我将教你如何使用 CSS Grid(网格) 布局来创建一个超酷的图像网格，它会根据屏幕的宽度改变列的数量，以实现响应式布局。 而这篇文章中最漂亮的部分是：添加一行 C…
-
HTML实现table表格移动端自动转为卡片样式
现在的网页开发中，响应式设计至关重要，它能够确保网页在不同设备上都能提供良好的用户体验。本文将使用 HTML、CSS 和原生 JavaScript，实现在移动端将 Table 表格…
-
有趣的css – 简约文字风格导航栏
利用单选按钮来模拟导航栏点击选中效果，实现一个简约的文字类导航栏。 核心代码部分，简要说明了写法思路；完整代码在最后，可直接复制到本地运行。 导航栏主体结构html代码： css …
-
分享几个CSS4操作小技巧，助你代码开挂
1.::part() 让组件更加灵活 如果你在开发Web组件（Web Components），::part() 让你能直接控制组件的部分元素。它能改变一个封装元素内部的某些样式。 …
-
el-table打印PDF预览，表头错位的解决方案
背景与需求 本例以vue2项目为例，vue3与react等同理。 有个项目需要打印的功能，网页使用vue2写的，主体内容为表格el-table，添加某个按钮，点击按钮时弹出PDF打…
-
vue引入emoji 表情包
vue引入emoji 表情包
-
CSS终于在2024年增加了垂直居中功能align-content:center
CSS终于在 2024 年增加了垂直居中功能align-content: center，CSS 对齐一般会使用 flexbox 或 grid 布局，因为 align-content 在默认的流式布局中不起作用。在 2024 年，浏览器实现了 align-content。
-
常用的一些CSS代码规则
常用的一些CSS代码规则：限制视口内的内容宽度、增加正文文本大小、增加文本行之间的间距、限制图片宽度、限制内容中文本的宽度、以更平衡的方式包裹标题、表单控件颜色与页面样式匹配、易于跟随的表格行
