- 博客(25)
- 收藏
- 关注
RSS订阅原创 JS中的自定义函数简述
自定义函数自定义函数我们动态定义函数，并将函数赋值给变量。如果将你定义的函数赋值给已经存在的函数变量的话，则新函数会覆盖旧函数。这样做的结果是，旧函数的引用就丢弃掉了，变量中所存储的引用值替换成了新的。这样看起来这个变量指代的函数逻辑就发生了变化，或者说函数进行了“重新定义”或“重写”。说起来有些拗口，实际上并不复杂，来看一个例子：var scareMe = function () { ...
2019-05-09 08:57:13
987
原创 函数性能提升:条件初始化
条件初始化条件初始化（也叫条件加载）是一种优化模式。当你知道某种条件在整个程序生命周期中都不会变化的时候，那么对这个条件的探测只做一次就很有意义。浏览器探测（或者特征检测）是一个典型的例子。暂时理解不了,需要看<<你不知道的javascript>>举例说明，当你探测到XMLHttpRequest被作为一个本地对象支持时，就知道浏览器不会在程序执行过程中改变这一情况，...
2019-05-09 08:57:02
126
原创 Javascript浏览器滚动条位置问题
浏览器滚动条位置查看滚动条距离ie9 以下不兼容：window.pageXOffset / window.pageYOffsetie9以下版本：document.body.scrollLeft / Top；document.documentElement.scrollLeft / Top；这两个属性在ie9以下的每个版本中都只存在一个，所以处理兼容性问题时把它们相加就可以了。封装方...
2019-05-08 22:36:33
335
原创 Javascript函数特性
·函数的特性和书写形式<script>//高内聚 低偶合// function test() {// var a = 123;// var b = 234;// var c = a + b;// document.write(c);// }// test();//多个单词拼接构成的函数名遵循小驼峰原则//函数声明// function theFirstName(...
2019-05-08 22:30:22
240
原创 什么是中间件
中间件什么是中间件？官方解释如下：中间件是一种独立的系统软件或服务程序，分布式应用软件借助这种软件在不同的技术之间共享资源。中间件位于客户机/ 服务器的操作系统之上，管理计算机资源和网络通讯。是连接两个独立应用程序或独立系统的软件。相连接的系统，即使它们具有不同的接口，但通过中间件相互之间仍能交换信息。执行中间件的一个关键途径是信息传递。通过中间件，应用程序可以工作于多平台或OS环境。中...
2019-05-08 22:11:32
272
原创 正则表达式
1.正则表达式属性：<script>// RegExp 对象属性// global 正则对象是否具有标志g// ignoreCase 正则对象是否具有标志i// lastIndex 一个整数，标志开始下一次匹配的字符位置// multiline 正则对象是否具有标志m// source 正则表达式的源文本// var str = 'aaaabbbb'// var re...
2019-05-08 22:07:19
99
原创 js中的隐式类型转换
<script>//isNaN() -->Number()console.log(isNaN("abc"));//true// Number ('abc') NaN <==> NaNconsole.log(isNaN(null));//false//Number (null) --> 0console.log(isNaN(undefined));//...
2019-05-08 22:02:45
70
原创 js中的类型之间的联系
<script>console.log(typeof(a));//undefinedconsole.log(typeof(undefined));//undefinedconsole.log(typeof(NaN))//numberconsole.log(typeof(null));//objectvar a = '123abc';console.log(typeof(+a...
2019-05-08 21:59:52
1092
原创 在dom中获取html中标签
获取元素的三种方法：1：通过id名获取元素2：通过class类名获取元素3：通过标签名直接获取元素注：id是唯一的 所以用id获取到的元素可以直接用，通过class类名和标签名获取到的元素是一个数组，调用的时候需要先获取到具体的某一个，然后再调用。下面是一个简单的案例：<div>`</div><div></div><div>...
2019-05-08 21:56:23
777
原创 简述Javascript继承的六种方法
想要继承，就必须要提供一个父类（继承谁，提供继承的属性）// 父类function Person(name) { // 给构造函数添加了参数 this.name = name; this.sum = function () { alert(this.name) } } ...
2019-05-08 21:53:10
96
原创 深拷贝与浅拷贝讲解、简单区别
1.深拷贝（Deep Copy）：深拷贝就是增加一个“指针”，并申请一个新的内存，并且让这个新增的‘指针’指向这个新的内存地址，使用深拷贝，在释放内存的时候不会像浅拷贝一样出现重复释放同一段内存的错误，当我们需要复制原对象而又不能修改元素对象的时候，深拷贝就是一个，也是唯一的选择。下面简单的写一个引用类型数据的深拷贝： // 深拷贝引用类型数据 function deepDa...
2019-05-08 21:44:36
124
原创 Javascript闭包
闭包简介什么是闭包？当函数被保存到外部时，就会产生闭包（或者说是当函数执行完毕后，函数的执行期上下文尚未被销毁且保存到了函数外部）闭包的缺点：由于闭包不会在函数执行完毕后释放对应的作用域，所以会导致内存泄漏闭包的作用：1.可以当作缓存【就是说在函数内部定义了一个变量，这个变量在函数内部是不能直接访问的，只有通过闭包来访问，于是这个变量就相当于被存储起来了，等到要修改或是访问它的时候就可...
2019-05-08 21:39:15
97
原创 v-bind和v-model的区别
v-bind和v-model的区别一. v-bind使用给元素的属性赋值 <div id="{{变量}}"></div>1.可以给已经存在的属性赋值 input value2.也可以给自定义属性赋值 mydata语法 在元素上 v-bind:属性名=“常量||变量名”简写形式 :属性名=“变量名”<div v-bind:原属性名="变量">&l...
2019-04-26 20:49:28
459
原创 v-if和v-show的区别
v-if和v-show的区别v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if 有更高的切换开销...
2019-04-26 20:26:28
224
原创 Vue项目开发步骤
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...
2019-04-26 20:15:35
414
原创 JS阻止事件冒泡的方法
阻止事件冒泡的方法首先看看事件冒泡是什么？事件冒泡代码结构上嵌套，在直系关系中；同一个事件绑定多个元素（子元素，父元素…都绑定该事件），从子元素到父元素依次触发事件。代码很简单，就是三个父子关系的div,然后分别加了点击事件。阻止冒泡。css样式代码<style>.wrap {width: 400px;height: 400px;background: red;}...
2019-04-26 20:08:59
1864
原创 jQuery中position()和offset()的区别
position()获取相对于它最近的具有相对位置的父级元素的距离，如果找不到这样的元素，则返回相对于浏览器的距离。返回的对象包含两个整形属性：top 和left。如果所有的父元素都是默认的static定位方式，则其处理方式和offset()一样，是当前窗口的偏移量。offset()始终返回相对于浏览器文档的距离，它会忽略外层元素。不管该元素如何定位，也不管其父元素如何定位，都是获取的该...
2019-04-26 16:16:59
141
原创 Promise学习
一、promise背景所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。二、promise对象promise 对象；是一个异步编程的模式，只要是对象就会有它的构造函数；custructor可以找到，...
2019-03-21 21:22:01
95
原创 rest参数
ES6 引入 rest 参数（形式为…变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。下面用一个实例讲解rest参数和arguments对象的区别：function fn() {// arguments是函数内部的一个全局变量,用来存放函数的实参,是一个类数组// arguments.length...
2019-03-19 22:23:04
996
原创 ES6中箭头函数的注意点和基本用法
箭头函数应用场景:用于替换匿名函数基本用法有一个参数名的匿名函数var fn = function(name) {console.log(name)}// 等价于var fn = name => {console.log(name)}// 也等价于var fn = (name) => {console.log(name)}有两个或以上的参数的匿名函数v...
2019-03-19 22:10:43
398
原创 javascript闭包的立即执行函数
立即执行函数定义:此类函数没有声明,在一次执行过后释放.适合做初始化工作,执行完就被释放 但是它也有执行器上下文 生成作用域链立即执行函数还是一个针对初始化功能的函数官方给出的两种写法：1.(function (){}()); W3C 建议第一种2.(function (){})();示例代码如下：&amp;amp;lt;script&amp;amp;gt; var num = (function...
2019-03-15 17:40:45
68
原创 javascript自己对原型的浅入理解
原型的定义：原型式function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。原型的几个小知识：1…利用原型特点和概念，可以提取共有属性。2.对象如何查看原型 ———&gt;隐式属性 proto3.对象如何查看对象的构造函数 ——&gt;constructor4.在原型里面 Person.prototype ...
2019-03-15 16:43:13
73
原创 javascript中的this指向的四种调用模式
**一、方法调用模式：当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一个方法被调用时，this被绑定到这个对象上。如果调用表达式包含一个提取属性的动作（. 或 []），那么它被称为方法调用。**var obj = {sum: function () {console.log('项威你猪啊')console.log(this)//this指向的是window }}...
2019-03-15 16:42:00
128
原创 cookie localStorage sessionStorage之间的大致区别
cookie localStorage sessionStorage之间的大致区别这里面先提一下这三者之间的共同点都是数据保存仔浏览器端，且是同源的。它们分别是什么意思：cookie: 储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。...
2019-03-15 16:39:09
109
原创 函数中apply（）与call（）方法 的区别
在js中每个函数都包含两个非继承而来的方法：call()和apply()方法；call和apply的作用都是在特定的作用域中将函数绑定到另外一个对象上去运行，即可以用来重新定义函数的执行环境，两者仅在定义参数方式上有所区别它们接收参数方面不同：call和apply的第一个参数都是需要调用的函数对象，在函数体内这个参数就是this的值，剩余的参数是需要传递给函数的值，call与apply的不同就是...
2019-03-15 16:37:45
228
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人