- 博客(211)
- 收藏
- 关注
翻译 弹性布局:display:flex
1、flex的出现网页布局是css的一个重要应用。布局的传统解决方案,基于盒模型,依赖于 display 属性、position 属性、float 属性。对于那些特殊的布局非常不方便,比如 垂直居中 就不容易实现。所以提出了一种新的方案-flex布局,可以简便、完整、响应式地实现各种页面布局。2、flex布局:display:flex;任何一个容器都可以指定为flex布局di...
2019-02-22 17:49:53 298
原创 【Vue】插槽的一些知识点
name=“header” 使用 v-slot:header 或者 #header。组件内的内容会放进插槽中。4、可以获取到数据的插槽。1、插槽的作用就是占位。
2024-01-10 17:37:54 449 1
原创 【Antd】实现Table组件行点击,解决某一列不触发行点击
今天有个新需求,点击table行,执行一些操作。实现过程中遇到了:点击操作列、操作列内按钮会冒泡触发行点击。antd版本:1.7.8。
2023-08-15 14:29:44 1291
原创 【antd】antdv中 Popover 组件内容过多,出现滚动条,滑动滚动条Popover会自动关闭
antdv版本:1.78vue版本:2.5.2解释一下:我这个滚动条其实是表格的滚动条,一滑动,Popover就会自动关闭。
2023-08-03 18:15:12 1090
原创 【Vue】pc端的Vue项目,想要某个容器内的文字大小,随着窗口大小变化
前情提要:vue项目,有个容器内的文字,当窗口发生变化时,字号也能相应改变。或者容器高度,随着窗口变化而变化。当然不光容器的高度可以这样设置,文字大小也同样可以。
2023-07-18 09:52:17 703
原创 【Vue】/deep/、>>>、v::deep 三种深度选择器
在 Vue项目中,当一个组件使用了scoped特性时,组件内的样式只会应用于组件自身。但是有时候我们需要在父组件中改变子组件中的样式,这时就需要用到深度选择器。
2023-06-27 17:59:32 3328
原创 【Vue】Vue项目,根据登录用户给所有页面添加水印
最近做了一个需求,给项目中所有的页面加上“当前登录人”的水印,找了一些资料,总结了两种可用方案,已在项目中测试有效。
2023-06-15 16:50:38 1372 2
原创 【Antdv】表单校验失败时将页面滚动到错误消息所在位置
遇见超长表单,提交校验失败,我们希望页面可以滚动到第一个错误消息的所在位置。是一个 DOM 方法,它使得元素滚动到可视区域内。通过选择器字符串匹配文档中的元素,并。
2023-05-30 19:11:45 597
原创 【Sass】Sass预处理器的介绍和使用方法
Sass 是项目中常用的一种 CSS预处理器。虽然一直在项目中应用,但是真正高阶、重要的特性,却一直没有用过。所以,让我们一起重新学习,在项目里用起来。
2023-05-14 18:19:05 523
原创 【Vue】禁用浏览器缓存配置,防止每次发版都需要清缓存
项目开发测试阶段,时不时发版,更改的内容有时候不清浏览器缓存没办法看到,为测试带来麻烦。禁用浏览器缓存可以解决这个问题。但项目上线后建议去掉禁止缓存的配置。
2023-05-11 16:28:14 2102
原创 【移动端】amfe-flexible和postcss-pxtorem实现移动端适配
以前移动端项目会用媒体查询来适配不同的机型。用了插件之后,可以直接用px来写代码,插件就给你转了,转成rem。
2023-05-10 11:35:18 311
原创 【antdv】confirm确认对话框的样式如何修改
在项目中,遇到一个问题,confirm确认框的按钮样式,在 里设置,完全不起作用。最后发现文档里,提供了专门的属性,只是写的不够清晰。
2023-05-08 18:32:09 2184 2
原创 【antdv】表单文本框自动完成功能autocomplete
项目中有一个需求,一个表单提报页面,希望文本框可以有自动补全功能,避免反复输入相同内容。
2023-05-06 17:09:08 562 2
原创 【Vue】:class动态绑定的几种用法
:class 在后台管理系统,左侧菜单,点击后给被点击菜单加个样式或者给当前选项卡一个样式等等,都会用到。为了方便查找、整理一下。
2023-04-24 19:09:59 299
原创 【Flutter】Flutter学习笔记
在 Flutter 中, widget 的功能是“描述一个UI元素的配置信息”,所谓的配置信息就是 Widget 接收的参数,比如对于 Text 来讲,文本的内容、对齐方式、文本样式都是它的配置信息。
2022-11-07 21:35:15 385
原创 【Vue】安装vue-router后运行报错 “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
"export 'default' (imported as 'VueRouter') was not found in 'vue-router'
2022-10-24 14:32:58 1223
原创 【Antdv】input type=number去掉上下箭头、提示文字、鼠标滚轮
input type=number、InputNumber 去掉上下箭头,禁用鼠标滚动。
2022-10-19 18:33:14 1430
原创 【antdv】a-range-picker月份范围、年度mode=“year“选择后弹框不关闭
a-range-picker月份范围选择后弹框不关闭
2022-10-09 16:44:11 3327 4
原创 [bug] _this6.editPrice.toFixed is not a function
toFixed() 只能用于数值类型,如果数据是字符串类型是没有这个方法的
2022-09-02 19:37:17 92
原创 [Bug]_this3.$refs.submitRef.getTime is not a function
_this3.$refs.submitRef.getTime is not a function
2022-08-30 14:46:57 164
原创 【Vue3】vue-cli从2.9.6 升级到 5.0.1
第一步、查看 vue-cli 版本vue -V第二步、卸载原有版本 vue-clinpm uninstall vue-cli -g第三步、安装npm install @vue/cli -g注意:vue3 的项目启动命令npm run serve
2022-02-20 20:46:56 1868
原创 [antd] DatePicker 默认展示当前时间
<FormItem {...formItemLayout1} label="申请时间"> {getFieldDecorator("createTime", { initialValue: moment(), rules: [ { required: true, message: "申请时间不能为空!" }, ], })(<DatePicker style={{ width: "100%" }} disabled fo...
2021-12-27 17:12:40 1145
原创 【JS】对象数组根据某个属性求和
arrObj = [{ title: '序号', width:60, }, { title: '商品编码', width:80, }] //计算对象数组中某个属性合计 countTotal = (arr, keyName) => { let $total = 0; $total.
2021-12-20 16:23:03 3585
原创 【JS】去掉字符串的前后空格
str.trim()var str = " string ";alert(str.trim());返回:string
2021-11-18 16:12:40 270
原创 【JS】判断当前网址是https或者http
protocol 属性是一个可读可写的字符串,可设置或返回当前 URL 的协议。语法:location.protocolconsole.log(document.location.protocol) //返回 http: 或者 https
2021-10-19 14:44:16 1545
原创 【CSS】如何实现价格文字中间划一条线
方法一:css方式text-decoration:line-through方法二:html标签<s>市场价:999.99</s><div>会员价:99.00</div>
2021-10-13 16:38:45 3644
原创 [antd] InputNumber只能输入正整数
<InputNumber placeholder="请输入" parser={text=>/^\d+$/.test(text)?text:0} min={0} value={text} />
2021-09-14 18:24:00 4559 6
原创 【正则】判断上传文件的文件类型
判断文件是否为图片function fileType(fileName) { if (fileName.indexOf(".") !== -1) { let urlArr = fileName.split(".") || []; let strs = urlArr[1] return /(png|jpeg|jpg|gif)$/i.test(strs) }}
2021-09-06 17:03:13 408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人