自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 ES6整理--解构赋值

解构赋值ES6中允许从数组中提取值,按照对应位置,对变量赋值。对象也可以实现解构。数组解构let arr = [1, 2, 3]let [a, b, c] = arr或者//数组解构允许我们按照一一对应的关系从数组中提取值,然后将值赋值给变量let [a, b, c] = [1, 2, 3];console.log(a);console.log(b);console.log(c);数组解构允许我们按照一一对应的关系从数组中提取值(严格按照顺序来),然后将值赋值给变量等号右边

2020-12-25 20:18:57 117

原创 整理 var,let,const

ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6实际上是一个泛指,指ES2015及后续的版本。为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方,比如:① 变量提升特性增加了程序运行时的不可预测性② 语法过于松散,实现相同的功能,不同的人可能会写出不同的代码ES6新增语法letES6中新增的用于声明变量的关键字具有块级作用域、不存在变量提升、暂时

2020-12-24 20:13:18 98 1

原创 学习了解MVVM

什么是MVVM?MVVM是Model-View-ViewModel的简写M:Model 数据层,也就是后端进行业务处理和数据处理V:View 视图层,也就是用户界面。ViewModel 识图数据层,在这里,前端可以对从后端获取的model数据进行转换处理,以便于前端的View层使用。在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之间的交互是双向的, 因此View 数据的变化会同步到Model中,而Model

2020-12-23 19:16:08 169 1

原创 JS数组方法整理

1.join() (数组转字符串)数组转字符串,方法只接收一个参数:即默认为逗号分隔符()。var arr = [1,2,3];console.log(arr.join());     // 1,2,3console.log(arr.join("-"));   // 1-2-3console.log(arr);         // [1, 2, 3](原数组不变)2.push()和pop()(数组尾操作)push():方法可向数组的末尾添加一个或多个元素,并返回新的长度。pop():方法

2020-12-22 20:41:56 101

原创 总结vue基础知识点

插值用{{}}表示,也被称作胡子语法。作用:会将绑定的数据实时的显示出来:通过任何方式修改所绑定的数据,所显示的数据都会被实时替换,可以在里面写js表达式、三目运算符、方法调用等但不能进行赋值操作还有循环语句与条件语句指令指令 (Directives) 是指带有 v- 前缀的关键字语法v-text和v-html类型innerText和innerHTML前者应用范围狭窄,可以识别文字,但无法识别标签,后者能够识别标签,但同样应用范围狭窄v-if和v-show根据条件判断是否渲染元素v-

2020-12-21 20:59:47 167

原创 了解diff算法

什么是diff算法在此之前,我们简单了解一下什么是真实DOM和虚拟DOM之间的区别,虚拟DOM真实DOM更新得更快更新较慢不能直接更新html可以直接更新htmldom更新无需创建新的dom如果dom更新,那么就创建一个新domdom操作非常便利dom操作非常昂贵内存无浪费内存浪费严重OK,简单来讲,diff算法主要描述了当数据发生改变时dom都经历了什么,要知道渲染真实DOM的开销是很大的,比如有时候我们修改了某个数据,如果直接渲染到真实d

2020-12-20 20:46:02 370

原创 初识TypeScript

什么是TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,兼容JavaScript,可以载入JS代码然后运行。它与JavaScript相比进步的地方包括:加入注释,让编译器理解所支持的对象和函数,编译器会移除注释,不会增加开销。 而JavaScript只是一个脚本语言,并非设计用于开发大型 Web 应用,JavaScript 没有提供类和模块的概念,而TypeScript扩展实现了这些特性。优势更多的规则和类型限制,让代码预测性更高,可控

2020-12-20 20:26:51 315

原创 复习js基础算法--冒泡排序

思路 两两相比 符合某个条件交换位置。步骤//1.双重for循环。//2.指定轮数和次数//3.判断是否符合标准。如果符合标准交换位置。let arr = [7, 6, 5, 4, 3, 2, 1];//双重for循环。(外循环控制轮数)for (let i = 0; i < arr.length - 1; i++) { //2.指定轮数和次数(内循环控制次数) for (let j = 0; j < arr.length - 1; j++) {

2020-12-18 20:59:18 77 1

原创 复习js基础算法--多维数组取最大数

function getMax (x) { let arr = [] //创建一个变量来预备接收 for (let i = 0; i < x.length; i++) {//创建一个外层循环,遍历外层数据 let brr = 0;//创建第二个变量,存储最大数 for (let j = 0; j < x[i].length; j++) {//创建第二个循环,用于遍历内层数组 if (x[i][j] > brr)

2020-12-17 20:47:40 446

原创 深入理解回流与重绘

在理解回流与重绘之前,我们需要知道网页呈现在我们面前之前都发生了什么,在页面加载时,浏览器把获取到的HTML代码解析成1个DOM树,DOM树里包含了当前HTML里所有的信息,例如标签,例如样式,例如JS逻辑。浏览器会把所有样式(用户定义的CSS)解析成浏览器能识别并呈现出来的结构样式体,而当DOM树和结构样式体组合后就会构建成render树,这个render树类似于DOM树,但有一定的区别,前者是能够识别HTML中的标签与内容,而后者能识别HTML中的CSS样式,render tree中每个节点都有自

2020-12-16 20:22:24 251 1

原创 浅谈vue生命周期

什么是生命周期用官方的话来讲,Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称之为 Vue 的生命周期。通俗来讲,当加载一个页面的时候,会创建一个vue实例来展示这个页面。第一阶段beforeCreate最先开始的是创建,也就是 「beforeCreate」 ,这个阶段,实例初步被创建,还没有初始化,就是一个具备基本模板,没有任何数据和事件的光杆司令,created然后进入到「created」阶段,这时

2020-12-15 19:25:36 188

原创 浅谈call,apply,bind

.call、apply、bind的区别1.call、apply、bind的作用都是改变函数运行时this的指向1.callfn.call当前实例(函数fn)通过原型链的查找机制,找到function.prototype上的call方法,function call(){[native code]}fn.call()把找到的call方法执行当call方法执行的时候,内部处理了一些事情1.首先把要操作的函数中的this关键字变为call方法第一个传递的实参2.把call方法第二个及之后的实参获取

2020-12-14 21:10:36 90 1

原创 浅谈BFC

什么是BFCBFC布局规则怎么去触发BFC?BFC作用直译过来就是–块级格式化上下文,由两部分组成Box:css布局的基本单位Formatting Context:它是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。那么BFC到底是个啥,简单来讲,BFC就是个大盒子,在BFC内的元素怎么折腾都不会影响到外面的布局BFC布局规则1.内部的Box会在垂直方向,一个接一个地放置。2.Box垂直方向的距

2020-12-13 20:09:15 96

原创 V-If与V-Show的区别)

V-If与V-Show的区别V-IfV-Show使用场景自从学习了vue总是会被问道v-if与v-show的区别首先我们能知道的是v-show与v-if都是用来显示隐藏元素,v-if还有一个v-else来配合使用,两者达到的效果都一样,V-If在首次渲染的时候,如果条件为false时,什么也不操作,页面就会当作没有这些元素。而当条件为true时,开始局部编译,动态的向DOM元素里面添加元素。当条件从true变为false时,开始局部编译,卸载这些元素,也就是删除。但此时也会有一个问题需要注意,那

2020-12-11 19:56:54 1920

转载 JavaScript深浅拷贝的理解

JavaScript深浅拷贝的理解深浅拷贝只是针对引用类型的,因为引用类型是存放在堆内存中,在栈地址有一个或者多个地址来指向堆内存的某一数据浅拷贝:被赋值对象的所有变量都含有与原来的对象相同的值,而所有的对其他对象的引用任然指向原来的对象。浅拷贝仅仅复制所考虑的对象,而不复制他所引用的对象,如果你修改了元对象的值,那么原来的对象也会被修改深拷贝:深拷贝事一个整个独立的对象拷贝,深拷贝会拷贝所有的属性,并拷贝属性指向的动态分配的内存。当对象和它所引用的对象一起拷贝时即发生深拷贝。深拷贝相比于浅拷贝

2020-09-22 21:15:18 145

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除