自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 React 监听元素外的点击事件,自定义hook

callback方法为获取到指定元素外的点击事件后要执行的方法。

2024-04-11 14:05:25 307 2

原创 常用指令整理记录

6.本地项目更新后,git add /git commit/git push等操作,如果之前没有输入这个账户的用户名何密码,在push的时候可能会提示你输入用户名何密码。2. 在本地的项目目录中,右键选择Git Bash Here,输入git clone 加上gitee仓库的http链接。在开发react-native的时候,不要使用cnpm,cnpm安装的模块路径比较奇怪,packager不能正常识别。安装成功之后,以后安装依赖包的方式和npm的是一样的,只是npm的命令换成是cnpm就可以了。

2023-11-23 10:32:55 71

原创 MUI: The value provided to Autocomplete is invalid.None of the options match with `““`.You can use

Material-UI Autocomplete组件包报的错误:MUI: The value provided to Autocomplete is invalid.None of the options match with `""`.You can use the `isOptionEqualToValue` prop to customize the equality test.解决办法:正如提示信息写的那样,MUI5以后版本需要加上isOptionEqualToValue属性...

2023-11-23 09:59:55 227

原创 浏览器缩放,盒子模型计算问题。

场景: 假如box的border是1px,hover时border为3px,为了没有跳动的问题,会通过padding的变化保持盒子模型的宽高不变。当时当浏览器缩放后,还会出现闪动的问题。2.多套用一层box,让hover时的border也是1, 通过padding添补缺失的2px边。1.用boxshadow替换border的实现。缺点,border的边框会有些模糊,圆角有问题。1、浏览器缩放时,盒子模型,padding和margin不会跟着同比例缩放。2、每个浏览器对小数点的处理方式都不一样。

2023-11-22 15:46:30 96

原创 区间日期比较的算法:输入一个日期区间,筛选出日期在这个区间的所有数据

存在的值有:-(当日期为空时),YYYY/MM,或者YYYY/MM-YYYY/MM区间型。所得结果:后台返回的值(也就是表格里面的值)不论是YYYY/MM型还是YYYY/MM-YYYY/MM型,有一个值在所输入的时间范围内即算符合筛选的条件。是否在区间内 false。是否在区间内 false。是否在区间内 false。是否在区间内 false。是否在区间内 false。是否在区间内 false。是否在区间内 false。是否在区间内 false。是否在区间内 false。是否在区间内 false。

2023-11-22 15:17:00 199

原创 从别的项目迁移storybook

从别的项目迁移storybook

2023-01-11 16:14:46 130

原创 Dayjs 时间比较

日期类插件 dayjs,momentjs 问题随记

2023-01-11 15:52:23 8642

原创 promise 详解笔记(一)——方法简介

输出Promise,看看它是什么console.dir(Promise)由此可见:Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法

2021-10-22 14:31:14 103

原创 网页性能测试

1.pageSpeed2.Yslow

2021-10-21 09:55:50 152

原创 vue项目el-tree 懒加载实现增加、修改、删除及刷新当前子节点,render-content自定义样式

element-ui 中设计层级和动态加载节点的组件el-tree,对于前端来说,用的比较多,否则对于vue项目,要自己写render操作dom。当操作的树形结构层级比较多时,多用懒加载。例如实现如下功能,就是用el-tree实现的。实现这个功能有几个问题 要解决:1.改样式。官网提供的样式不能够满足开发的需要,尤其是对tree进行增删改的时候。所以需要用到render-content自定义样式。2.加载问题。懒加载,如何插入数据。3.增删改之后刷新问题。前两个问题很好解决,最后一个

2021-10-15 15:57:08 12607 2

原创 element-ui 时间组件datePicker开始时间小于结束时间的校验,时分秒校验问题。

一、安装引入element-uinpm i element-ui -S完整引入在 main.js 中写入以下内容:import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', render:

2021-10-12 15:18:29 4355

原创 多行文字显示固定行数+“···展开”,点击展开后显示收起

这个功能很常见,但是在vue这种数据驱动视图层的项目中,实现这个功能也要操作dom,主要是通过获取dom节点的高度,来判断是否截掉多余行数。我实现的功能是:vue项目异步从后端获取多条留言,文字长度超过两行,多余文字截掉,显示····+展开,点击展开后,显示全部文本内容,“展开”变“收起”,点击收起,又变成两行显示。直接附上代码,代码中有注释。...

2021-10-12 11:32:51 600

原创 vue2.0+版本项目中scss安装和应用以及踩过的坑

一:安装正常的安装指令npm install node-sass --save-dev //安装node-sassnpm install sass-loader --save-dev //安装sass-loadernpm install style-loader --save-dev //安装style-loader但是,执行上述指令,安装是会报一些列版本错误,下面有列举,建议直接安装指定版本,绕过一些坑。npm install node-sass@4.14.1--sav...

2021-10-12 10:51:28 2859

原创 element-ui 时间组件date-picker 去掉“此刻”二字

用element-ui的时间组件时,想去掉“此刻”二字官方文档没有提供去掉这个的属性,网上查了一下,主要是通过给这个标签添加css属性,display:none,来隐藏。但是我在组件内的<style>标签内,添加样式的修改不起作用,写导入符>>>也没效果,因此只能写在全局引入的css文件中。具体做法如下:1、引用<el-date-picker v-model="postData.startDateTime"

2021-10-11 11:51:29 8792 8

原创 v-distpicker 直辖市的修改

一.v-distpicker 的用法1.安装:npm install v-distpicker二。改造直辖市这个组件在选择四个直辖市的时候有点问题,比如选择北京,就是北京市,北京市,···区,这样显示感觉想出错了一样:如果1.第一种,将直辖市,改成北京,北京市,XX区,淘宝手机地址更换就是这样的,看起来也比北京市,北京市好。其他三个直辖市同理,改过后,组件成这样,完成。这种方案改动小,而且简单,也好于“北京市北京市”这种的...

2021-09-30 17:31:21 1118 1

原创 对象常用方法整理及适用场景

一.keys() 方法 ES6 array:从数组创建一个包含数组键的可迭代对象。如果对象是数组返回 true,否则返回 false。 object:可以将一个对象作为参数,然后把这个对象[key,value]对中的key值以数组的形式遍历出来。实例:Object.keys(filterData).forEach(key=>{this.filterData[key]=filterData[key]})...

2021-09-24 13:59:36 266

原创 数组常用方法整理

开发过程中主要是对对象,数据进行各种操作,达到处理数据的目的,js提供的方法很多,现记录下较常用的方法和应用场景,随时补充。

2021-09-23 17:12:50 81

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除