- 博客(34)
- 收藏
- 关注
原创 关于修改element-ui样式的问题
今天在开发中需要修改ui中原有样式,但是在使用了::v-deep以及!import之后依然不起作用。后来经过同事提醒,才知道和scoped有关,已知在使用scoped之后每个标签会有一个独有的v-data-xxx,但是可以发现我当前选中的这一行没有v-data-xxx,所以浏览器查找不到这个标签。
2022-10-12 17:20:01
448
原创 Element form表单验证填完信息校验仍然存在的问题
el-date-picker v-model="formInline.applyDate" type="date" placeholder="选择日期" >今天在使用element表单验证的时候,在填入必填信息之后,必填提示仍然存在,然后通过搜索得到答案。原因:表单域的item项的prop值要与绑定的v-model值相同如下。以上为修改之后的效果。
2022-10-07 20:45:54
3240
1
原创 vm.$set函数的个人总结
此时值改变的时候页面也会进行渲染,因为vue的内部针对于数组中对象会通过Object.definProperty来对所有属性进行劫持,来完成响应式,所以数组中对象元素都是响应式的,这里并没有通过数组下标来改变值,只是通过下标来获取相应的对象,而这个对象是响应式的。3.在前面可以发现,不是对象的属性都会被劫持从而称为响应式,为什么还要提供vm.$set来对对象属性进行操作呢?(目标对象,对象的属性名称/数组的下标索引值,要设置的新值)1——数组对象通过下标来操作数组中的对象是响应式的。...
2022-08-15 20:45:17
1026
原创 Refused to apply style from ‘http://localhost:8080/iconfont.css‘ because its
Refused to apply style from 'http://localhost:8080/iconfont.css' because its
2022-07-20 23:38:17
2021
2
原创 JWT数据
步骤一:现在后端tools.js文件中构造生成JWT数据以及使用JWT数据模块步骤二:前端将uid和username传递给后端接口,在这里利用步骤一的模块生成JWT数据,并返回给客户端,此时客户端会将JWT数据储存到localStorage中步骤三:前端的登陆页面,在登陆成功后将服务端生成的JWT数据保存到客户端localStorage中;步骤四:在前端渲染页面时,从本地localStorage提取JWT数(例如查看当前登陆用户的报名课程)步骤5:后端课程接口接收前端发送数据...
2022-06-04 14:23:28
306
原创 类中方法this指向
class Person { constructor(name, age) { this.name = name this.age = age } speak(){ //speak方法放在了—— 类的原型对象上,是给实例用的 //通过Person实例调用speak时,speak中的this就是P...
2022-05-29 23:19:19
72
原创 原生事件的绑定方式
<button id="btn1">按钮1</button> <button id="btn2">按钮2</button> <button onclick="demo()">按钮3</button> <script> const btn1 = document.getElementById('btn1'); const btn2 = document.getElem..
2022-05-29 23:14:36
129
原创 类的基本知识
//创建一个Preson类 class Person { //构造器方法 constructor(name, age) { //构造器中的this是类的实例对象 this.name = name; this.age = age; } //一般方法 speak() { .
2022-05-29 23:13:06
151
原创 gitee上传项目步骤
1.使用git初始化项目,在根目录下鼠标点击git bash heregit init2.将工作区添加到暂存区git add .3.把暂存区添加到仓库区git commit -m '第一次提交'项目组长应该做什么1.本地资源上传到远程仓库git push 远程仓库地址 master2. 本地仓库和远程仓库产生关联git remote add origin 远程仓库地址3.查看本地仓库和那个远程仓库进行了关联git remote
2022-05-29 22:57:38
989
原创 字符串去重,去特殊字符,数字在前,字母在后
var str = "123&45iukgh1i&&2juh35ghjukvbj&hk123v4jh&2g5jhlu3g4h5"; var newStr = ""; for(var i = 0;i<str.length;i++){ if(newStr.indexOf(str[i]) == -1){ newStr += str[i]; } ...
2022-04-23 21:05:17
186
原创 阻止默认行为的封装函数
var a = document.getElementsByTagName("a")[0];a.onclick = function(ev){ //事件对象兼容处理 ev = ev || window.event; //兼容处理 ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;}或者a.onclick = function(){ ev = ev || window.eve.
2022-04-23 20:04:05
140
原创 事件委托思想
将当前共同的事件委托给它们共同的父级,事件委托的的本质是事件冒泡var ul = document.getElementByTagName("ul")[0];ul.onclick = function(ev){ //对事件对象兼容处理 ev = ev || window.event; //对事件源兼容处理 var target = ev.target || ev.srcElement; //判断li if(target.nodeNone == "LI
2022-04-23 19:58:19
157
原创 jQuery 操作元素属性
规则:给值就是设置,不给值就是获取attr(key,[val]):除了表单元素布尔值以外的属性都使用attr$("div").attr("id","myBox");removeAttr(key);移除这个属性$("input").removeAttr("test");表单元素布尔值的操作使用propprop(key[val]);$("input[type = checkbox]").eq(0).prop("checked",true);填true就是checked ;
2022-04-22 15:52:18
1278
原创 原型链的运行机制
首先原型链是一种查找机制,当前对象(实例)用到某个属性,有私有的先用私有的,私有没有就通过__proto__属性往原型上进行查找,原型上没有再通过__proto__属性往原型的原型上进行查找,知道找到Object根类的原型。...
2022-04-22 14:36:39
149
原创 面向对象的特性
1.继承:子类继承父类的属性或方法2.封装:将实现同样功能的代码段,放到一个函数中,用到调用即可,可以屏蔽代码段实现细节,实现"高内聚,低耦合";3多态:多态分为重载和重写,重载的含义是函数名相同,传递参数类型不同,执行不同的函数;重写:子类重写父类的属性javaScript只有重写没有重载...
2022-04-22 14:31:36
43
原创 闭包的实现
概念:闭包是指一个函数嵌套另一个函数另一个函数可以访问当前这个函数的局部变量,闭包是将函数内部和函数外部连接起来的桥梁闭包的作用:缓存数据,延长作用域优点:缓存数据,延长作用域 缺点:缓存数据,延长作用域(使用闭包需谨慎,形成过多不消毁的私有作用域,可能导致内存泄漏)闭包的本质 :形成一个不销毁的私有作用域 //闭包的实现 function fn(){ var n = 1; //将test这个函数返回
2022-04-16 16:24:57
809
原创 this概念及其所指向的环境
this表示当前行为执行的主体,不是函数独有,但主要研究函数中的this(全局和局部)js中全局作用域下所有变量的和函数都是window属性,window:浏览器顶层对象,window可以省略在全局作用域下,this就是window在事件处理函数中,this表示触发那个函数(将一个函数当值赋值给事件)当前函数执行就看这个函数调用前面有没有点,优点,点前面是谁就是谁,没点就是window。...
2022-04-16 15:16:59
173
原创 javaScript的继承方式
1.原型继承特点:将父类的私有+公有作为子类的共有将子类的原型指向父类的实例给B的prototype属性重新赋值为a这个对象,B的原型就是a这个对象 //原型模式 将公有的属性加到prorotype上 Student.prototype.introduce = function(){ console.log("我叫" + this.name + "我今年" + this.age + ",我来学习js啦"); } va
2022-04-16 14:19:18
420
原创 jS对象的几种创建方法
1.字面量的方式优点:划分命名空间,当前命名空间下的属性都是私有的 缺点:属于手工作业,不能实现批量生产 //描述学员信息var stu1 = { name :张三"; age: "18"; intrioduce function(){ console.log("我叫"+this.name+",我今年"+this.age+",我来学习js了~~~");}};stu1.introduce(); 2.工厂模式 优点:划分命名空间,当前命名空间下的属性都
2022-04-16 13:24:06
420
原创 作用域链的理解
首先,作用域链是一种查找机制,在当前作用域下用到某个变量或函数,有私有的先用私有的,没有私有的会往上一级作用域进行查找,上一级没有再往上一级作用域进行查找,直到找到全局作用域为止,找不到可能报错。...
2022-04-15 21:08:54
402
原创 4.4 文本格式化标签
粗体、斜体或下划线等效果语义 标签 说明 加粗 <strong></strong>或<b></b> 推荐用<strong>标签加粗 语义强烈 倾斜 <em></em>或<i></i> 推荐使用<em> 删除线 <del></del>或<s></s> 推荐使用<del>
2022-02-10 21:49:23
54
原创 4。标签语义
简单解释就是标签的含义。1.HTML提供了6个等级的网页标题。<h1>-<h6><h1>我是一级标题< /h1>h是单词head的缩写,意为头部,标题。作为标题使用,并且依据重要性递减。每一个标题都独占一行2.段落标签和换行标签(重要)<p>我是一个段落标签</p>单词paragraph的缩写,意为段落。文本在一个段落中会根据浏览器窗口的大小自动换行段落和段落之间保有空隙<br />是
2022-02-10 21:23:34
210
原创 3.4 网页开发工具
1.<!DOCTYPE html> 文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面。2.<html lang= "en" >告诉浏览器或者搜索引擎这是一个英文网站,本页面采取英文来显示。3.<meta charset="UFT-8">必须写,采取UFT-8来保存文字,如果不写就会乱码。又称“万国码”。...
2022-02-10 20:07:06
7038
原创 前端技能三要素
HTML、CSS、js是构建网页的三种主要技术,也被称为前端技能三要素。1.HTML:超文本标记语言是一种使用标签(标记)描述网页的语言;结构层;是一种标记语言2.CSS:层叠样式表主要用于美化web页面外观表现层/样式层样式表语言3.JavaScript:简称JS,用于网页交互的解释性脚本语言主要用于实现页面交互效果行为层脚本语言W3C万维网联盟,制定网络标准的一个非营利性组织,致力于在万维网发展方向上达成共识。...
2022-02-10 19:26:08
923
原创 主流浏览器的内核使用情况
现在国内常用的主流浏览器主要包括IE浏览器、Safari苹果浏览器、Firefox火狐浏览器、Chrome谷歌浏览器、Opera欧朋浏览器。其中IE浏览器使用的内核为Trident、Safari浏览器使用的内核为Wekit、Firefox浏览器使用的内核为Gecko、Chrome浏览器使用的内核为Webkit、blink、Opera浏览器使用的前内核为Presto现已改用Blink。值得注意的是,五大浏览器均采用的是单内核。...
2022-02-10 19:11:43
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人