weixin_44260238的博客

阻止事件冒泡的方法首先看看事件冒泡是什么？事件冒泡代码结构上嵌套，在直系关系中；同一个事件绑定多个元素（子元素，父元素…都绑定该事件），从子元素到父元素依次触发事件。代码很简单，就是三个父子关系的div,然后分别加了点击事件。阻止冒泡。css样式代码<style>.wrap {width: 400px;height: 400px;background: red;}...

v-bind和v-model的区别一. v-bind使用给元素的属性赋值 <div id="{{变量}}"></div>1.可以给已经存在的属性赋值 input value2.也可以给自定义属性赋值 mydata语法 在元素上 v-bind:属性名=“常量||变量名”简写形式 :属性名=“变量名”<div v-bind:原属性名="变量">&l...

自定义函数自定义函数我们动态定义函数，并将函数赋值给变量。如果将你定义的函数赋值给已经存在的函数变量的话，则新函数会覆盖旧函数。这样做的结果是，旧函数的引用就丢弃掉了，变量中所存储的引用值替换成了新的。这样看起来这个变量指代的函数逻辑就发生了变化，或者说函数进行了“重新定义”或“重写”。说起来有些拗口，实际上并不复杂，来看一个例子：var scareMe = function () { ...

条件初始化条件初始化（也叫条件加载）是一种优化模式。当你知道某种条件在整个程序生命周期中都不会变化的时候，那么对这个条件的探测只做一次就很有意义。浏览器探测（或者特征检测）是一个典型的例子。暂时理解不了,需要看<<你不知道的javascript>>举例说明，当你探测到XMLHttpRequest被作为一个本地对象支持时，就知道浏览器不会在程序执行过程中改变这一情况，...

浏览器滚动条位置查看滚动条距离ie9 以下不兼容：window.pageXOffset / window.pageYOffsetie9以下版本：document.body.scrollLeft / Top；document.documentElement.scrollLeft / Top；这两个属性在ie9以下的每个版本中都只存在一个，所以处理兼容性问题时把它们相加就可以了。封装方...

·函数的特性和书写形式<script>//高内聚 低偶合// function test() {// var a = 123;// var b = 234;// var c = a + b;// document.write(c);// }// test();//多个单词拼接构成的函数名遵循小驼峰原则//函数声明// function theFirstName(...

中间件什么是中间件？官方解释如下：中间件是一种独立的系统软件或服务程序，分布式应用软件借助这种软件在不同的技术之间共享资源。中间件位于客户机/ 服务器的操作系统之上，管理计算机资源和网络通讯。是连接两个独立应用程序或独立系统的软件。相连接的系统，即使它们具有不同的接口，但通过中间件相互之间仍能交换信息。执行中间件的一个关键途径是信息传递。通过中间件，应用程序可以工作于多平台或OS环境。中...

1.正则表达式属性：<script>// RegExp 对象属性// global 正则对象是否具有标志g// ignoreCase 正则对象是否具有标志i// lastIndex 一个整数，标志开始下一次匹配的字符位置// multiline 正则对象是否具有标志m// source 正则表达式的源文本// var str = 'aaaabbbb'// var re...

<script>//isNaN() -->Number()console.log(isNaN("abc"));//true// Number ('abc') NaN <==> NaNconsole.log(isNaN(null));//false//Number (null) --> 0console.log(isNaN(undefined));//...

<script>console.log(typeof(a));//undefinedconsole.log(typeof(undefined));//undefinedconsole.log(typeof(NaN))//numberconsole.log(typeof(null));//objectvar a = '123abc';console.log(typeof(+a...

获取元素的三种方法：1：通过id名获取元素2：通过class类名获取元素3：通过标签名直接获取元素注：id是唯一的 所以用id获取到的元素可以直接用，通过class类名和标签名获取到的元素是一个数组，调用的时候需要先获取到具体的某一个，然后再调用。下面是一个简单的案例：<div>`</div><div></div><div>...

想要继承，就必须要提供一个父类（继承谁，提供继承的属性）// 父类function Person(name) { // 给构造函数添加了参数 this.name = name; this.sum = function () { alert(this.name) } } ...

1.深拷贝（Deep Copy）：深拷贝就是增加一个“指针”，并申请一个新的内存，并且让这个新增的‘指针’指向这个新的内存地址，使用深拷贝，在释放内存的时候不会像浅拷贝一样出现重复释放同一段内存的错误，当我们需要复制原对象而又不能修改元素对象的时候，深拷贝就是一个，也是唯一的选择。下面简单的写一个引用类型数据的深拷贝： // 深拷贝引用类型数据 function deepDa...

闭包简介什么是闭包？当函数被保存到外部时，就会产生闭包（或者说是当函数执行完毕后，函数的执行期上下文尚未被销毁且保存到了函数外部）闭包的缺点：由于闭包不会在函数执行完毕后释放对应的作用域，所以会导致内存泄漏闭包的作用：1.可以当作缓存【就是说在函数内部定义了一个变量，这个变量在函数内部是不能直接访问的，只有通过闭包来访问，于是这个变量就相当于被存储起来了，等到要修改或是访问它的时候就可...

v-if和v-show的区别v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if 有更高的切换开销...

vue 项目的开发流程1.$ node -v (检测node版本，node版本需要在 V4 以上)2.全局安装vue $ npm install -g vue3.安装脚手架 $ npm install -g vue-cli4.运行 vue 命令，看是否已安装完毕 $ vue / $ vue list (查看可安装的模板)5.安装模板 $ vue init webpack(模板) sell...

position()获取相对于它最近的具有相对位置的父级元素的距离，如果找不到这样的元素，则返回相对于浏览器的距离。返回的对象包含两个整形属性：top 和left。如果所有的父元素都是默认的static定位方式，则其处理方式和offset()一样，是当前窗口的偏移量。offset()始终返回相对于浏览器文档的距离，它会忽略外层元素。不管该元素如何定位，也不管其父元素如何定位，都是获取的该...

一、promise背景所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。二、promise对象promise 对象；是一个异步编程的模式，只要是对象就会有它的构造函数；custructor可以找到，...

ES6 引入 rest 参数（形式为…变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。下面用一个实例讲解rest参数和arguments对象的区别：function fn() {// arguments是函数内部的一个全局变量,用来存放函数的实参,是一个类数组// arguments.length...

箭头函数应用场景:用于替换匿名函数基本用法有一个参数名的匿名函数var fn = function(name) {console.log(name)}// 等价于var fn = name => {console.log(name)}// 也等价于var fn = (name) => {console.log(name)}有两个或以上的参数的匿名函数v...