- 博客(42)
- 收藏
- 关注
RSS订阅原创 element复选框表格，实现shift多选
需求： 对表格数据进行批量处理的时候，即使有复选框但是也得需要一个一个选。解决： 点击一行之后摁住shift，再选择另一个，两条数据之间的则为选中。
2024-01-12 15:28:23
722
2
原创 js两个对象数组合并。并且去掉里边某个属性相同的对象
请注意，这种方法会根据指定的属性进行去重操作，但是它只会保留第一个出现的对象，后续出现的对象将被忽略。如果您需要保留最后出现的对象或者其他去重规则，请根据具体需求进行相应的调整。要合并两个JavaScript对象数组并去除其中某个属性相同的对象，您可以使用。以下是一个示例代码，演示了如何合并两个对象数组并去除其中某个属性相同的对象。最后，我们将去重后的合并数组打印到控制台，即可看到结果。方法将两个数组合并，然后使用。方法对合并后的数组进行筛选。方法的回调函数中，我们使用。中的对象是否具有相同的。
2023-12-26 11:13:58
1534
原创 element:tree:default-expand-all属性无法动态渲染
element:tree:default-expand-all属性无法动态渲染
2022-10-18 16:43:57
1420
原创 vue + ajax请求下载zip文件
1. 在api文件中写接口。用于得到后台给到的数据// 证书批量下载export function zipDownload(query) { return request({ url: '',//接口 method: 'get', params: query, responseType:'blob'//服务器返回的数据类型 })}注意：responseType:'blob'//服务器返回的数据类型2. 就在Vue中：zipDownload(th
2022-05-17 16:04:10
649
原创 elementUI-input输入框change事件添加其他参数
需求：在下拉框值改变的时候，我们需要记住改的值得index，并且根据index找到下拉框数组对应数组中的对象，改变对象其他参数的值问题：elementUI中，change事件值携带了value，如果我们写成@change=“changeValue(value,index)",代码则会直接报错解决办法：@change="((val)=>{changeValue(val, index)})"通过箭头函数来进行传参...
2022-03-22 11:18:29
4056
原创 ui-app安装问题一
uniapp 运行到微信小程序 ：[error] 工具的服务端口已关闭。要使用命令行调用工具,请在下方输入 y 以确认开启当安装好HbuilderX和微信web开发者工具之后，当创建好uni-app项目后，之后运行则报如上边的错误。则需要我们手动打开微信开发者工具->设置 ->安全设置，将服务端口开启...
2022-03-01 11:49:43
129
原创 mac m1如何安装nvm并遇到的问题
# 在安装nvm的时候，先在终端确定是否存在~/.bash_profile, ~/.zshrc, ~/.bashrc这三个文件。在终端输入lsls -a #展示所有文件如果不存在上述文件，则进行新建touch ~/.bash_profile# 安装curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash假如执行nvm -- version成功显示了版本号，就说明你很幸运
2022-02-28 16:40:12
679
原创 js定位方法
先创建一个js文件，编写好该方法。之后页面哪里需要就直接引入/** 弹窗偏移* x 偏移x轴坐标* e 要显示的dialog的id* */function deviation(x, e, margin = '128px 0 0') { const dialog = document.getElementById(e).children[0] let left = x - dialog.clientWidth / 2 const boundary = x + dialog.clie
2022-02-22 16:40:24
1882
原创 vue-插槽分发内容
写文章之前呢。我想扯点杂事。今天是2020年9月30日下午两点半左右，距离我下班还有三个小时。明天就是国庆节了，你们会看大阅兵嘛？反正我会每年都看。看我们中国人的将领是多么的气宇轩昂。每次看的时候我的鸡皮疙瘩都一直往外冒。今年我也要准时收看。好了，现在正式学习一下把。我们在定义多个插槽时。我们可以使用name属性进行区分的。如果没有name属性。则就会放入到默认的插槽中，而如果name没有匹配的，则内容就不显示。上代码：<!DOCTYPE html><html lang="en"&
2022-02-16 10:52:12
160
原创 flex布局使用
第一： 使用Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。display: flex行内布局也可以使用flex布局display: inline-flex但是我们需要注意一点：设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。第二：属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-conten.
2022-02-16 10:50:24
211
原创 formatter使表格中的时间格式化
要是给我们得数据格式为：2021-07-02T14:19:59+08:00，然而想在表格中以“YYYY-mm-dd HH:MM:SS”形式展示，则需要用到formatter来进行格式化。<el-table-column label="开始时间" align="center" prop="startTime" width="180" :formatter="timeFormatter"/>timeFormatter(row, column, cellValue, index) {..
2022-02-15 17:09:54
1352
原创 better-scroll的使用
better-scroll常见的html<div class="wrapper"> <ul class="content"> <li>...</li> <li>...</li> ... </ul></div>可以用图来表示：绿色部分为 wrapper，也就是父容器，它会有固定的高度。黄色部分为 content，它是父容器的第一个子元素，它的高度会随着内容的大小而撑高。那
2021-08-03 16:04:19
580
原创 用eclipse打war包
在服务器上部署项目的时候，都需要把项目弄成war包进行部署。但是eclipse怎么把项目打包成war包呢？第一步右击需要打包的项目。选择：export->export之后就弹出了该页面第二步在选择框中，输入war。选择WAR file，点击Next第三步Web project：为war包的名称Destination：为存放的路径。之后点击finish就可以了。...
2021-05-20 15:04:05
7394
原创 filter、map、reduce函数的说明
在进行遍历的时候for循环给我一种很麻烦的感觉。而我先发，for里一般都会加一个if判断。这样在后期代码读取的时候很头大。代码很长。然而。filter函数，map函数，reduce函数就能解决这个问题，现在通过一个例子来简单说明：现在我们有个数组n，我需要对这个数组进行要求：把数组中小于100的找出来把新的数组的每个数乘以2求出总和我们先用原来的方法let n=[20, 40,333,222,666,30,70];let newNums=[]; for(let i of n){
2021-05-18 14:15:17
192
原创 vue中的key值
vue会尽量复用已有的dom，在这个例子中，当state的值发生改变时，input并不会重新渲染(如果input框中有输入值时，不会改变)，解决办法就是input 添加key属性。
2021-05-10 17:14:44
150
原创 如何修改vue中的数组中的值
在JavaScript中，我们想要更改一个数组中的值得时候我们可以利用索引直接设置，例如：name.items[index] = newValue当我们修改长度，例如：name.length = newLength然而当我在vue中想这样操作的时候，很抱歉，不可以。出错了。疯了得亏我有度娘，查起来。…皇天不负有心人，终于让我找到了。方法一我们可以通过，vue.set实列方法来改变，前提是得引入vue的包。样式语法：Vue.set(example.items, indexOfItem, ne
2021-04-08 16:54:30
6883
原创 使用模板字面量创建包含变量或表达式的字符串
禁止在常规字符串中出现模板字面量占位符语法 (no-template-curly-in-string)ECMAScript 6 允许程序员使用模板字面量创建包含变量或表达式的字符串，在***两个反引号之间***书写表达式比如 variable，而不是使用字符串拼接。在使用模板字面量过程中很容易写错引号，写错成"{variable}，而不是使用字符串拼接。在使用模板字面量过程中很容易写错引号，写错成 "variable，而不是使用字符串拼接。在使用模板字面量过程中很容易写错引号，写错成"{variable}
2021-02-01 12:06:43
365
1
原创 calc函数、ceil函数和sqrt函数
calc函数calc（）函数用于动态计算长度值。需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px);任何长度值都可以使用calc()函数进行计算；calc()函数支持“+”，“-”，“*”，“/”运算；calc()函数使用标准的数学运算优先级规则。ceil函数定义和用法ceil()函数向上舍入为最接近的整数。向上取整数的时候，正数，则直接将当前正数加一；负数，则将整数后面的数据抹除；整数，则不变。类似的函数：floor()函数为：向下
2020-12-30 09:44:09
1183
原创 关于CSS的一些属性
text-decorationtext-decoration属性规定添加到文本的修饰可能的值none：默认，定义标准的文本；underline：定义文本下的一条线；overline：定义文本上的一条线；line-through：定义穿过文本下的一条线；blink：定义闪烁的文本；inherit：规定应该从父元素继承text-decoration属性的值。outlineoutline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用注释：轮廓线不会占据空间，也不一
2020-12-23 09:49:30
327
原创 Expected consistent spacing standard/object-curly-even-spacing报错
报错提醒# 修改这个意思是可能是项目里用了格式校验的工具，然后提示我的空格的格式写的不对把错误的地方改成：
2020-12-10 10:17:18
2908
原创 代码对比找不同
我们在学习的时候总会找几个例子。按照例子进行开发一些项目。但是我们在开发完了之后，总有些功能和实例有所不同。这时候我们就对照代码一个一个看我们到底是HTMl写的不对，JS写的不对还是CSS不对啊。这样就很麻烦。身为一个懒惰的人。我怎么能让我这么受累呢。我就在网上找可以实现代码找不同的软件。辛辛苦苦被我找到了。是个在线的功能Diffchecker目前使用还是挺方便的。希望对你们有帮助哈。...
2020-12-07 10:56:14
1387
原创 如何搭建一个vue项目
参考资料安装node环境下载地址为：https://nodejs.org/en/检查是否安装成功：如果输出版本号，说明我们安装node环境成功为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/输入：npm install -g cnpm -registry=https://registry.npm.taotao.org,即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。检查是否安装成功：搭建vue项目环境全局安装vue-cli
2020-12-01 13:19:42
66
原创 html5画布
画布今天我跟一个前端的同学聊了聊。询问了她面试的时候问了些什么问题。就问了问会那些技术，前端如何进行分页，CSS的一些属性和画布。我就立刻查了查什么是画布啊。是什么？HTML5元素用于图形的绘制，通过脚本（通常是Javascript）来完成的。标签只是图形容器，我们必须通过脚本来绘制图形。创建一个简单的画布（Canvas）一个画布在网页中是一个矩形框，通过元素来绘制。简单实例如下：<canvas id="myCanvas" width="200" height="100"><
2020-11-19 12:10:10
504
原创 在Vue创建完成后，运行npm start报错
在Vue创建完成后，运行npm start报错我在引入项目之后，在运行的时候总是报错。我差了好多，内容。终于解决了。后来发现原来我打开的目录是项目的上一级文件夹，所以退出重新从项目根目录中进入，问题解决。很棒！！！！...
2020-11-05 11:53:00
447
原创 SQLyog
安装SQLyog12.08下载地址：链接：https://pan.baidu.com/s/1iU6NtsthYwgx02zo10Trrw提取码：cfz0这是安装包。我这也是找的别人的 。安装过程挺简单的，我找了一个文章。可以看看：SQLyog的安装教程先把MYSQL安装好。环境变量配置好win10安装MySql教程安装过程遇到的问题1. 安装好了之后。我想连接到主机数据库，可是给我报错。错误号为2058.我查了查才知道。报错的错误信息翻译过来为：插件缓存-sha2_密码无法进行加载。这
2020-10-09 14:01:41
1283
原创 eclipse的安装
@[TOC]eclipse的安装安装前需要配置好jdk环境和tomcatjdk的配置首先就是去官网下载jdk了。这个下载过程就省略了，我用的jdk是1.8.0版本的。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片拖拽 功能，你可以将本地的图片直接
2020-10-09 10:15:24
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人