- 博客(30)
- 收藏
- 关注
RSS订阅原创 11.24
3.在传递表单数据中，修改图片不发生变化，更改其他选项图片才会发生变化。5input formData文件上传，同一文件不能二次上传问题。2.切换页面时el-button的disabled会失效。原因：双向绑定的更新机制问题解决：手动获取结构赋值。export_json_to_excel文件。4.上传带图片文件的参数给后端。1.前端进行excel的导出。
2023-11-24 17:46:09
125
原创 nightwatch.js
深夜睡不着，正好过几天要做nightwatch分享，于是浅在csdn记录一下一.原理nightwatch可以通过GitHub上的nightwatch进行配置，或是csdn直接搜索配置就可以hh。nightwatch是e2e测试,即端对端的测试，是站在用户角度对系统进行各种功能各种交互的测试。对于前端主要是看dom结构,form表单,页面跳转ajax是否符合规范。nightwatch通过webdriver服务器例如chorme或者selenium driver服务器链接http api来进行工作的
2023-01-12 00:43:33
327
原创 前端鉴权、路由守卫
①查询参数？后面携带的②路径参数：后面携带的也就是我们常说的query的③请求头携带④请求体携带二、状态码状态码400可能是四种参数错误或者是输入的参数错误少传或者没传401一般会是后端校验token失败403无权限404资源不存在，检查自己接口是否错误了503超载三、保护前端页面（避免用或通过拼接url直接跳转）1.点击enter直接登陆@keyup.enter.native2.如果一个没填不能登陆可以通computer中的boolean来决定可以在前后的route里的meta设置一些不同管理员能用
2022-07-01 18:42:29
888
原创 重新对vue的复习
1、控制台出现一些你看不懂的bug一般都是版本号的问题，例如vue2适配的其实是vuex3。2、vuex是集中管理项目数据的一般常用于兄弟组件传值，一般用于大型项目3、分为state，action，mutation，getter，module，①state是用来管理数据的，在普通的的html界面可以直接使$store.state在js里面则需要使用this.$store.state②action和mutation是用来管理state里面的数据的，action用来处理和获取数据，mutation用来同步更新状
2022-06-25 15:43:54
200
原创 实习遇到的小问题
history 和 hash’大佬链接1.node版本不能太高否则无法匹配webpack3.6.0版本的会一直让你安装webpack-cli，sass-loader：7.0.1的版本只能匹配node 12,14,16版本的2.vue-router版本过高会出现 (0 , vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent) 问题需要降低vue-router的版本，卸载重新安装大佬链接vue-router不是嵌套路由需要加 \例如：......
2022-06-21 17:16:44
1607
原创 浅浅学习小程序
在小程序中行内标签需要用text，块级标签需要用view1.{{数据值}}（可以不预先定义，不会报错，数据统一放在pages里的data中）2.在标签内也可以使用 1.wx:for="{{数组名}}" wx-key=“index” item是对象值 index是数组的下标（固定写法）2.wx:for-item="currentitem" wx:for-index="currentindex" 这样就可以使用currentindex和currentitem了注：id=[1,2,3]1.wx:if="{{}}"
2022-06-05 21:29:07
310
原创 vue传值的几种方法
1.props：[]，单独的值，或者props：{}键值对2.props需要依赖v-bind无论传入的是静态还是动态的数据3. props使数据形成一个单向数据流即可以通过props像子元素传递值但是不可以由子元素像父元素传递值，这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。4. 子组件内部不可以改变props的值，会报错5. 传值过程父组件子组件2.$emit子传父传递过程子组件父组件3.$ref父组件中写好this.$refs.子组件的ref名.子
2022-06-03 19:04:41
4398
原创 数据结构（六）----树
一、哈希表与树相比的优缺点二、树的结构三、树的术语四、二叉搜索树二叉搜索树每一个父节点都有两个子节点，左侧的子节点小于父节点小于右侧的子节点操作：代码实现： function BinarySearchTree() { function Node(value) { this.value = value; this.left = null; thi..
2022-05-09 22:57:15
348
原创 html，css复习
一.HTML新增语义化标签，例如header，footer，section，article等 新增媒体元素，audio、video 用于绘画的canvas属性 新增本地存储方式：sessionStorage、localStorage 新的技术：webworker、websocket 新增的表单控件：calendar、date、time、email、url、search二、进制三、编码四、盒模型（行内元素）五、盒模型（块元素）1、标准盒模型设置的宽高为内
2022-05-08 22:46:07
353
原创 less~快速入手
目录一、less的安装和使用二、变量（前面必须都加@）三、less的嵌套五、继承六、导入七、条件表达式八、函数九、less和sass的区别一、less的安装和使用1.在vscode下载Easy less2.less是一种预处理语言，来处理css，增加了变量，Mixin、函数等特性，使css更易于维护和扩展，less既可以运在服务器端又可以运行在客户端3.安装：在vscode需要安装Easy Less4.两种注释的方法，第一种不会显示在css文件...
2022-05-06 18:40:52
603
原创 es6复习
es6新增：const .let ,eval(块级作用域）原来在严格模式才有，结构赋值、模板字符串，箭头函数·重复的键值对可以只写键，rest参数来代替实参（是数组rest参数必须放在参数的最后）symbol，迭代器，for of、生成器（异步编程）、class类、数值扩展。扩展运算符的作用1.数组的合并2.数组的克隆3.转伪数组为真数组Symbol创建的不一样但是Symbol.for创建的一样对象添加Symbol类型的属性1. let games={ na
2022-05-03 19:58:52
887
原创 深入理解js----------（乱序版）
js数据类型数据类型js命名规范：1.严格区分大小写2.使用数字、字母、下划线、$、数字不能作为开头3、使用驼峰命名法4.不用关键字、保留字数据类型分为基本数据类型（string,number,null,undefined,boolean,Symbol(es6新增）,bigint（es11新增）和引用数据类型（object，function）object分为普通对象、数组对象、正则对象、数学对象、日期对象……存储基本数据类型存放在栈内存中（所以也可以叫做值引用），引用数据类型存储在堆
2022-05-01 23:24:59
612
原创 js--一些很多实现方法的总结
数据扁平化数据扁平化是指将多维数组转化为一维数组。实现：Array.prototype.flat直接实现数组扁平化arr.flat()括号里面传入你需要把几级中括号进行解析，如果不知道传入Infinity，会把所有的进行解析toString方法 let result=[] //把其转化为字符串之后用，分割在把每一项转化为数字 result.push(arr.toString().split(',').map(item=>Number(item)))join＋正则表达式
2022-04-25 22:00:35
831
原创 js总复习
call、apply和bind区别call和apply都是function原型上的方法，每一个函数作为function的实例，可以调用call和apply方法都是用来改变函数中this的指向问题的唯一的区别就是传给函数参数时，call时一个个传参，apply是以数组形式，bind也是改变函数指向不过bind不会把函数立即执行，而是预先处理this，bind 方法的返回值是函数，需要手动调用才会执行，而 apply 和 call 则是立即调用。三个以内，call和apply性能差不多，但是三个以上，call
2022-04-23 22:37:06
932
原创 数据结构（五）字典以及哈希表
一、字典字典（dictionary）是一些元素的集合。字典的特点：①字典是通过见制度来保存的②字典的主要特点是一一对应的关系.、③字典里面的键不允许重复，但是值可以，key也是无序的二、字典和映射的关系:有些编程语言中称这种映射关系为字典，因为它确实和生活中的字典比较相似.(比如Swift中Dictionary, Python中的dict)有些编程语言中称这种映射关系为Map,注意Map在这里不要翻译成地图，而是翻译成映射.(比如Java中就有HashMap&TreeMap等
2022-04-21 21:54:44
1800
原创 数据结构（四）集合
一、集合的概念集合：集合是一种数学中的概念，集合通常由一组无序的，不能重复的元素构成，可以看作是特殊的数组，（注意没有顺序意味着不能通过下标值进行访问,不能重复意味着相同的对象在集合中只会存在一份.）也就是es6里面的set二、封装常见的集合操作add(value)∶向集合添加一个新的项。remove(value):从集合移除一个值。has(value):如果值在集合中，返回true，否则返回false。clear():移除集合中的所有项。size():返回集合所包含元素的数量。
2022-04-19 20:21:36
1492
原创 数据结构（三）链表
链表和数组一样，可以用来存储一系列的元素，但是链表和数组的机制完全不同数组：要存储多个元素，数组（或列表）可能是最常用的数据结构数组的缺点：1.数组的创建通常都需要申请一段连续的内存空间（一整块的内存），并且大小是固定的（大多数编程语言都是固定的），所以当当前数组不能满足容量需求时，需要扩容（一般情况下是申请一个更大的数组，比如2倍，然后将原来的数组中的元素复制过去）2.在数组开头或中间插入数据的成本很高，需要大量元素的位移，比如说要在1345里面插入2，就需要把345往后都移动，即使是java
2022-04-18 18:43:56
1024
原创 vue项目简单的后台管理系统
车辆的后台管理系统实现对车辆信息的增删改查登录界面，登录界面我使用了组件的方式将login的路径作为默认跳转路径，用户登录系统，需要与数据库（这里我用的是mongodb数据库）的登录信息进行比照通过则可进入系统，同时管理员的姓名以及个人签名会展现在上方导航栏中，这里我使用了vuex来解决数据传递的问题首页这里我就使用element-ui建了一个轮播图个人管理...
2022-04-08 09:33:44
4685
4
原创 js(二）call继承、寄生组合继承
一、call继承只能继承父类私有的属性或者方法（因为是把PARENT当做普通函数执行，和其原型上的属性和方法没有关系)1.只能继承父类私有的属性或者方法（因为是把PARENT当做普通函数执行，和其原型上的属性和方法没有关系)2.父类私有的变为子类私有的我自己理解的是通过call来改变this指向定义两个函数，参数分别是x,y，创建一个B的实例，调用A函数传入200，此时这个200是指向this.x的，没有引入call继承的时候b1.x是undefined加入call继承此时的th
2022-03-23 20:58:23
349
原创 数据结构（二）队列
队列：队列是一种先进先出（first in first out缩写为FIFO）的线性表，只允许在一端进行插入（入队）操作，在另一端进行删除（出队）操作。在队列中允许入队操作的一段成为队尾，出队那一段称为对头，如图所示，其中1被称为对头元素，3称为队尾元素。可以简单理解为排队只有前面的有买完走了你才能买完离开除了上面定义的队列外还有一种限定性数据结构双端队列，双端队列是插入和删除限定在线性表两端进行的线性表，分为三种情况（由于时间开发应用不多而我也不会就不讨论了）用数组对队列进行结构封装以及栈的基
2022-03-22 09:45:20
381
原创 数据结构（一）栈
栈用数组对栈进行结构封装栈的基本操作1.push进行压栈操作2.pop取出栈顶元素3.peek查看栈顶元素4.IsEmpty判断栈是否为空5.size返回栈内元素个数6.toString将栈内元素转为字符串形式控制台输出在这里值得注意的是我解开了pop方法下面的peek会发生改变因为数组中的pop方法会改变原数组，但值得注意的是在谷歌浏览器和edge浏览器第一个返回的的数组个数不一样（这可能是浏览器的问题）...
2022-03-21 23:22:39
1572
原创 js继承（一）原型继承
什么是面向对象？面向对象是一种编程思想，js本身就是基于面向对象构建出来的语言，js中有很多的内置类，像promise就是es6新增的一个内置类，我们可以基于new Primose来创建一个类管理异步编程。vue/react/jquery也是基于面向对象创建出来的，他们都是类，平时开发的时候都是创建她们的实例来操作的类具有封装多态继承的特点，js中的面向对象，和其他编程语言还是有稍微不同的，js中的类和实例是基于原型和原型链机制来处理的，而且js中关于类的继承、重载、重写 也和其他语言不同1.类的封
2022-03-16 21:46:12
1085
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人