2018年09月_jiaojsun

原创面向对象（创建对象）--构造函数模式02

上一篇工厂模式中有一个例子现在创建自定义的构造函数，从而定义自定义对象类型的属性和方法。例如，可以使用构造函数模式将上面的例子重写如下 function Person(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayName = function (...

2018-09-29 17:15:04 231

原创面向对象（创建对象）--工厂模式01

考虑到在 ECMAScript 中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创建对象的细节，如下面的例子所示function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName =...

2018-09-29 11:31:43 188

原创面向对象（理解对象）--定义属性02

1.定义多个属性Object.defineProperties()方法。利用这个方法可以通过描述符一次定义多个属性。这个方法接收两个对象参数：第一个对象是要添加和修改其属性的对象，第二个对象的属性与第一个对象中要添加或修改的属性一一对应。例如：var book = {};Object.defineProperties(book, { _year: { value...

2018-09-29 11:24:09 217

原创面向对象（理解对象）--属性类型01

1.了解对象对象：无序属性的集合，其属性可以包含基本值、对象或者函数。通俗讲就是可以把对象想象成散列表：无非就是一组名值对，其中值可以是数据或函数早期创建对象的写法现在使用对象字面量的方法 2.属性类型 ECMAScript 中有两种属性：数据属性和访问器属性1）数据属性数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有 4 个描述其行...

2018-09-29 10:57:00 875

原创异步编程--Async-awit

首先看一个例子<script type="text/javascript"> async function fn(){ let v = await new Promise((resolve,reject)=>{ setTimeout(()=>{ let a = 10; resolve(10); },2000); }); co...

2018-09-27 17:51:06 277

原创异步编程--Promise其他方法

1.Promise-allPromise.all方法多任务处理 Promise.all(iterable) iterable：包含多个 Promise 的迭代器对象，比如数组当迭代器对象中的所有 Promise 状态都会 fulfilled/resolved 的时候，整体才是 fulfilled/resolved，否则就是 reject...

2018-09-27 17:32:16 183

原创异步编程--Promise任务链

讲解Promise任务链之前先看一个例子 new Promise( (resolve, reject) => { reject(); } ).then( () => { console.log('resolve', 1); }, () => { console.log('reject', 2); } )....

2018-09-27 11:20:19 214

原创异步编程--Promise基本使用

首先看一个例子：<script> var a = 1; setTimeout(() => { a = 10;}, 2000);console.log(a);</script>上面是一个异步任务，setTimeout两秒后才会执行，所以控制台会打印1。要想打印10，就可以把console.log(a)放在里面即：<script&g...

2018-09-27 10:31:47 213

原创异步编程--回调地狱

1.什么叫回调地狱实际应用场景 <script type="text/javascript"> /** * 异步任务处理：回调 * * callback hell：回调地狱 */ /** * 任务链 * 我们的任务可能是一个接着一个的，而且是有依赖关系的 */ var xhr = new XM...

2018-09-27 09:56:49 656

原创异步编程--介绍同步和异步

1.异步编程js是单线程的，所谓线程类似于游戏中的任务线。一个主要的任务流程，处理我们的js程序，把一些耗时的事情通过新开线程的方式来实现，这就叫做异步编程。常用的异步方式有 - setTimeout - setInterval - ajax2.同步和异步解释首先搭建一个简易的服务器 app.js代码如下，3s后返回请求。const express...

2018-09-26 18:51:33 697

原创 vue整理--单项数据流

1.vue是单向数据流2.示例因为在父组件内部不能修改父组件传递过来的数据，看下面的例子，因为直接修改了从父组件传过来的count，所以控制台会报错。那么在实际工作中如果需要修改从父组件传递过来的值怎么办，这里有两个办法1）作为data中局部数据的初始值使用2）计算属性...

2018-09-02 16:16:22 789

原创 vue整理--注册组建

关于全局组件和局部组件的区别，详细可以看这篇博文https://www.jb51.net/article/125320.htm

2018-09-02 14:51:58 182

原创 vue整理--利用hash过滤数据

今天举一个利用hash过滤数据的栗子1.前期准备上图界面中对应的代码如下 <ul class="task-count" v-show="list.length"> <li>{{noCheckeLength}}个任务未完成</li> <li class="action"&

2018-09-02 13:33:18 2000 2

原创 vue整理--watch深度监控数据

1.watch深度监控示例有这样的list数据var list = [ { title:"吃饭打豆豆", isChecked:true // 状态为false，为不选中任务未完成 }, { title:"妙味课堂", isChecked:true //状态为true，为选中任务完成 }];要监控一个list数据，想让list数组增减被响应，也...

2018-09-02 12:48:20 2856

jiaojsun的博客