会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
小阿飞
在你想要放弃的时候, 想想是什么让你当初坚持走到了这里。
博客园
首页
新随笔
联系
订阅
管理
2025年3月10日
默认radio的样式调整
摘要: <input type="radio"> /* 修改radio的默认样式 */ input[type='radio'] { /* 除该标签的默认样式,保留其原有功能 */ appearance: none; border-radius: 50%; position: relative; border
阅读全文
posted @ 2025-03-10 14:38 小阿飞ZJF
阅读(39)
评论(0)
推荐(0)
2024年1月19日
npm 的使用总结
摘要: 一、新域名 官方地址 : https://npmmirror.com 镜像地址 : https://registry.npmmirror.com 老域名:http://npm.taobao.org 和 http://registry.npm.taobao.org 将在 2022.06.30 号正式下
阅读全文
posted @ 2024-01-19 18:27 小阿飞ZJF
阅读(89)
评论(0)
推荐(0)
2023年12月27日
commonJS 和 ES6模块化
摘要: 当涉及到导入(import)和导出(export)的概念时,有两种常见的模块系统:ES6模块 和 CommonJS 模块。它们在语法和使用方式上有一些区别: 一、ES6模块 导出:使用`export`关键字将一个或多个函数、变量或对象导出为命名导出(named exports)或默认导出(defau
阅读全文
posted @ 2023-12-27 14:58 小阿飞ZJF
阅读(112)
评论(0)
推荐(0)
2023年12月18日
css渐变背景,linear-gradient()线性渐变和radial-gradient()径向渐变
摘要: 1.简单的线性渐变 .layout{ width: 100%; min-height: 100vh; background: linear-gradient(#FFE8E9,rgba(0,0,0,0) 200px); } 2.层叠多层的渐变(左右+上下+背景图) .layout{ width: 10
阅读全文
posted @ 2023-12-18 17:19 小阿飞ZJF
阅读(193)
评论(1)
推荐(0)
自定义元素宽高比例(aspect-ratio)与 @supports兼容支持和图片裁剪(object-fit)的用法
摘要: 1、aspect-ratio宽高比例属性 aspect-ratio: 1 / 1; aspect-ratio: 16 / 9; aspect-ratio: 0.5; //等同于 1/2 如下效果将为每个box子元素设置aspect-ratio:3 / 2,如下图所示: 2、object-fit图片裁
阅读全文
posted @ 2023-12-18 17:15 小阿飞ZJF
阅读(329)
评论(0)
推荐(0)
grid布局实战
摘要: 1、grid布局两端对齐,最后一行左对齐。 display: grid; // grid-template-columns: 1fr 1fr 1fr 1fr; // 简写: grid-template-columns: repeat(4, 1fr); gap: 30px; 2、响应式布局:auto-
阅读全文
posted @ 2023-12-18 16:45 小阿飞ZJF
阅读(153)
评论(0)
推荐(0)
?? 和 || 运算符的区别
摘要: || 逻辑或运算符 在处理空值或者默认值时会遵循 JavaScript 的类型转换规则。如果左侧的表达式结果为假值(如false、0、空字符串""、null、undefined、NaN),则返回右侧的值。 const x = null; const y = x || "default"; conso
阅读全文
posted @ 2023-12-18 11:03 小阿飞ZJF
阅读(56)
评论(0)
推荐(0)
2023年4月21日
vue 中的 props type设置多个类型,默认值
摘要: props: { value: { // type设置多个类型 type: Number | null, required: true } }
阅读全文
posted @ 2023-04-21 15:32 小阿飞ZJF
阅读(91)
评论(0)
推荐(0)
Element UI 日期控件范围限制
摘要: 1、设置开始时间不能大于结束时间 <el-date-picker type="date" placeholder="开始时间" v-model="startTime" :picker-options="pickerOptionsStart"></el-date-picker> <el-date-pi
阅读全文
posted @ 2023-04-21 15:25 小阿飞ZJF
阅读(478)
评论(0)
推荐(0)
vue-input-directive 插件的使用(已兼容vue3.0)
摘要: codepen体验地址 github地址 安装、引入 npm install vue-input-directive --save import Vue from 'vue' import inputValidate from 'vue-input-directive' Vue.use(inputV
阅读全文
posted @ 2023-04-21 15:10 小阿飞ZJF
阅读(207)
评论(0)
推荐(0)
下一页
公告