- 博客(52)
- 收藏
- 关注
RSS订阅原创 element table表格实现多列排序并清除排序
业务需求如下1.点击的单个进行排序时,要求isAsc对应当前字段的排序顺序;值ascending,descending,null三种情况;若指定了列对应的prop,没有指定order的话,默认ascending;2.多列同时排序的话,要求isAsc对应最后点击的字段对应的排序顺序;orderByColumn字段格式orderByColumn:'字段1+' '+字段1对应的排序顺序,字段2+' '+字段2对应的排序顺序,..最后点击的字段'
2022-11-11 15:45:00
3246
1
原创 表单嵌套表格,实现表格行内表单的校验
随着element ui的使用,很多业务场景的实现,往往需要多个组件嵌套使用来实现;前段时间,为了实现表格中的每一行的数据进行校验的同时实现添加多个的需求;
2022-11-09 10:27:47
1935
1
原创 element表格中的合并行或列
官方代码可以看出, 如果想要合并当前指定的单元格 需要指定合并的rowspan: 合并的行 colspan: 合并的列当直接设置为0的时候就不会显示。因此当指定不同的rowspan 和 colspan的时候就可以设定满足条件的合并单元格。该函数可以返回一个包含两个元素的数组，第一个元素代表。方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行。eg:同一个安全组名称下的不同的规则,需要公用安全组这个字段。因此可以通过一个数组记录每行的合并状态。1.通过数组记录每一行的状态。也可以返回一个键名为。
2022-11-04 14:45:35
5480
1
原创 前端实现license许可证的需要做的工作
由于在生产环境,开发环境中配置了对应的VUE_APP_BASE_API和VUE_APP_BASE_SECOUND;1.在获取用户信息进行拦截时,未指定SET_ROLES到指定的上传页面,导致登陆之后,持续调用licenseGet接口;token有效的情况下,根据是否上传许可证的凭证isValid的值,设置拦截;license涉及的下载注册接口,原有请求文件中对于下载并没有进行解密处理;总结:未上传许可证,提示用户并跳转到上传许可证对应的界面;license文件返回的数据有关提示信息的结构处理;
2022-11-03 13:45:01
1570
原创 给el-form-item,添加key的场景
在 el-form-item 中添加一个属性key，key的值是唯一的（一般key和prop写一样的内容即可，因为rules里面的东西不能重复定义，所以肯定是唯一的。v-if在操作dom的时候，在根节点进行的删减，而element在封装的时候没考虑这块，导致rules判断的时候，无法取到v-if添加进来的prop值;没走到校验里面(拿不到输入的内容);2.选择不同的账号类型,下面对应的表单项不同,但存在公用同一个字段的情况;1.先将表单对应的字段值,进行置空(存在字段公用的情况,避免值,缓存);
2022-09-22 14:10:06
1370
1
原创 图片选择/手动上传upload
form表单有关图片上传的部分页面呈现效果业务需求如下1.界面图片和手动上传任选其一,界面图片对应参数coverImage,手动上传更改时传cover,未更改coverImage;2.添加或编辑的时候,需要将图片上传的方式。...
2022-07-25 18:04:44
494
原创 el-tabs切换以及内容校验
我在初始化的时候,遇到这样一个问题当我选择内部链接,明明已经在对应的el-input中输入内容了,打印也能打印出来,页面上面就是不会更新,当切换到外部链接,再切回来的时候,数据更新了;在使用el-form进行表单校验的时候,往往会遇到这样一个问题使用el-tabs进行切换,内外部链接,只能选择其一,往往会对其输入的链接内容进行校验,在form-item上面绑定固定的prop,达不到预期的效果;可以看到,内外链接分别对应不同的字段,而用与校验的link,则是在切换tabs的时,进行动态的改变。...
2022-07-25 17:16:57
2444
原创 el-upload上传
使用upload上传的时候,覆盖前一个图片时,使用on-change事件,去除limit,否则此方法无打印结果;场景上传图片后,可再次上传,覆盖掉第一张上传的图片。
2022-07-05 10:07:28
304
原创 域名及其分类
目录域名是什么?域名的等级域名的分类指向服务器 IP 地址域名是什么?其实就是区域的名字 每个域名背后都对应一个 IP 地址(将域名使用DNS域名解析服务器,得到一个IP地址) 虽然每次访问网站都是输入域名，但都是访问这个域名对应 IP 地址的网络服务器来打开网站的 其实就是将一串难以记忆的 IP地址，变成域名，这样就很好记了 古老的访问网站方式就是通过 IP，但域名的诞生解决了需要记一大串数字的难题域名的等级二级域名------一级域名------顶级域名域名
2021-11-14 23:55:35
1654
原创 xml和html的区别和联系
区别 概念：HTML(HyperTextMark-upLanguage)即超文本标记语言，XML即Extentsible Markup Language(可扩展标记语言)，是用来定义其它语言的一种元语言。 作用：HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。 XML是用来描述语言的，比如说我们在输入网页的时候的一些文字，排版，或...
2021-11-14 23:13:22
3462
原创 使用js判断当前使用的浏览器
针对不同的浏览器我们可能需要做不同的操作，才能满足不同客户的需要和体验，所以有时候需要 js判断当前用户使用的什么浏览器。myBrowser:function () { //取得浏览器的userAgent字符串 var userAgent = window.navigator.userAgent; //window可以省略 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 if (isOpera) {
2021-11-14 23:02:42
3178
原创 ts的相关内容
目录类型注解类型推论类型的补充ts中的类接口泛型拓展知识类型注解一种为变量添加类型约束的形式,(什么类型的变量,赋值什么类型的数据,否则会报错)语法类型:var/let/const 变量名:数据类型=值number和Number的区别?虽说在声明的时候,并不会进行报错,但是在设置数据类型注解的时候,尽量使用小写,大部分基本数据类型都是小写的,Number一般代表的是一个类ts中的变量的声明,注意变量名是否重复在ts中使用let声明的变量,会在全局的文
2021-11-14 00:01:32
2940
原创 如何取消小程序中的云开发模式
在创建项目的时候,有时候手抖会点到云开发模式,发现即使将该项目删除重建,再次创建的项目也是默认使用云开发模式;这是后,我们就开始慌了经了解,有以下两种解决方式第一种:回到该项目的根目录,将涉及云开发的四个文件,进行删除第二种:进入微信开发者工具打开云开发------------找到设置------环境名称环境设置-------管理我的环境删除环境ID...
2021-11-12 17:18:05
5005
原创 项目的优化策略
1.减少文件体积可以将一些公用的方法,防抖,节流,时间格式化之类的,放在一个js文件中;在使用的时候,直接在页面引入;或将该js文件在main.js中引入,并注册为全局的方法const utils={ 方法名(){ //处理逻辑 }}export default utils全局工具函数import utils from './utils'Vue.prototype.$utils=utils//使用的时候$utils.方法名2.buil...
2021-11-08 11:21:55
965
原创 HTTP常见状态码
我们在向浏览器输入url时,更过一系列的处理,会接收到http响应回来的数据,其中就包括我们要说的http状态码;平时最常见的就是404页面,页面展示的当前页面未找到或丢失的字样目录1.http分为以下几个范围2.http状态码各个范围的值有哪些?1.http分为以下几个范围http状态码的范围 100-199 提示信息 表示请求正在处理 200-299 成功 表示请求正常处理完毕 300-399 重定向 要完成请求必须要进行进一步的处理.
2021-10-07 21:24:11
192
原创 原生ajax
ajax对于编程来说,并不陌生,平常在开发项目时,常常需要对后台的一些相关的数据,进行请求,这时候,就需要使用到封装好的axios $.ajax等,对于原生的ajax,用的却不多ajax请求全称:Async Javascript and xml技术:在网页不断刷新的情况下可以请求数据,实现网页的局部渲染或刷新...
2021-10-05 19:43:09
84
原创 ES6之async和await
我们在写项目的时候,常常需要去请求数据,通常为了减少代码量,将请求的函数进行封装,页面加载时,避免页面出现空白,而是谁先加载出来,谁先进行展示,这时候就使用到了async和await首先,我们要知道的一点是:async和await是generator和promise的语法糖asyncasync将一个普通函数转换为异步函数1.async可以作用于任何方法(回调函数,箭头函数...)前;返回值是一个promise对象let fn=async function(){}console.lo
2021-10-04 14:55:59
1025
原创 ES6之Promise的介绍
提起promise,大家都不陌生,像我们平时常见的axios请求数据等都是基于promise进行封装的简单认识:promise是异步编程的一种方案,解决了地狱回调的问题,是一种链式调用的方式;同时它是一个构造函数,对外提供统一的API,自身有all reject resolve等方法,原型上有then catch等方法promise的有关内容通过上图,我们认识到了promise的简单结构,以下内容是经过对promise的一些简单简单操作得到的结论1.promise 是处理异步回调的解.
2021-10-03 18:17:00
123
原创 ES6之箭头函数
什么是箭头函数1.提起箭头函数,我们不免不想,普通函数用的好好的,为什么es6新增了箭头函数?箭头函数的语法是什么?与普通函数对比,有哪些区别?接下来,就让我们一起康康吧起因:es5中如果函数中嵌套或调用其他的函数,在控制台中就会出现 ...is not a function的报错,这时就是由于this的指向的问题诞生的原因:箭头函数的出现就是为了解决es5中的this指向的问题注意:值得一提的是,箭头函数中没有this,它的this来自父级上下文,并且永远指向父级上下文;let ob
2021-10-02 19:53:08
594
原创 JS中的继承
所谓的继承,按我们所认识的就是儿子继承父亲的产业之类的;在我们js中也是,子类继承父类的属性和方法;js中的继承又分为以下几类,接下来,让我们一起看看js中的继承方式吧1.原型链继承原理1.让子的原型指向付的实例2.让子的constructor重新指向子代码演示//父//function Father(x){ this.x=x}//公有属性Father.prototype.getX=function(){ console.log('getX',this.x)
2021-10-01 22:00:06
204
原创 详谈JS中的数据类型
一.js中的数据类型首先,js的数据类型分为以下两种,基本数据类型和引用数据类型.基本数据类型(又称为简单数据类型)number:NaN infinitystring:正常字符串/模板字符串Boolean: true或falsenull:空undefined:未定义symbol:唯一值(es6新增)bigInt:大数字(es10新增)引用数据类型(又称复杂数据类型)在js中,object是一个基类objectArrayfunctionRegExp
2021-09-30 20:24:13
352
原创 ES6之let var const的区别
在介绍let var const之前,我们先对以下几个点,进行了解变量提升,又名预解释,预解析,意思是在浏览器拿到js代码将要执行之前,会整体的解读一遍,把所有var声明的变量和function声明的函数提前定义变量提升变量在声明之前进行了使用,并且不会报错,得到的值为undefined暂时性死区在使用let const声明的变量之前,都不能使用这个变量,否则就会报错,在这之前的代码块,对于这个声明的变量来说,叫做暂时性死区let var const的区别主要体现在这几个方面1.
2021-09-29 19:36:03
62
原创 数组的有关方法
遍历数组的方法1. for循环进行遍历for(var i=0;i<=数组名.length;i++){ //尽量使用let进行i的声明,涉及块级作用域的问题console.log(i)}2. for...in遍历数组for(let key in 数组名){console.log(key) //使用for..in进行遍历时的 key时数组的每一项对应的下标}3. forEach() 进行数组的遍历数组名.forEach((item,index...
2021-09-06 20:33:20
94
原创 防抖和节流
防抖(debounce)window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次;防抖重在清零 clearTimeout(timer)应用场景1.用户在不断输入值时，用防抖来节约请求资源2.登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖3.调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖4.文本编辑器实时保存，当无任何更改操作一秒后进行保存input(e){
2021-07-22 17:00:09
233
原创 Vue中给router-view 设置key的原因（$route-fullPath）
1. 不设置 router-view 的 key 属性由于 Vue 会复用相同组件, 即 /page/1 =>>> /page/2 或者 /page?id=1=>>>/page?id=2 这类链接跳转时, 将不在执行created, mounted之类的钩子, 这时候你需要在路由组件中, 添加beforeRouteUpdate钩子来执行相关方法拉去数据相关钩子加载顺序为: beforeRouteUpdate2. 设置 router-view 的 key...
2021-06-16 21:01:22
1270
原创 javascript面试题
一、基础模块1.js类型判断2.js数组方法（谨记哪些能改变，哪些不能改变原数组）a）不会改变原数组哦：b）会改变原数组哦：3.JS 中 == 和 === 区别是什么？4. JS中的Array.splice()和Array.slice()方法有什么区别5. JS中的for···in和for···of的区别6、js防抖和节流二、进阶模块1.JS哪些操作会造成内存泄露2.是否可以在JS中执行301重定向？3.JS中的宿主对象与原生对象有何不同？4、window的onload事件和dom
2021-05-28 21:00:09
78
原创 vue指令
1.v-textv-text是一个渲染文本的指令 不能解析标签 会把标签当成字符串渲染在页面上2.v-htmlv-html 也是一个渲染内容的指令 但是v-html会解析标签 标签不在页面上显示3.v-showv-show 是一个控制元素显示隐藏的指令 他是通过css样式（display:none）控制dom的显示隐藏4.v-ifv-if 也是一个控制元素显示隐藏的指令 但是v-if本质上控制的是 dom的删除和增加 意思就是v-if的值如果是false则会从文档中直接删除dom5.v-else-.
2021-05-25 20:57:53
108
原创 vue路由详解
vue路由详解路由分为 编程式路由和声明式路由定义路由对象const router = new VueRouter({ routes:[ { path: '/', name: '', // redirect: '/index', 路由重定向的位置（意思就是要把页面定向到哪一个页面） redirect: { // 可以是下面五种跳转方法中的任何一种方...
2021-05-25 20:57:35
180
原创 jsonp的使用
jsonp的原理,应用场景,优缺点CaseyWei 2018-10-31 17:15:25 159 收藏分类专栏： 跨域版权在开发测试中,难免会在不同域下进行跨域操作,出于安全性考虑,浏览器中的同源策略阻止从一个域上加载的脚本获取或者操作另一个域下的文档属性,这时需要进行跨域的方式进行解决,如:使用jsonp ,iframe等1.jsonp的原理jsonp,即json+padding,动态创建script标签,利用script标签的src属性可以获取任何域下的js脚本,通过这个特性(..
2021-05-25 20:56:58
1564
1
原创 vue解决跨域问题
在vue根目录下创建出vue.config.jsmodule.exports = { devServer: { proxy: '代理服务器地址' }}// 或者module.exports = { devServer: { proxy: { '/api': { target: '代理服务器地址', ws: true // webscoket changeOrigin: true } } }}在要发送前端请求的页面使用crea
2021-05-23 18:53:41
74
原创 web存储和cookie
cookie的使用（node）第一步 安装cookie-parser yarn add cookie-parser --save / npm install cookie-parser --save使用// 引入cookie-parser var express = require('express'); var app = express(); var cookieParser = require('cookie-parser'); app.use(cooki
2021-05-22 13:01:19
87
原创 闭包的优缺点
闭包的作用和优缺点例子 function fun() { var num = 0; return function() { num++ // console.log(num) return num } } var result = fun() var num1 = result() // 1 var num2 = result() // 2...
2021-05-22 12:54:52
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人