- 博客(58)
- 收藏
- 关注
RSS订阅原创 import { useRouter } from ‘vue-router‘打印useRouter为undefined
useRouter打印为undefined
2022-06-17 23:24:56
2719
2
原创 JavaScript函数扁平化
function fn1(x) { return x + 10}function fn2(x) { return x * 3}function fn3(x) { return x % 10}console.log(fn3(fn2(fn1(5)))) // 5// 函数扁平化function compose(...funcs) { // funcs:传递的函数(type: function) return function proxy(...args) { // args:
2022-01-25 15:41:09
619
原创 JavaScript数组扁平化
使用reduce实现数组扁平化js的两个操作数组方法：reduce, concatconst arr = [[1, 2, [3, 4, [5], [6, 7]], [8]], 9, [10]]// to => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]function flatter(arr) { return arr.reduce((preNum, curNum) => { return preNum.concat(Array.isArray(c
2022-01-25 14:51:50
429
原创 element ui tree组件的getNode方法
最近在使用getNode方法时突然发现getNode找不到节点找不到节点一般会有这几种情况：1.是否正确传入参数，参数可传递id，Node2.检查tree组件是否设置了node-key为id3.可能会出现treeData还未获取到页面就开始调用getNode的情况（虽然打印顺序是treeData先打印出来，但getNode已经执行了）...
2021-12-21 10:47:35
4328
2
原创 新建react项目并启动(指令)
npm install -g create-react-appcreate-react-app projectname （这个名称必须小写）cd projectnamenpm start
2021-12-19 11:08:02
106
原创 element ui使用级联选择器el-cascader封装下拉框
之前项目中使用drownmenu封装下拉框，后面出现了一系列问题，用户体验感很不好。现在重新使用cascader重新封装下拉框组件。
2021-12-15 11:11:50
2360
原创 Error in nextTick: “TypeError: Right-hand side of ‘instanceof‘ is not callable“
vue项目中突然报错Error in nextTick: “TypeError: Right-hand side of ‘instanceof’ is not callable”在网上查后发现是因为props定义属性时类型写错了props的type类型需要首字母大写参考链接
2021-12-15 10:18:27
1309
原创 vue2与vue3关于数据劫持的一个区别
vue2中采用Object.defineProperty()的形式进行数据劫持，这种方式经常导致数组无法更新值的问题。vue3中采用proxy的形式进行数据劫持，这种数据劫持方式可以劫持所有数据的变化，保证了数据正确更改渲染到页面，但proxy采用ES6语法结构，具有兼容性问题。...
2021-12-01 18:07:15
311
原创 element table动态表头数据刷新后表格高度变化，el-table__body-wrapper is-scrolling-left元素高度计算错误
在使用element table时，header数据会根据页面数据发生变化，这个时候会发现刷新数据后页面表格高度发生变化，会短一截。这是element ui框架自身的问题。打开控制台会发现浏览器自动加了一个高度样式，一般来说element style加的样式可以通过给页面样式添加!important进行覆盖，但elementUI中的样式找不到应该修改的地方可以给当前页面的table上添加一个class，通过样式穿透+!important的方式更改高度.el-table__body-wrapper是
2021-11-26 14:47:13
3324
1
原创 element UI对el-dropdown的二次封装（三级下拉框）
<template> <el-dropdown trigger="click" :hide-on-click="true"> <el-button> <svg-icon :icon-class="iconClass" class-name="icon-svg" /> <span>{{ text }}</span> <i class="el-
2021-11-09 17:50:32
1172
原创 在render中渲染el-dropdown
模板结构为<el-dropdown> <el-button> <svg-icon icon-class="filter" class-name="icon-svg" /> <span>筛选</span> <i class="el-icon-arrow-down el-icon--right" /> </el-button> <el-dropdown-menu slot="dropdown">
2021-11-04 16:21:02
1017
原创 vuex的基本使用
State用于存储全局变量state: { count: 0}获取state的方式:this.$store.state.countMutations只能通过Mutations变更state中的值，不可以直接操作state中的数据。Mutations会对state中的数据进行集中监听mutations: { addCount(count) { state.count++ }}组件触发mutations的方式：this.$store.commit('addCount')
2021-11-03 15:43:57
54
原创 js将表格转换成树表
参考：https://www.cnblogs.com/loveshes/p/11877799.html原表格结构转换成这样的结构代码：arr2tree2(arr, root) { var temp = {} temp[root.id] = root for (var i = 0; i < arr.length; i++) { // 插入一个新节点，后面对该节点的修改都会同步到该节点的父节点上 temp[arr[i].id]
2021-10-21 10:34:59
169
原创 js文件结构，通过指定id查找路径
文件结构如下所示控制台打印输出代码：getPathById(value, arr) { const tempPath = [] try { for (let i = 0; i < arr.length; i++) { this.getNodePath(arr[i], tempPath, value) } } catch (e) { return tempPath }},getNodePath(node, tempPath, value)
2021-10-20 14:30:37
222
原创 解决在vue中使用render渲染element ui无法添加class的问题
需要使用element ui在table中嵌入el-input在使用render对el-input进行渲染后，觉得样式不好看，想要在el-input中添加一个自定义的class直接使用下面这种方式添加class发现无法添加{ prop: 'valueTo', label: '数值(到)', render: (h, params) => { return h('el-input', { attrs: { value: params.row.valueTo }, class: 'input-d
2021-10-13 14:35:24
2661
原创 element表单内容清空
在弹出框中嵌套一个form表单，修改表单内容修改过后直接关闭不提交，第二次打开弹出框时会自动保存上一次表单填写的内容。可以直接在表单关闭时重新初始化formDataObject.assign(this.$data, this.$options.data())...
2021-08-20 15:43:49
235
原创 el-radio选中时修改选中文本颜色
添加如下css样式：.el-radio__input.is-checked + .el-radio__label { color: black}
2021-08-18 11:22:48
2579
原创 element自定义表单label
在label前面加上复选框，通过slot进行定义<el-form-item> <span slot="label"> <el-checkbox v-model="ckFileExt">文件过滤</el-checkbox> </span> <el-input v-model="fzFileExt"> <el-button slot="append" icon="el-icon-info" /> </el
2021-08-18 10:29:53
1264
原创 Duplicate keys detected: ‘tab-2‘. This may cause an update error.
出现这种问题是因为v-for中的key值出现了重复，但不要盲目的将key值设置为index,具体情况要具体分析。项目中使用到了element的tab组件，点击tab的关闭按钮删除tab将key设置为index后，删除某一项tab，再添加tab后，添加的tab的key值就会与删除前最后一项的key值相同。如果tab有对应的id值，最好将key设置为id...
2021-08-16 11:22:50
1641
原创 vue子组件和父组件之间传值方法
父组件向子组件传值（prop-主要用于传递数据）父组件向子组件传值分为两步：1.父组件动态绑定一个需要传递的值2.子组件在props属性中获取到父组件中传递的值，并使用例子父组件：在父组件中动态绑定fatherMsg，并将msg1的值传递给fatherMsg<template> <!-- 组件之间传值--父组件 --> <div class="father"> <son :fatherMsg="msg1"></son&g
2021-08-02 14:47:45
442
原创 elementUI在vue中使用时css样式不生效
根据官方提示先是使用npm i element-ui -S对element-ui进行了安装，并按照官方提示对整个Element进行引入，但在测试element-ui中淡入淡出动画时发现按照官方写法无法出现正确的结果：可以看到，图中的按钮样式不对，而且点击按钮后也没有出现内置过渡动画冲洗阅读文档后发现了这么一段话：这说明在我使用npm i element-ui -S时只是引入了js文件，而css文件需要单独引入解决办法：找到项目的index.html文件，通过CDN的方式引入css文件引入后实
2021-07-30 10:57:12
1444
2
原创 前端 元素显示 相关基础知识
v-if与v-show的区别v-if：直接对DOM进行处理，当v-if为false的时候，销毁该元素，如果程序频繁切换元素，则会消耗大量内存v-show：元素始终被编译保留，只有在初始时会消耗大量内存，适合需要频繁切换元素时使用...
2021-06-07 01:54:51
203
原创 2021-06-01
1. 对前端的理解前端在用户和后端之间起到了一个承上启下的作用，一方面要处理好html、css、js，保证页面美观、交互性好，有一个良好的用户体验；一方面要与后端进行数据交互，处理好浏览器的兼容问题，也要不断的优化代码，尽可能快速高效的处理好后端数据并渲染到用户界面上。2. 一个url从输入到网址栏到渲染出整个页面发生了什么（对url进行解析，分别解析css、js，对页面进行渲染。。。）浏览器向DNS服务器发起请求，找到url对应的IP地址，然后将IP地址返回给浏览器，浏览器将IP地址和需要请求的参数
2021-06-04 00:23:56
65
原创 常用的webpack打包loader
file-loader: 将文件输出到一个文件夹中，通过相对url去引用输出的文件url-loader: 当文件大小小于设置的limit时以base64的形式将文件注入到代码中image-loader: 加载并压缩图片文件babel-loader: 将ES6转换成ES5css-loader: 使css模块化style-loader: 将css文件注入到js中...
2021-05-15 00:19:47
40
原创 【mysql】数据库基本操作
创建表// mysqlcreate database tableName ( 字段名 数据类型 PRIMARY KEY, ...);// oracle增// mysqlinsert into tableName(字段1, 字段2, ...) values (值1, 值2, ...);删// mysql // 删除数据库delete database tableName;// 删除某一列alter table tableName drop column columnN
2021-05-10 09:28:08
54
原创 js数据类型转换
JavaScript的几种基本数据类型有：String, number, boolean, object, function, symbol, null, undefined对象类型有：Object, Date, Array对js数据类型进行转换的方法有：String(x) 将x转换为字符串number.toString() 将数据转换为字符串（可以用+）true.toString() , false.toString() 将布尔值转换为字符串Number(string) 将字符串stri
2021-04-30 14:37:35
38
原创 vue生命周期
vue的生命周期分为以下几个部分beforeCreate ->初始化事件和生命周期created ->初始化data和methodsbefroeMount ->完成模板实例化mounted ->渲染数据到页面上beforeUpdate ->更新Model层的dataupdate ->更新View层的databeforeDestroy ->进入销毁状态destroyed ->销毁掉组件中的数据、过滤器、函数、指令等图示如下：
2021-04-23 23:02:38
149
原创 数组去重
let arr = [23,6,9,8,8,5,23,0,1,9]; console.log(arr); // js最简单方法 function unique1(array) { var arr = []; for(var i = 0; i < array.length; i++) { // arr中不存在该元素 if (arr.indexOf(array[i]) == -1) { ...
2021-04-10 09:56:04
45
原创 解决npm不是内部或外部命令
照着这个文章下载完nodejs后，执行npm start显示“npm不是内部或外部命令”先检查一下环境变量是否配置错误（按照刚才那篇文章检查即可）打开环境变量设置发现环境变量没有设置正确我是将nodejs直接下载在了E:\nodeJS文件夹中，而环境变量自动设置成了C:\Users\LENOVO\AppData\Roaming\npm，需要手动改过来这个时候执行npm start就可以正常打开了...
2021-04-07 10:54:07
1142
原创 前端判断数据类型的方法及优缺点
使用typeof判断数据类型使用方法：typeof(123); // numbertypeof('123'); // stringtypeof({}); // objecttypeof([]); // object主要用于检测基本数据类型优点：代码量少，区分基本的数据类型缺点：引用类型无法区分，全部表示为object基本数据类型：Number, String, Boolean, Null, undefined, object, symbol, bigInt引用数据类型：fun
2021-03-30 17:23:18
321
原创 前端HTTP请求过程
当在浏览器中输入一个网址时，http请求过程基本分为以下几步：对网址进行DNS域名解析，找到网址对应的IP地址根据IP地址找到对应服务器，发起TCP的三次握手TCP链接后发起HTTP请求服务器响应HTTP请求，浏览器得到HTML代码浏览器解析HTML代码，并请求HTML代码中的css、js、图片等资源浏览器对页面进行渲染服务器关闭TCP连接浏览器对页面渲染过程：解析HTML文件构成DOM树解析CSS文件构成渲染树边解析边渲染js单线程运行，可能会修改DOM结构，意味着js执行完
2021-03-30 16:23:31
509
原创 前端面试总结
如何判断当前页面是Web端还是手机端如何使各种小程序在各个平台兼容如何判断用户输入的密码是否符合密码要求正则表达式如何使Web前端在各个浏览器兼容如何使浏览器加载一个很长的图片DOM...
2021-03-22 19:15:26
58
原创 前端笔试总结
列出CSS中可以继承的属性1.字体系列属性font-family font-weight font-size font-style2.文本系列属性text-indent text-align line-height word-spacingletter-spacing text-transform3.元素可见性visibility4.列表布局属性list-style5.光标属性cursorJS的集中主要的数据类型Number String Object
2021-03-11 17:48:00
74
原创 AngularJS（一）
AngularJS使用在标签下面添加<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>指令含义ng-app="" 定义AngularJS的使用范围ng-init="变量=值;变量=值" 初始化变量的值，有多个变量时用分号隔开ng-model="变量" 定义变量名ng-bind="变量" 绑定变量名，获取该变量的数据，使用双重花括号{{变量}}获取变
2021-03-03 17:01:45
178
2
原创 微信小程序中iconfont的使用
阿里巴巴矢量图标在微信小程序中的使用方法：阿里巴巴矢量图库入口>> https://www.iconfont.cn/搜索自己想要的图标，点击加入库在这个地方创建、添加至项目中复制Unicode中的代码点击下载至本地将下载的文件解压，打开iconfont.css将下面部分内容删除，粘贴上刚才复制的内容将该文件的内容复制到全局文件app.wxss中icon的使用方式是：<icon class="icon icon-saoma"></icon>
2021-01-17 16:43:26
207
原创 python 人脸识别相关代码存档
这里写目录标题图片人脸识别开摄像头进行人脸识别视频中的人脸识别人脸采集人脸验证图片人脸识别import numpy as npimport cv2if __name__ == '__main__': img = cv2.imread('./sew2.jpeg') gray = cv2.cvtColor(img,code=cv2.COLOR_BGR2GRAY) # 数据变少 # 人脸特征详细说明，1万多行，计算机根据这些特征，进行人脸检测 # 符合其中一部分，算做人脸
2020-07-29 01:13:33
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人