叮当的猫猫的博客

vue检测数据变化

ios兼容性问题

1.Object.keys(obj) 返回对象属性组成的数组2.Object.values(obj) 返回的是属性值组成的数组3.Object.entries(obj) 返回键值对所对应的数组4.Object.getOwnPropertyNames(obj) //与1类似，返回也相同5.for … in for(let k in obj){//这里遍历出的k是属性名}只能遍历到自身的属性和自身继承的可枚举的属性值和方法，不含symbol6.forEach（基于key、values、entr

方法一：var obj={}var url1='wwww.baidu.com?min-deposit=10000&prod_name=新季报'if(url1.indexOf("?") !=-1){ var str=url1.substring(url1.indexOf("?")+1); var arr=str.split("&");

git log --stat 显示每次更新的文件修改统计信息下面就是git log 的一些参数的用法git log filename可以看到fileName相关的commit记录2. git log -p filename可以显示每次提交的diff3. 只看某次提交中的某个文件变化，可以直接加上fileNamegit show commit-id filename4.根据commit-id查看某个提交git show -s --pretty=raw id(59047cce6eeb

Object.keys，values，entries1.Object.keys------返回一个包含该对象所有键的数组2.Object.values------返回一个包含该对象所有值的数组3.Objectentries------返回一个包含该对象所有[键，值]键值对的数组????????和map 的区别a.调用语法：map.keys. Object.keys(注意不是obj.keys)b.返回值：map返回的是可迭代的对象，而Object返回的是真正的数组let user

可迭代对象是数组的泛化，这个概念就是说任何对象都可以被定制为在 for …of 循环中使用的对象数组是可迭代的，很多其他内建对象也都是可迭代的，比如字符串。（内建对象包括：string、da te、Array对象、Math、Functions全局函数）1.Symbol.iterator通过创建一个对象，我们就可以轻松掌握可迭代的概念。比如，我们有一个数组，它并不是数组，比如一个range 对象，它代表你一个数字区间。...

修改了一个版本的代码，并且提交到远程仓库（git add . 和 git commit -m “最新修改”）之后出现了问题，但是又不能具体定位到改哪了，这时修改记录也没有了，想看一下修改记录。这时候先用git log 看一下之前版本的版本号（即使回退了，用版本号也能回到任何一个版本）git log 以后空格往下看，最近的两个版本号就是刚刚提交的和上一次提交到版本(commit 之后的就是版本号啦)git diff 版本号1 版本号2这个时候就能看到刚刚提交的都修改过什么内容啦如果想回退到上个版

学习的几个阶段一、网页制作基础教程之网页的基本结构二、弄清楚浏览器是怎么展现网页的，了解网页的生命周期三、熟练使用客户端调试工具四、积累服务器端语言开发经验，能够解决浏览器兼容性问题下面是阿里的的几个阶段首先就是HTML/CSS3 以及工具部分：vscode开发工具使用、markdown文档工具使用、浏览器平台环境、标签基础、DTD与META语义化、选择器、权重与优先级、匹配规则、浮动与清除、BFC、类名组合规则、SEO前端技巧、定位、叠加技巧、伪类、伪元素、盒子模型、代码规范、性能优化、渲

简介Map 是JavaScript中的数据结构，它允许存储【键，值】对，其中任何值都可以用作键或值；Map集合中的键和值可以是任何类型，并且如果使用集合中已存在的键将值添加到Map集合中，新值将替换旧值。1.map()方法返回一个新数组，数组中的元素为原始数组调用函数处理后的值，并且按照原始数组元素调用函数处理后的值⚠️：map()不会对空数组进行检测，并且不会改变原数组传参：currentValue:必传。当前元素值index：可选。当前元素索引值arr:可选。当前元素属于的数组对象示例：

一、添加/移除数组元素1.首位增删元素arr.push(…items) —从尾短添加元素arr.pop() ----从尾部添加元素arr.shift() ----从头部取元素arr.unshift() ----从头部添加元素2.splice(start,num,插入项) —修改原数组num 和插入项是可选传参，如果不传，则从start截取到最后意思：从start 开始修改数组：删除num 个元素并在当前位置插入元素如果num传入为负数，则代表从末尾开始插入，-1

一、作用域作用域指的是一个变量和函数的作用范围，在ES6中，只有全局作用域和局部作用域，但是没有块级作用域，并且局部变量的优先级高于全局变量。1.变量提升这里涉及一个知识点就是允许var在变量声明前使用，不会像let、const一样报错，如下console.log(a1); //undefinedlet a1="helloworld"看完上面那么我们接着看作用域中的变量提升var scope="global";function scopeTest(){ console

一、定义call 和apply 都是Function对象的原型方法，他们是把特定的函数当做一个方法绑定到指定的对象上进行调用。这两个方法功能用法相同，区别是他们传的参数不同，其中apply()是用数组的方式进行传参，call()则用数值的方式进行传参。1.Function.apply(obj,args)obj:这是一个对象，将代替Function里面的this对象args:这是一个数组，他将作为参数传给Function2.Function.call(obj,value1,value2…)obj:

1.Vue核心是什么？数据驱动（视图的内容随着数据的改变而变动）组建化：可以增加代码的复用性、可维护性、可测试性、提高开发效率、方便重复使用、体现了高内聚低耦合（这个就是为了增加代码的可重用性、移植性）2.请你简述对Vue的理解Vue是一套构建用户界面的渐进式的自底向上增量开发的MVVM框架，核心是关注视图层，vue核心是为了解决数据绑定的问题，为了开发大型单页面应用和组件化，所以vue的信息思想是数据驱动和组件化。MVVM思想是 model：模型，view：视图层，vm:是v.m连接的桥梁。当数据

1.介绍JavaScript的基本数据类型一共是八种：基本类型（原始）：String、Number 、Boolean 、null 、undefined、bigint（谷歌版本中出现，有些地方并不承认）、symbol ；引用类型：Objectobject:是所有对象的父对象，像Array、Date、Function等都是其子对象.2.JavaScript有几种类型的值，内存图是什么样的？上面的数据类型这里还涉及到的一个问题存储，栈是先进后出，而堆是优先队列，按优先级来排序，二叉树就是堆的一个实

JavaScript 中的字符串使用的是 UTF-16 编码。一、引号字符串可以包含在单引号、双引号或反引号（“” ‘’ ``）中，那么接下来就说一下他们的区别：1.单引号和双引号基本相同，但是反引号允许我们通过 ${……}将任何表达式嵌入到字符串中：function sum(a, b) { return a + b;}alert(`1 + 2 = ${sum(1, 2)}.`); // 1 + 2 = 3.并且，反引号允许字符串跨行，单引号和双引号跨行就会报错二、

1.科学计数法的写法直接举例子可能用法更明确一些1000000=1e67.3e9=73,0000,0000. //73亿 **总结一下上面用法就是这种写法就等于 “e”把数字乘以1后面跟着给定数量的 0 的数字** 同上看一些负数用法： 0.000001=1e-6...

一、可选链三种语法形式 1.obj ?.prop. --------如果obj 存在则返回 obj.prop ,否则返回 undefined。 2.obj ?.[prop] -------如果存在则返回obj[prop] ，否则返回undefined。 3.obj.method?.()------如果obj.method 存在则调用obj.method(),否则返回undefined。 正如我们所看到的，这些语法形式用起来都很简单直接，检查左边部分是否为 null/undefined，如果不是则继续

一、拉取代码 **1.找到要拉取代码的地方，看到clone后，选择复制 地址（网址），不要选密钥ssh。 2. 在要放拉取代码的文件夹空白处右击，选择 Git Bash Here,打开 窗口，输入命令：`git clone 复制的网址` 3. 报错。`unable to get local issuer certificate` ；并且我操作的电脑是公司内网才能进，不能访问外网。 在git 输入命令 :`git config http.sslVerify false`

一、原型继承1.原型：[[Prototype]]当我们从object中 读取一个缺失的属性时，JavaScript会自动从原型中获取该属性，我们称之为“原型继承”。 属性 [[Prototype]] 是内部并且隐藏的，有很多设置它的方法，这里先使用__proto__。let animal = { eats: true }; let rabbit = { jumps: true }; rabbit.__proto__ = animal; // (*)...

1.如果绑定多个事件，可以用键值对的形式 事件类型：事件名v-on="{a:clickA,b:clickB}"2.一个事件绑定多个方法 @click="click1(),click2()"

对象引用和复制与原始类型相比，对象的根本区别之一是“通过引用”被存储和复制的，原始类型（字符串、数字、布尔值等），复制后是两个独立的变量，即使再发生改变也不会互相影响let message = "Hello!"; let phrase = message; 但是对象的复制只是对该对象的引用...

1.变量变量声明let const(不变的，不能够被改变) var(旧式的，稍后会看到)变量名的组成字母和数字，但是第一个字符不能是数字 字符$ 和 _ 是允许的，用法同字母 非拉丁字母和象形文字也是允许的，但是通常不会使用八种数据类型number----可以是浮点数，也可以是整数 bigint----可以任意长度的整数 String --- 字符串类型 boolean ---逻辑值 null --- 具有单个值 null 的类型，表示空或者不存在 undef...

一、函数1.函数声明function name(parameters) {...body... }新函数就可以通过名字调用name()比如：function showMessage() { alert( 'Hello everyone!' ); }showMessage(); showMessage();2.局部变量在函数中声明的变量即局部变量，局部变量只在该函数内部可见。3.外部变量函数也可以访问外部变...

下载安装1.????官网安装Visual Studio Code - Code Editing. Redefined2.打开vscode，安装一些插件1）中文 Chinese Language Pack2)代码校验：eslint3)vue代码优化：vetur4)vue 简写代码：vuevscode snippets5)html 代码片段：HTML Snippets6)css智能补全：HTML CSSSnippets7）自带路径补全：Path Intellisen.

switch语句可以替代多个 if 判断语法switch语句至少一个 case 代码块和一个可选的default 代码块比较 x 值与第一个case（也就是value1） 是否严格相等，然后比较第二个case （value2），一次类推。 如果相等，switch 语句就执行相应case 下的代码块，直到遇到最靠近的 break语句（或者直到switch语句末尾） 如果没有复合的case，则执行default 代码块（如果default存在）比如这里的switch 从第一个c..

一、while循环1.语法：while循环语法当condition为真时，执行循环体的代码，例如：循环体的单次执行称为一次迭代，上面例子执行了三次迭代任何表达式或变量都可以是循环条件，而不仅仅是比。在while中的循环条件会被计算，计算结果为布尔值。 比如while（i！=0）可简写为 while（i）单行循环体不需要大括号，如果循环体只有一条语句，则可以省略大括号二、do ... while循环使用 do ... while 语法可以将条件检...

我们将值既不是null也不是underfined的表达式称为“已定义的”空值合并运算符的写法为两个问号 ？？a ?? b 的结果是：如果a是已定义的，则结果为 a , 如果 a 不是已定义的，则结果为 b总结出来就是，如果第一个参数不是 null/underfined ，则 ？？ 返回第一个参数，否则返回第二个参数。1.我们可以用 ？？ 来为未定义的变量提供一个默认值像这里，如果user是未定义的，那么我们将显示 Anonymous如果有赋值，则显示所附的值2...

JavaScript有三个逻辑运算符： || （或），&&（与），！（非）一、|| （或）总结起来就是有真就真，全假才假。只要有一个为真结果就是真，两个都是假结果才假。如果操作符不是布尔值，那么他将被转换为布尔值来参与运算，例如数字作为true处理 ，数字0作为false或值运算寻找第一个真值result = value1 || value2 || value3;执行步骤：a.从左到右依次计算操作数b.处理每一个操作数时，都将其转换为布尔值。如果是t..

1.三目运算计算条件结果：如果结果为真，则返回value1，否则返回value2此时 运算符 ？ 可以称为三元运算符，因为该运算符中有三个操作数eg:let age=22let accessAllowed = (age > 18) ? true :false ; //true2.多个 ‘？’使用一系列问号？运算符可以返回一个取决于多个条件的值。这里的实现大多我们是通过if....else 来实现的，下面是if/else用...

数字 0 ，空字符串“”、null、underfined、NaN、都等价于 false ，因为他们都被称之为“假值”，而其他的值都会被转换为true

1.创建版本库版本库就是本地仓库，repository。这里面的文件都可以被git管理，每个文件的修改，删除，git都能够跟踪，以便任何时刻都能够追踪历史，或者在某个时刻可以将文件还原等命令有：1.mkdir 仓库名字 //进入文件夹后创建2.pwd //查看当前文件夹的目录3.git init //将上面创建的文件目录变为可以管理的仓库...

一、Vue生命周期的八个过程 总的来说每一个Vue实例从创建到销毁的过程，就是这个Vue实例的声明周期。共有八个过程，后面附上一些使用的例子1）beforeCreate:组件实例创建之前 //在加载前显示个loading图2) created:组件实例创建完毕 //组件实例加载出来后，让上面的loading图消失3) beforeMount:组件DOM挂载之前 //加载好之后想马上去拉取后台数据，就可以在这里发送请求4) mounted...

JavaScript一共有八种基本数据类型，包括7 种原始类型和 1 种引用类型

1.文本和属性：1）对象的属性名，除了使用关键字，也可以用多字字词语句条作为属性名，但必须加引号 let employee = { name="Lisa", "like work" : true ， //多字字词语句条作为属性名，必须加引号 }; //如果想改多词属性的值，就需要用下面的方括号2.列表的最后一个的属性值，以逗号结尾（如上所示）...

一.变量的声明可以使用var let，一般情况下我们使用的都是let 1.用let来声明变量时，变量的值可以改变，但是不能重复声明。（当然如果用var来声明变量，重复声明不会报错，但会显示undefined） 2.变量命名（两条限制）变量名必须仅包含字母、数字、符号 $ 和下划线 _ 首字母必须非数字,可以是符号和下划线 一般命名有多个单词的时候，通常采用驼峰式命名，也就是单词一个接一个，从第二个单词开始，每个单词首字母大写。比如 myName 注...

一、数组1.创建对象最经常用的方法 new arr=(a1,a2,a3)2.对象属性1）constructor:返回对创建次对象的数组函数的引用 [1,2,3].constructor //返回函数Array() "Lisa".constructor //返回函数String() {name:'Lisa',age:15}.constructor //返回函数Object() function(){}.constructor ...

1.箭头函数:以（=>)定义函数，这种方式更为简便，箭头函数多用于匿名函数的定义2.注意点：a.如果形参只有一个，则小括号可以省略 b.函数体如果只有一条语句，则花括号可以省略，并省略return，函数的返回值为该条 语句的执行结果 c.箭头函数是静态的，始终指向 函数声明时时所在作用域下this的值 d.箭头函数不能作为构造函数实例化 ...

一.和正则相关的方法使用正则表达式的格式 “/ /”一般常用的跟正则相关的方法有match、test和replace。其中match，replace都是字符串上的方法，test是正则对象上的方法。1.test() ，一般用于表单验证(1)正则对象方法，检测测试字符串是否符合该规则，返回true和false，参数（测试字符串）(2)Boolean = 表达式.test("要验证的内容");2.replace()(1)replace() 方法用于在字符串中用一些字符替换...