- 博客(40)
- 收藏
- 关注
原创 el-radio单选框,点击后支持取消选中
加prevent,是用来阻止默认事件的,相当于Jquery里面的event.preventDefault()方法阻止元素发生默认的行为。
2025-04-01 11:11:59
263
原创 element input输入多行内容反显时自动换行
组件里输入内容过多时,在页面回显时内容不能够进行换行处理,造成页面显示不美观。当点击编辑按钮对原因进行编辑修改时,弹出编辑弹窗,当在。
2023-10-23 17:09:01
2731
原创 CSS display: flex; 与 float:right/left冲突
在div里写几个span标签,想要“查看申请记录”浮动到最右侧,css 设置元素 float 不起作用。
2023-08-08 14:46:27
1073
1
原创 Vue+elementUI el-input输入框手机号校验
/ maxlength属性对type="number"类型的输入框无效。type="number" // 数字类型。1.限制input框内只能输入数字,且为11位。2.对输入手机号做校验。
2023-08-02 14:20:14
7051
原创 vue+elementui 根据单选框选项动态校验
单选框中,当选择不符合规范时,备注为必填项(做校验),当选择符合规范时,备注可以不填写(不做校验)
2023-04-13 15:35:13
1723
1
原创 js之apply()、bind()、call()
三者都可以改变函数的this对象指向三者第一个参数都是this要指向的对象,如果如果没有这个参数或参数为undefined或null,则默认指向全局window三者都可以传参,但是apply是数组,而call是参数列表,且apply和call是一次性传入参数,而bind可以分为多次传入bind是返回绑定this之后的函数,apply、call是立即执行
2023-04-10 11:35:59
153
原创 js 截取部分字符串slice()、splice()
slice() 方法以新的数组对象,返回数组中被选中的元素slice() 方法选择从给定的start参数开始的元素,并在给定的end参数处结束,但不包括语法:array.slice(startend。
2023-04-06 11:43:51
514
原创 from()、keys()、includes()、indexOf()、findIndex()、fill()、values()、some()、every()、find()、entries()
Array.from()Object.keys()Array.prototype.includes()Array.prototype.indexOf()Array.prototype.findIndex()Array.prototype.fill(value,start,end)Object.values()Object.some()Object.every()Object.find()Object.entries()
2023-04-06 10:18:30
222
原创 js 数组遍历的常见方法 (ES5)+(ES6)
最简单的一种循环遍历方法,也是使用频率最高的一种,可优化针对for循环,循环条件总比循环体要多执行一次。
2023-04-03 11:12:00
776
原创 vue+elementui 同时有上传文件和批量上传文件功能,上传文件或批量上传文件后必须刷新才能再次上传文件
使用element-ui的上传文件组件写一个批量上传和上传文件,但是发现每次上传文件后或者批量上传文件后,不能再次上传文件或者批量上传文件。只有进入页面第一次点击上传文件或者批量上传文件才能够调用上传接口,进行文件上传,第二次上传文件或者批量上传文件只能对页面进行刷新才能上传文件。
2023-02-24 11:54:48
2048
原创 ERROR in D:/project/node_modules/@types/node/index.d.ts (20,1): Invalid‘ reference‘ directive syntax
angular报错 ERROR in D:/project/node_modules/@types/node/index.d.ts (20,1): Invalid'reference' directive syntax
2023-02-13 14:04:02
1062
原创 echarts中的legend属性
left 的值可以是像 20 这样的具体像素值,可以是像 ‘20%’ 这样相对于容器高宽的百分比,也可以是 ‘left’,‘center’, ‘right’。(如果 left 的值为’left’, ‘center’,‘right’,组件会根据相应的位置自动对齐.)5.图例标记的图形的宽度/高度(itemWidth/itemHeight)图例每项之间的间隔。横向布局时为水平间隔,纵向布局时为纵向间隔。图例组件离容器左(右,上,下)侧的距离。4. icon定义图标形状。7.legend字太多换行。
2023-01-11 17:23:18
4026
原创 vue+element项目中多个tabs页调一个接口、多个tabs页调多个接口
vue+element-ui项目中使用tabs标签页,多个tabs页调一个接口、多个tabs页调多个接口
2022-09-23 15:03:42
4653
原创 v-show控制隐藏与显示--案例
v-show控制隐藏与显示,v-show也是用来决定某一个元素是否在页面中显示出来。当经常需要切换某个元素的显示与隐藏时,使用v-show会更加节省性能上的开销,当只需要一次显示或隐藏时,使用v-if更合理。
2022-09-07 17:48:59
4055
原创 git 常用命令
假如我直接到gitlab/github删除了某个分支,我在本地使用gitbranch-a查看远程分支,依然存在并且可以切换使用。Localrefsconfiguredfor'gitpush'命令下面的分支是本地仓库的远程分支记录中仍存在的分支,但远程仓库已经不存在。1.我需要gitbranch查看一下本地分支,再gitbranch-a查看一下远程分支,对比下,远程存在哪些本地没有的新分支。1.gitbranch-a查看远程分支,红色的是本地远程远程分支记录。......
2022-07-15 17:45:38
78
原创 路由中query和params传参方式的区别
query方法和params方法以及两者区别1.写法不同(可以查看编写路由时候的相关属性,也可以输出一下路由对象信息看一下)query的写法是用path来编写传参地址params的写法是用name来编写传参地址2.接收方法不同(谁接的谁去接收)query用query来接收params用params来接收3.query刷新页面时参数不会消失;params刷新页面时参数会消失(可以考虑本地存储解决)4.query传的参数在url地址栏中显示;params传的参数不会在url地址栏中显
2022-07-06 14:15:34
815
原创 JS基础----JSON
JavaScript Object Notation (JS对象表示法)JS的对象只有JS自己认识,其他语言不认识。JSON 是一个特殊的字符串,可以被任意语言识别,还可以转换为任意语言中的对象JSON和JS对象的格式一样,但是JSON字符串中的属性名必须加双引号JSON 在开发中主要用来数据的交互(页面和后台服务器之间数据的交互)JSON分类:1.对象{} 2.数组[]JSON中允许的值:1.字符串 2.数值 3.布尔值 4.null 5.对象 6.数组JSON.parse()能够将JSON字符串转
2022-06-21 15:23:47
78
原创 HTML5+CSS3基础
1.在index.html里引入所有外部样式 ,完成SEO三大标签,添加ico.2.完成base.css样式,添加common.css样式里的版心3.写indext.html布局和common.css样式(头部和尾部)4.写indext.html布局和index.css样式(中间部分)CSS书写顺序 (浏览器执行的效率更高)1.浮动 display2.盒子模型:margin border padding 宽高 背景颜色3.文字样式hr 水平线标签strong 加粗(表示的强调语义更强烈)ins
2022-06-20 12:55:04
744
原创 node.js
1.命令行窗口cmd中执行web js文件(node+空格+js文件名)2.进程和线程进程进城负责为程序的运行提供必备的环境。相当于工厂中的车间。线程(js是单线程的,Java是多线程的,传统的服务器都是多线程的)计算机中的最小的计算单位,线程负责执行进程中的程序。相当于工厂中的工人。3.Node.js(Node处理请求时是单线程的,但是在后台拥有一个I/O线程池)Node.js是一个能够在服务器端运行JavaScript的开放源代码、跨平台的JavaScr.
2022-05-07 09:52:57
381
原创 es7-es11新特性
ES7新特性includes判断某一元素是否在数组里(ES6)indexOf判断某一元素是否在数组里,但是返回的结果是个数字**幂运算(ES6)Math.pow幂运算ES8新特性async和await两者结合起来可以让异步代码像同步代码一样异步编程的解决方案:1.生成器函数 2.promise 3.async和awaitasync函数1.async函数的返回值为promise对象,2. promise 对象的结果由async函数执行的返回值决定a..
2022-04-20 17:12:11
219
原创 ES6语法
1.let不能重复声明变量2.let有块级作用域(只在函数内部有用,代码块外部显示不出来)var没有块级作用域【在if else for while中用let声明也是块级作用域】3.不存在变量提升(let不允许在变量声明前调用)4.暂时性死区,使代码更加安全(所有的变量必须先定义再使用)(不影响作用域)
2022-04-08 14:12:43
397
原创 vue模块化 组件化(非单文件、单文件)
组件:实现应用中局部功能代码和资源的集合模块1.理解:向外提供特定功能的is程序一般就是一个is文件2.为什么:js文件很多很复杂3.作用:用js简化js的编写,提高js运行效率组件1.理解:用来实现局部(特定)功能效果的代码集合(html/css/js/image…)2.为什么:一个界面的功能很复杂3.作用:复用编码简化项目编码提高运行效率模块化 当应用中的js都以模块来编写的,那这个应用就是一个模块化的应用。“组件化 当应用中的功能都是多组件的方式来编写的,那这个应用就是一个组件化
2022-03-09 16:14:32
998
原创 vue的生命周期
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能
2022-03-09 09:13:25
60
原创 vue 内置、自定义指令
v-bind : 单向绑定解析表达式, 可简写为 :xxx 数据只能从data流向页面。v-model : 双向数据绑定数据,v-model:value 可以简写为 v-model 不仅能从data流向页面,还可以从页面流向data。v-for : 遍历数组/对象/字符串v-on : 绑定事件监听, 可简写为@v-if : 条件渲染(动态控制节点是否存存在)【v-if可以和:v-else-if、v-else一起使用,但要求结构不能被“打断”】适用于:切换频率较低的场景。特点:...
2022-03-08 16:42:08
192
原创 vue学习部分代码--笔记5 收集表单数据 过滤器
收集表单数据:若:<input type=“text” 则v-model收集的是value值,用户输入的就是value值。若:<input type=“radio”,则v-model收集的是value值,且要给标签配置value值。若:<input type=“checkbox”1.没有配置input的value属性,那么收集的就是checked(勾选 or 未勾选,是布尔值)2.配置input的value属性:(1)v-model的初始值是非数组,那么收集的就是check
2022-03-07 15:37:36
74
原创 vue列表渲染及数据监测
vue列表渲染及数据监测 ` <div id="root"> <!-- 遍历数组 --> <h2>人员列表(遍历数组)</h2> <ul> <li v-for="(p,index) of persons" :key="index"
2022-03-07 12:45:55
419
原创 vue绑定样式和条件渲染
vue绑定样式和条件渲染 字符串写法适用于:类名不确定,要动态获取。对象写法适用于:要绑定多个样式,个数不确定,名字也不确定。数组写法适用于:要绑定多个样式,个数确定,名字也确定,但不确定用不用。2. style样式:style="{fontSize: xxx}“其中xxx是动态值。:style=”[a,b]"其中a、b是样式对象。<style> .basic{ width: 400px;
2022-03-03 16:11:45
262
原创 vue模板语法、数据绑定、事件的基本使用以及事件修饰符
初识 vue :vue模板语法、数据绑定、事件的基本使用以及事件修饰符、data与el的2种写法、MVVM模型
2022-03-01 17:36:07
78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人