sxl不想学习-CSDN博客

路由器的两种工作模式: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 1724

原创关于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 1148

原创 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 300

原创 vue的生命周期

生命周期:1.又名:生命周期回调函数、生命周期函数、生命周期钩子。2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。4.生命周期函数中的this指向是vm或组件实例对象。生命周期钩子有：beforeCreate：此时，无法通过vm访问到data中的数据、methods中的方法。created：此时，可以通过vm访问到data中的数据、methods中配置的方法。(创建的是数据监测、数据代理)beforeMoun

2022-04-19 11:56:54 941

原创 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 173

原创 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 163

原创 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 708

原创 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 728

原创数据绑定的方式

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 561

原创箭头函数（()=＞）

箭头函数的特点：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 564

原创进程和线程

1.进程程序的一次执行，它占有一片独有的内存空间可以通过windows任务管理器查看进程2.线程是进程内的一个独立执行单元是程序执行的一个完整流程是CPU的最小的调度单元

2022-04-09 14:26:18 335

原创内存溢出和内存泄漏

1．内存溢出一种程序运行出现的错误当程序运行需要的内存超过了剩余的内存时，就出抛出内存溢出的错误2．内存泄露占用的内存没有及时释放内存泄露积累多了就容易导致内存溢出常见的内存泄露:意外的全局变量没有及时清理的计时器或回调函数闭包...

2022-04-08 11:29:27 222

原创闭包(closure)

1．如何产生闭包?当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时，就产生了闭包。2．闭包到底是什么?使用chrome调试查看理解一:闭包是嵌套的内部函数(绝大部分人)理解二:包含被引用变量(函数)的对象(极少数人)注意:闭包存在于嵌套的内部函数中3．产生闭包的条件?函数嵌套内部函数引用了外部函数的数据(变量/函数)...

2022-04-08 10:25:17 124

原创 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 108

原创函数（function）

1.代么是函数?实现特定功能的n条语句的封装体只有函数是可以执行的，其它类型的数据不能执行2．为什么要用函数?提高代码复用便于阅读交流3．如何定义函数?函数声明表达式4．如何调用(执行)函数?test():直接调用obj.test():通过对象调用new test( ): new调用test.call/apply(obj):临时让test成为obj的方法进行调用...

2022-04-06 11:17:02 66

原创对象（object）

1．什么是对象?**多个数据的封装体**用来保存多个数据的容器**—个对象代表现实中的一个事物2．为什么要用对象?**统一管理多个数据3．对象的组成*属性:属性名(字符串)和属性值(任意)组成*方法:—种特别的属性(属性值是函数)4．如何访问对象内部数据?**.属性名有时候不能用**.[‘属性名’] 编码麻烦，能通用什么时候必须使用[‘属性名’]的方式?1．属性名包含特殊字符:- 空格 var p = {} p['content-type'] = 'text/json

2022-04-06 10:57:21 128

原创数据类型判断

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 439

原创 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 1272

原创 DOM和BOM

一、DOM，全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。一文档，表示的就是整个的HTML网页文档一对象，表示将网页中的每一个部分都转换为了一个对象。一模型，使用模型来表示对象之间的关系，这样方便我们获取对象。二、BOM，全称Browser Object Model浏览器对象模型。...

2022-04-02 14:17:31 319

原创 node节点

节点:Node——构成HTML文档最基本的单元。常用节点分为四类：文档节点:整个HTML文档元素节点:HTML文档中的HTML标签属性节点:元素的属性文本节点:HTML标签中的文本内容

2022-03-28 13:52:26 276

原创数组去重的例子

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 160

原创 slice和splice

slice：该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回参数:截取开始的位置的索引,包含开始索引；截取结束的位置的索引,不包含结束索引；-第二个参数可以省略不写,此时会截取从开始索引往后的所有元素-索引可以传递一个负值，如果传递一个主值，则从后往前计算-1倒数第一个-2倒数第二个 var arr = ['孙悟空', '沙和尚', '猪八戒', '唐僧', '白骨精'] var result = arr.slice(0, 2); //孙悟空，沙和尚

2022-03-27 11:34:54 176

原创 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 204

空空如也

空空如也