- 博客(80)
- 收藏
- 关注
RSS订阅原创 vue项目报错：Mixed spaces and tabs no-mixed-spaces-and-tabs
Mixed spaces and tabs no-mixed-spaces-and-tabs 报错
2023-02-23 16:07:24
178
原创 el-table-column中超出的字符用省略号表示
show-overflow-tooltip=“true” //超出部分有省略号表示。label=“服务描述”
2022-10-24 16:31:47
761
原创 路由器的两种工作模式
路由器的两种工作模式:1.对于一个url来说，什么是hash值?——#及其后面的内容就是hash值。2.hash值不会包含在HTTP请求中，即:hash值不会带给服务器。3. hash模式:1)地址中永远带着#号，不美观。2)若以后将地址通过第三方手机app分享，若app校验严格，则地址会被标记为不合法。3)兼容性较好。4. history模式:1)地址干净，美观。2)兼容性和hash模式相比略差。3)应用部署上线时需要后端人员支持，解决刷新页面服务端404的问题。...
2022-05-06 19:31:42
1508
原创 关于Vue
vue.js 与vue.runtime.xxx.js的区别:(1).vue.js是完整版的Vue，包含:核心功能+模板解析器。(2).vue.runtihe.xxx.js是运行版的Vue，只包含:核心功能;没有模板解析器。因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用render函数接收到的createElement函数去指定具体内容。render函数写法：new Vue({ el: '#app', //el的第一种写法.
2022-04-21 10:40:32
1134
原创 vue组件（VueComponent）
关于VueComponent：xxx组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。我们只需要写或，Vue解析时会帮我们创建school组件的实例对象，即Vue帮我们执行的：new VueComponent(options)。特别注意：每次调用Vue.extend，返回的都是一个全新的VueComponent！！！！关于this指向：(1).组件配置中①data函数、methods中的函数、watch中的函数、computed中的函数 它
2022-04-19 19:14:10
248
原创 vue的生命周期
生命周期:1.又名:生命周期回调函数、生命周期函数、生命周期钩子。2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。4.生命周期函数中的this指向是vm或组件实例对象。生命周期钩子有：beforeCreate：此时，无法通过vm访问到data中的数据、methods中的方法。created：此时，可以通过vm访问到data中的数据、methods中配置的方法。(创建的是数据监测、数据代理)beforeMoun
2022-04-19 11:56:54
881
原创 v-model收集表单数据
收集表单数据：若：<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的初始值是
2022-04-18 15:20:16
155
原创 Vue监视数据
Vue监视数据的原理:vue 会监视data中所有层次的数据。如何监测对象中的数据?通过setter实现监视，且要在new Vue时就传入要监测的数据。(1).对象中后追加的属性，Vue默认不做响应式处理(2).如需给后添加的属性做响应式，请使用如下API:Vue.set(target, propertyName/index, value) 或vm.$set(target, propertyName/index, value )如何监测数组中的数据?通过包裹数组更新元素的方法实现，本质就
2022-04-18 12:00:47
129
原创 vue中的key有什么作用（key的内部原理）
1.虚拟DOM中key的作用:key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据[ 新数据]生成[新的虚拟DOM]，随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较，比较规则如下:对比规则:(1) .旧虚拟DOM中找到了与新虚拟DOM相同的key:①.若虚拟DOM中内容没变，直接使用之前的真实DOM!②.若虛拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中之前的真实DOM。(2).旧虚拟DOM中未找到与新虚拟DOM相同的key创建新的真实DOM，随后渲染到
2022-04-15 13:40:55
676
原创 MVVM模型
1.M:模型(Model) : data中的数据(一般的js代码)2.V:视图(View):模板代码(dom)3.VM:视图模型(ViewModel):Vue实例(vue)观察发现:1.data中所有的属性,最后都出现在了vm身上。2.vm身上所有的属性及 Vue原型上所有属性，在Vue模板中都可以直接使用。...
2022-04-14 18:22:04
716
原创 数据绑定的方式
Vue中有2种数据绑定的方式:1.单向绑定(v-bind):数据只能从data流向页面。2.双向绑定(v-model):数据不仅能从data流向页面，还可以从页面流向data。注意：1.双向绑定一般都应用在表单类元素上(如:input、select等)；2.v-model:value可以简写为v-model，因为v-model默认收集的就是value值。...
2022-04-14 12:56:33
517
原创 箭头函数（()=＞）
箭头函数的特点：this 是静态的，this始终指向函数声明时所在作用域下的this的值 function getName() { console.log(this.name); } let getName2 = () => { console.log(this.name); } // 设置window对象的name属性 window.name = '石兴丽'; const school = {
2022-04-09 14:52:46
505
原创 进程和线程
1.进程程序的一次执行，它占有一片独有的内存空间可以通过windows任务管理器查看进程2.线程是进程内的一个独立执行单元是程序执行的一个完整流程是CPU的最小的调度单元
2022-04-09 14:26:18
321
原创 内存溢出和内存泄漏
1．内存溢出一种程序运行出现的错误当程序运行需要的内存超过了剩余的内存时，就出抛出内存溢出的错误2．内存泄露占用的内存没有及时释放内存泄露积累多了就容易导致内存溢出常见的内存泄露:意外的全局变量没有及时清理的计时器或回调函数闭包...
2022-04-08 11:29:27
205
原创 闭包(closure)
1．如何产生闭包?当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时，就产生了闭包。2．闭包到底是什么?使用chrome调试查看理解一:闭包是嵌套的内部函数(绝大部分人)理解二:包含被引用变量(函数)的对象(极少数人)注意:闭包存在于嵌套的内部函数中3．产生闭包的条件?函数嵌套内部函数引用了外部函数的数据(变量/函数)...
2022-04-08 10:25:17
111
原创 js中this的指向
解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this,this指向的是一个对象，这个对象我们称为函数执行的上下文对象，根据函数的调用方式的不同，this会指向不同的对象1.以函数的形式调用时， this永远都是window function fun() { console.log(this); //window } fun();2.以方法的形式调用时，this就是调用方法的那个对象 function fun() { c
2022-04-08 10:17:32
92
原创 函数（function）
1.代么是函数?实现特定功能的n条语句的封装体只有函数是可以执行的，其它类型的数据不能执行2．为什么要用函数?提高代码复用便于阅读交流3．如何定义函数?函数声明表达式4．如何调用(执行)函数?test():直接调用obj.test():通过对象调用new test( ): new调用test.call/apply(obj):临时让test成为obj的方法进行调用...
2022-04-06 11:17:02
49
原创 对象（object）
1．什么是对象?**多个数据的封装体**用来保存多个数据的容器**—个对象代表现实中的一个事物2．为什么要用对象?**统一管理多个数据3．对象的组成*属性:属性名(字符串)和属性值(任意)组成*方法:—种特别的属性(属性值是函数)4．如何访问对象内部数据?**.属性名 有时候不能用**.[‘属性名’] 编码麻烦，能通用什么时候必须使用[‘属性名’]的方式?1．属性名包含特殊字符:- 空格 var p = {} p['content-type'] = 'text/json
2022-04-06 10:57:21
104
原创 数据类型判断
typeof:*可以判断: undefined/数值/字符串/布尔值/function*不能凯断: null与object object 与arrayinstanceof: 判断对象的具体类型===:可以判断: undefined, null var a; console.log(a, typeof a, typeof a === 'undefined', a === undefined); //undefined 'undefined' true true cons.
2022-04-04 19:21:25
423
原创 json的定义
JSON：JS中的对象只有JS自己认识，其他的语言都不认识；JSON就是-一个特殊格式的字符串，这个字符串可以被任意的语言所识别，并且可以转换为任意语言中的对象，JSON在开发中主要用来数据的交互。JavaScript Object Notation JS对 象表示法JSON和JS对象的格式一 样，只不过JSON字符串中的属性名必须加双引号；其他的和JS语法一致JSON分类:1.对象{}、2.数组[]JSON中允许的值:1.字符串2.数值3.布尔值4.null5.对象6.数组
2022-04-04 15:51:07
1238
原创 DOM和BOM
一、DOM，全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。一文档，表示的就是整个的HTML网页文档一对象，表示将网页中的每一个部分都转换为了一个对象。一模型，使用模型来表示对象之间的关系，这样方便我们获取对象。二、BOM，全称Browser Object Model浏览器对象模型。...
2022-04-02 14:17:31
297
原创 node节点
节点:Node——构成HTML文档最基本的单元。常用节点分为四类：文档节点:整个HTML文档元素节点:HTML文档中的HTML标签属性节点:元素的属性文本节点:HTML标签中的文本内容
2022-03-28 13:52:26
260
原创 数组去重的例子
var arr = [1, 2, 2, 3, 2, 1, 3, 4, 2, 5] // 获取数组中的每一个元素 for (var i = 0; i < arr.length; i++) { console.log(arr[i]); // 获取当前元素后的所有元素 for (var j = i + 1; j < arr.length; j++) { console.log('-------' + arr[j..
2022-03-27 11:59:41
134
原创 slice和splice
slice：该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回参数:截取开始的位置的索引,包含开始索引；截取结束的位置的索引,不包含结束索引；-第二个参数可以省略不写,此时会截取从开始索引往后的所有元素-索引可以传递一个负值，如果传递一个主值，则从后往前计算-1倒数第一个-2倒数第二个 var arr = ['孙悟空', '沙和尚', '猪八戒', '唐僧', '白骨精'] var result = arr.slice(0, 2); //孙悟空，沙和尚
2022-03-27 11:34:54
158
原创 for...in枚举对象中的属性
var obj = { name: 'sxl', age: 19, gender: '女', address: '贵州' } for (var n in obj) { console.log('属性名：' + n); console.log('属性名：' + obj[n]); }
2022-03-26 10:15:37
180
原创 函数与方法（method）
函数也可以称为对象的属性，如果一个函数作为一个对象的属性保存，那么我们称这个函数时这个对象的方法。调用这个函数就说调用对象的方法(method)。但是它只是名称上的区别没有其他的区别。 var fun3 = function() { console.log('你好啊'); } // 调用函数 fun3(); var obj = new Object(); obj.name = 'sxl'; obj.age = 18; obj.sa.
2022-03-26 10:02:39
389
原创 基本数据类型和引用数据类型
JS中的变量都是保存到栈内存中的，基本数据类型（String、Number、Boolean、Null、Undefined）的值直接在栈内存中存储。值与值之间是独立存在，修改一个变量不会影响其他的变量。 var a = 12; var b = a; a++; console.log('a=' + a); //13 console.log('b=' + b); //12引用数据类型（对象）是保存到堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，而
2022-03-25 15:19:05
115
原创 编写程序，由键盘输入三个整数分别存入变量num1,num2,num3，对他们进行排序，并且从小到大输出。
var num1 = +prompt('请输入数字1：'); var num2 = +prompt('请输入数字2：'); var num3 = +prompt('请输入数字3：'); //prompt()返回的值类型是string,用“+”将num先转换成number再比较 if (num1 < num2 && num1 < num3) { // num1最小 if (num2 < num3) { .
2022-03-24 11:13:36
1985
原创 JS中=，==，===三种等号的区别
= 是赋值操作，a = 10== 先转换类型再比较 var a = 10; console.log(a == 8); //false console.log(a == 10); //true console.log(a == '10'); //true '10'先转换成number再比较 console.log(true == '1'); //true 都转换为number console.log(null == 0); //fa
2022-03-21 11:54:18
232
原创 CSS面试题
1.padding和margin有什么不同？作用对象不同：padding是作用于自身的。margin是作用于外部对象的。2.vw和百分比%有继承关系，继承父亲的宽度。vw只和设备的宽度有关。3.如何让谷歌支持小字体？.small-font{ transform: scale(0.8) ; -webkit-transform: scale(0.8);}4.行内和块级元素行内元素： 与其他行内元素并排不能设置宽高，默认的宽度就是文字的宽度块级元素：霸占一行，不能与其他任何元
2022-03-20 19:22:29
212
原创 promise执行问题
// 1,2,4,3 // 构造函数同步执行 const promise = new Promise((resolve, reject) => { console.log(1); //第一执行 resolve(); console.log(2); //第二执行 }) // .then()异步执行 promise.then(() => { console.log(3); //最后执行.
2022-03-20 18:56:11
50
原创 var,let,const的特点
一、var1.声明提升。2.变量覆盖。3.没有块级作用域。二、let1.有块级作用域的概念。2.不存在变量提升。3.不存在全局作用域的概念。4.同一块作用域中不允许重复声明。三、const1.const声明智慧必须赋值 否则就报错。2.定义的值不能修改，否则报错。3.支持let的其他属性。...
2022-03-20 18:48:32
46
原创 null和undefined的区别
null 这个值专门用来表示一个为空的对象使用typeof检查一个null值时，会返回objectundefined(未定义)类型的值只有一个，就是undef当一个声明变量，但是并不给变量赋值时，它的值就是undefined使用typeof检查一个undefined值时，会返回undefined...
2022-03-20 11:56:05
381
原创 标识符的命名
-在]S中所有的可以由我们自主命名的都可以称为是标识符-例如:变量名、函数名、属性名都属于标识符-命名一个标识符时需要遵守如下的规则:1.标识符中可以含有字母、数字、_、$2.标识符不能以数字开头3.标识符不能是ES中的关键字或保留字...
2022-03-20 11:02:29
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人