annuo0615-CSDN博客

转载 npm简单运用

npm是nodejs附带的包管理工具，他的主要作用有三种 1.从服务器下载别人的包使用； 2.从服务器下载别人的命令行工具使用； 3.自己发布包或者命令行工具到服务器。可以使用npm -v的方法来查看npm的版本号npm -v //5.6.0如果查询失败，可能你安装有问题。一：安装安装分为全局安装和本地安装...

2018-09-15 10:41:00 103

转载 Vue学习第三天，组件类型检查

参考：Prop — Vue.js 父组件=>对子组件传值是通过prop的方法来进行传递，在使用prop的时候，我们有时候需要对这个值进行检查，可能期待得到一个字符串或者需要对这个长度进行约束等。这个时候我们就需要一种方法，来进行自定义的检查。首先先看一个简单的 Vue.component('ul-lik', { ...

2018-09-13 10:45:00 302

转载 Vue学习第二天，组件注册

Vue组件注册分为全局注册和局部注册，全局注册。Vue.component('my-li',{ template: '<div>父组件</div>' });这里推荐使用驼峰形式的写法，上面是一个简单的全局组件，在使用new Vue挂载后就可以在全局范围内使用。这里主要说如何嵌套使用，下面是一个例子...

2018-09-11 14:33:00 123

转载 Vue学习第一天，响应式

Vue是一个轻量级的脚本，中文文档十分完善，他关心的是视图层，同时他也是响应式的框架，数据发生变化，内容也会随之改变。HTML： <div id="box"> <input type="text" v-model="text"> <p>{{text}}</p> </div&g...

2018-09-10 14:43:00 91

转载构造函数的继承方式

主要分为两部分，第一部分是ES5环境下的继承，另外一部分是ES6部分的继承，首先先看ES5，如何通过构造函数的形式实现继承。1:原型链继承function Foo(name) { this.name = name;}Foo.prototype.age = function() { console.log('父类：' + this.name);}...

2018-09-04 19:49:00 212

转载三种方法判断是否为new调用构造函数

1:在构造函数内部使用严格模式,这样this的指向为undefined,为uneducated添加属性和方法会直接报错! function Foo() {'use strict'this.name = 'zhangsan';this.age = 18;}...

2018-09-04 18:46:00 694

转载一个连续赋值的题目

2018-09-04 18:42:00 136

转载隐藏的全局对象

为了方便说明，这里全局环境是浏览器环境。创建一个全局变量的方法最简单方法是在全局作用域下通过 var命令，但是也可以通过global（全局）来创建，因为是浏览器，这里全局为window。var a = 10;b = 20;window.a;//10window.b;//20这里js引擎会帮我们创创建一个全局变量b，可以通过严格模式限制。不过除了上...

2018-09-04 18:33:00 99

转载构造函数使用

构造函数具有两个特点，第一首字母大写，第二内部使用this关键字，调用时必须通过new命令调用生成实例。 new的作用调用构造函数生成一个实例对象，有点类似于工厂模式，每个实例拥有构造函数的方法与属性。使用new时可以不加"()"，new Foo; 不过阅读方便这里推荐加上，构造函数可以接受参数，与普通函数一样。funct...

2018-09-04 18:25:00 144

转载变量提升

首先先看一段代码a;var a = 10;不知道大家猜的结果是什么，是报错？还是是10，亦或者是undefined，正确答案是undefined，之所以出现这种情况是因为变量提升到了当前作用域的顶部。可以这样理解上面的代码 var a;console.log(a);a = 10;可以清楚看到结果。但是如果是一个函数呢？...

2018-09-04 18:08:00 64

转载使用try创建块级作用域

这个只作为了解，不推荐使用，最大的有点就是在ECMAScript3就存在了。 ES6已经新增了let命令，实际上为我们添加了块级作用域，在ES5之前是没有的，不过可以使用这种方法来实现。比如下面这个例子，ES6是这样写的{ let a = 20; console.log(a);}console.log(a);这里最后一行代码会报错...

2018-09-04 18:03:00 299

转载 ==运算符你真的了解么？

开头先给大家一个题目思考，答案在结尾揭晓。if (a ==2 && a == 3) { //...true}[null] == "";首先为什么使用”==“运算符，假设我们需要在想要新建一个Object.is的函数，我们首先会怎么做，是不是判断一下这个方法是不是存在。如果用严格相等运算符“===”，我们要怎么写？if (t...

2018-09-04 18:00:00 371

转载你说不知道的对象赋值

首先先看一段代码var a = {};a.foo = 456;这句代码大家都很属性，就是为a对象添加一个foo属性。不过实际上执行的步骤没有这么简单，首先会查找对象a原型是否有foo这个属性，在向自身查找，如果没有会继续在原型链上查找，如果查找到顶层还没找到就会返回undefined，因为原型链上没有foo属性，这里会为a对象本身添加foo这个属性。...

2018-09-04 17:42:00 59

转载 this的指向

这篇文章酝酿了许久，this的指向一直是让初学者痛苦的事情，但也是有迹可循的在学习中绝对不能秉承猜测的想法来进行，这里参考了阮一峰的博客与《你所不知道的JavaScript》一书，以及自己的理解。这篇文章分为三大部分，第一部分是ES5，第二部分是ES6，因为ES6新增了箭头函数，它有些特殊，第三这里暂时指其他。如果不特殊说明，全局环境默认为浏览器（window）。...

2018-09-04 17:29:00 112

转载闭包与立即执行函数

首先先说立即执行函数，从名字就可以看出来立即执行函数的特点，在JavaScript中用function表示函数声明，如果在函数声明后面加上括号调用是不允许的function f() {}(); //SyntaxError: Unexpected token ) 这里会报错，为了避免错误，我们在函数声明前面添加标识符让引擎认为这是一个表达式，所以下面写法都是正确的...

2018-09-04 17:04:00 106

转载一个简单的CSS网格布局（CSS Grid Layout）

开始说网格布局之前，先说一下什么是网格布局和下面用到的两个新属性，fr和repeat函数的定义。如上图，网格布局就是指通过水平和垂直创建的一种模式，可以在这个模式上排列元素，网格通常具有行（row）和列（column）以及间隙（列跟列之间的距离，gutter）。 fr布局单位fr单位被用于在一系列长度值中分配剩余...

2018-09-04 10:16:00 177

转载行为委托

什么是行为委托？简单来说就是一种设计模式，不同于传统的构造函数的“类”式设计。在这之前先说一下原型的基本知识。什么是原型？简单来说就是一个对象内部关联另外一个对象，本质来说就是对象与对象之间的关联；一个对象本身没有属性或者方法会到原型对象上查找。这里每个例子会通过构造函数，class和行为委托来不同实现，不过不会评论class，是否使用class取决于你的观点。先看一个例子，...

2018-09-02 20:45:00 91

annuo0615的博客