- 博客(30)
- 收藏
- 关注
RSS订阅原创 DOM
DOM什么是DOM？Document Object Model，即文档对象模型，它是让 JavaScript 能够操作 HTML 和 xml 的一系列编程接口<html></html> 标签代表的是文档的根元素而不是 html 文档，document 代表的才是整个文档寻找元素节点：document.getElementById()元素id在ie8以...
2019-05-07 09:09:21
130
原创 作用域链
作用域链由于作用域是相对于变量而言的，而如果存在多级作用域，这个变量又来自于哪里？这个问题就需要好好地探究一下了，我们把这个变量的查找过程称之为变量的作用域链作用域链的意义：查找变量（确定变量来自于哪里，变量是否可以访问）简单来说，作用域链可以用以下几句话来概括：(或者说：确定一个变量来自于哪个作用域)查看当前作用域，如果当前作用域声明了这个变量，就确定结果查找当前作用域的上级作用域...
2019-05-06 16:57:33
224
原创 es6块级作用域
es6块级作用域块级声明意在指定一个块级作用域，使得块级作用域中所定义的变量无法再全局被访问到，块级作用域也被称为词法作用域。块级作用域存在于两个地方：函数内部。指定代码块中。（即"{“和”}"之间的区域）let 声明let声明同var声明用法一致，唯一的区别在于，let声明将变量限制在一个块内，这样就形成了一个块级作用域，因此也就不会存在变量的提升了。let stundent ...
2019-05-06 16:53:45
219
原创 Vue的生命周期
Vue的生命周期Vue的生命周期分为8个阶段：beforeCreate（创建前）： 实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性。created（创建后）： 实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始 编译模板。beforeMount(载入前)： 此时已经完成了模板的编译，但是还没有挂载到页面中。mou...
2019-05-06 16:34:19
114
原创 ES6 Rest参数
ES6 Rest参数Rest参数ES6 引入 rest 参数（形式为…变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。Rest参数接收函数的多余参数，组成一个数组，放在形参的最后，形式如下：function func(a, b, ...theArgs) { // ...}123Res...
2019-05-06 15:39:53
155
转载 什么是promise
什么是promise如果说到JavaScript的异步处理，我想大多数人都会想到利用回调函数：//示例：使用了回调函数的异步处理http.get('/v1/get', function(error, data) { if (error) { //错误时的处理 } //成功时的处理})像上面这样基于回调函数的异步处理如果统一参数使用规则的话，写法...
2019-05-06 15:36:37
105
原创 什么是中间件
中间件什么是中间件？官方：中间件是一种独立的系统软件或服务程序，分布式应用软件借助这种软件在不同的技术之间共享资源。中间件位于客户机/ 服务器的操作系统之上，管理计算机资源和网络通讯。是连接两个独立应用程序或独立系统的软件。相连接的系统，即使它们具有不同的接口，但通过中间件相互之间仍能交换信息。执行中间件的一个关键途径是信息传递。通过中间件，应用程序可以工作于多平台或OS环境。中间件(mi...
2019-05-06 15:21:39
180
原创 koa 和 express 区别
koa 和 express 区别express： 在不断角逐中Express脱颖而出，Express–基于NodeJS平台，快速，开发，极简的web开发框架，这来自Express官方描述。Express包含application request response router 四大模块。Express在NodeJS的基础上完成二次抽象，封装处理细节向上提供丰富的模块方法以用来构建web应用...
2019-05-06 15:14:18
5748
原创 vue 中父子组件传值：props和$emit
vue 中父子组件传值：props和$emit父组件向子组件传值：通过props数组：在vue-cli Login.vue父组件中有AcceptAndRefuse.vue子组件，首先import进子组件hello,然后在components中注册组件，然后在template中使用组件，制定msg信息。//父组件 App.vue<template> <div id="a...
2019-05-06 15:00:53
340
原创 vue插槽
vue插槽如果要给按钮组件 <i-button> 添加一些文字内容，就要用到组件中的插槽： slot，它可以分发组件的内容，比如在按钮组件中定义一个插槽：<template> <button :class="'i-button-size' + size" :disabled="disabled"> <slot></slot>...
2019-05-06 14:52:33
120
原创 JS中几种继承的方式及缺点
JS中几种继承的方式及缺点原型链继承每个构造函数都有一个原型对象（通过prototype属性）原型对象都包含一个指向构造函数的指针（通过constructor属性）实例都包含一个指向原型对象的内部指针（通过隐式proto属性)那么，若原型对象等于另一个原型的实例，则此时原型对象将包含一个指向另一个原型对象的指针。相应的另一个原型中也包含一个指向另一个构造函数的指针。如此层层递进，就构成了...
2019-05-06 14:52:06
166
原创 v-bind与v-model的区别
v-bind与v-model的区别v-bind ：数据单向绑定，动态地绑定一个或多个特性，或一个组件 prop 到表达式。没有双向绑定效果，但不一定在表单元素上使用，任何有效元素上都可以使用。v-model ：数据双向绑定，在表单控件或者组件上创建双向绑定，基本上只用在表单元素上，同时作用在一个元素上时，v-model的优先级更高...
2019-04-26 20:27:02
285
原创 模块化与组件化的区别
模块化与组件化的区别模块化中的模块一般指的是 Javascript 模块组件则包含了 template、style 和 script，而它的 Script 可以由各种模块组成。也可以理解为“框架”，意思是把功能进行划分，将同一类型的代码整合在一起，所以模块的功能相对复杂，但都同属于一个业务，模块之间有依赖的关系，可通过路由器进行模块之间的耦合问题。组件化就是做一个项目，把导航栏拆成一个组件，...
2019-04-26 20:16:51
2975
原创 AMD 每个模板代表的意思是什么？
AMD 每个模板代表的意思是什么？在主模块中 require()参一 [] 表示：【注入】其它子模块，主模块需要【依赖】其它子模块。这就是所谓的 依赖注入参二 回调函数。作用：处理主模块中所有的业务逻辑。其代码；和 es5 es6 中规则是一样的。也就是我们平时写的业务逻辑回调函数中形参的作用： 接收；注入模块的返回值。为什么呢?因为 在实现主模块业务逻辑中；需要使用到 注入模块...
2019-04-26 20:10:32
220
原创 一个页面从输入 URL 到页面加载显示完成的过程
一个页面从输入 URL 到页面加载显示完成的过程分为 4 个步骤：当发送一个 URL 请求时，不管这个 URL 是 Web 页面的 URL 还是 Web 页面上每个资源的 URL，浏览器都会开启一个线程来处理这个请求，同时在远程 DNS 服务器上启动一个 DNS查询。这能使浏览器获得请求对应的 IP 地址。浏览器与远程 Web 服务器通过 TCP 三次握手协商来建立一个 TCP/IP ...
2019-04-26 19:37:38
214
原创 MongoDB简单使用
MongoDB简单使用一个数据库对应多个集合一个集合对应多个文档对象在mongo中不论是db还是集合，你都无需去创建他直接就当他已经存在，直接Use来使用use db名称;接着会被切换到该db中db.要创建的集合名称.save({});这样集合就被创建了1:启动服务器mongod --dbpath "D:/mongodb/db" // 目录一定要存在自己创建...
2019-04-26 19:25:20
151
原创 session cookie session stor http 之间关系
session cookie session stor http 之间关系首先，http 在传输的过程中，传输很多内容。其中cookie与session 就会被传输1：session 在服务端先保存铭文数据，进过存储后数据变为编译数据。服务器响应时候.会将‘编译数据’传输到客户端。客户端会用cookie 保存这个数据。 key 是 session 名字 value是 ‘编译数据’2：当客户...
2019-04-26 19:21:50
267
原创 vue组件的分类
vue组件的分类一般来说，Vue.js 组件主要分成三类：由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。整个文件相对较大，但一般不会有 props 选项和 自定义事件，因为它作为路由的渲染，不会被复用，因此也不会对外提供接口。在项目开发中，我们写的大部分代码都是这类的组件（页...
2019-04-26 16:11:55
2806
原创 vue组件生命周期
vue组件生命周期需要频繁的创建和销毁组件比如页面中部分内容显示与隐藏，但是用的是v-if组件缓存内置组件中被其包裹的组件，在v-if=false的时候，不会销毁，而是停用v-if=“true” 不会创建,而是激活避免频繁创建组件对象的性能损耗成对比较created 和 beforeCreateA 可以操作数据 B 数据没有初始化mounted 和 be...
2019-04-26 16:09:39
454
原创 v-if和v-show的区别
v-if和v-show的区别v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if是动态的向DOM树内添加或者删除DOM元素。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-if有更高的切换消耗，适合运营条件不大可能改变。相比之下，v-show 就简单得多——不管初始条件...
2019-04-26 15:58:38
106
原创 Jquery 返回上一级并刷新页面
Jquery 返回上一级并刷新页面$.ajax({ url:'', type:'POST', data:{}, dataType:'json', success:function(data,textStatus,xhr){ alert('更新成功'); }, err:function(data,textStatus,xhr)...
2019-04-26 14:45:53
2466
原创 浏览器滚动条位置
浏览器滚动条位置查看滚动条距离ie9 以下不兼容：window.pageXOffset / window.pageYOffsetie9以下版本：document.body.scrollLeft / Top；document.documentElement.scrollLeft / Top；这两个属性在ie9以下的每个版本中都只存在一个，所以处理兼容性问题时把它们相加就可以了。...
2019-03-27 23:07:16
1711
原创 对象的特性、setter 和 getter
对象的特性、setter 和 getter除了包含名字和值外，属性还包含一些标识它们可写、可枚举和可配置的特性。在 ES3 中无法设置这些特性，所有通过 ES3 的程序创建的属性都是可写的、可枚举的和可配置的，且无法对这些特性做修改。本节将讲述 ES5 中查询和设置这些属性特性的 API。这些 API 对于库的开发者来说非常重要，因为：1.可以通过这些 API 给原型对象添加方法，并将它们设...
2019-03-27 22:42:28
196
原创 继承几种总结
继承的几种方式原型链继承方式一：缺点：如果添加的方法多的话会导致过多的代码冗余。 person.prototype.say=function(){ console.log('继承一') }方式二：一般情况下，应该先改变原型对象，再创建对象。对于新的原型，会添加一个constructor属性，从而不破坏原有的原型对象的结构。 ...
2019-03-27 20:11:26
142
原创 cookie
cookiecookie的缺点：当用户非常注重个人隐私保护时，cookie很有可能被禁用 。cookie和浏览器是相关的，即使访问的是同一个页面，不同的浏览器之间保存的cookie也是可以相互访问的。每个cookie都是硬盘上的一个文件，很有可能会被用户删除。cookie是以纯文本的形式保存的，安全性不够高。语法：cookie以名/值的形式储存：userName=name。创建...
2019-03-21 16:10:14
205
原创 call()、apply()、bind()的区别及用法
call()、apply()、bind()的区别及用法相同点：都是用来改变this的指向不同点：call()的第一个参数是this要指向的对象，后面传入的是参数列表，参数可以是任意类型，当第一个参数为null、undefined的时候，默认指向window；apply()：第一个参数是this要指向的对象，第二个参数是数组；call的第二部分参数要一个一个传，apply要把这些参数放到数组...
2019-03-21 16:09:44
116
原创 cookie localStorage sessionStorage之间的区别
cookie localStorage sessionStorage之间的区别cookiecookie比较小，最多只能存放4k的数据，主要用来存储一些比较小的数据，比如用来存储用户信息，辨别用户身份，判断用户是否登录。会被携带在同源的http请求中传递，cookie保存数据过多会造成性能问题。cookie的默认失效时间是关闭浏览器后失效，也可以自己设置失效时间。localSt...
2019-03-13 21:24:35
245
原创 jQuery中的双击事件
jQuery中的双击事件当双击元素时，会发生 dblclick 事件。当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click，在很短的时间内发生两次 click，即是一次 double click 事件。但是如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时，不会触发双击事件(dblclick)， 执行双击事件(db...
2019-03-08 17:59:48
9029
原创 jQuery方法中detach()和remove()的区别
jQuery方法中detach()和remove()的区别detach()方法是jQuery1.4版本中添加的，作用是删除掉所有匹配的元素，作用和remove()很像，但是它们还是有些不同之处。remove()的作用是移除元素及其子元素，所有的绑定事件，附加元素也会被删除。detach()的作用和remove()很像，不同的是它会保留绑定事件和附加元素。<body id='body'...
2019-03-08 17:25:34
896
原创 jQuery中position()和offset()的区别
jQuery中position()和offset()的区别position()获取相对于它最近的具有相对位置的父级元素的距离，如果找不到这样的元素，则返回相对于浏览器的距离。. 返回的对象包含两个整形属性：top 和 left。如果所有的父元素都是默认的static定位方式，则其处理方式和offset()一样，是当前窗口的偏移量。offset()始终返回相对于浏览器文档的距离，它会忽略外层元素...
2019-03-08 16:59:56
236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人