2018年10月_wenmin1987

原创 vuex--基础总结

共享状态，构建一个中大型单页应用，您很可能会考虑如何更好地在组件外部管理状态，Vuex 将会成为自然而然的选择核心：store 核心概念： state ：唯一数据源 Getter ：从 store 中的 state 中派生出一些状态，有多个组件需要用到此属性，像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算， Mutatio...

2018-10-31 17:20:43 387

原创 Mockjs--前后端分离，模拟接口

什么是Mockjs Mock.js官方网址：首页：http://mockjs.com/ 在Mockjs的官网中，就直接能看到这样的一句话：生成随机数据，拦截Ajax请求。这句话集中体现了Mock.js能够干什么！ Mockjs的使用场景如今，前端所承载的东西越来越多，前后端分离开发已经渐渐成为趋势。前端开发，离不开数据展示，这个时候，需要一些相对真实的，能够模拟数据的需求就越发的...

2018-10-29 22:31:21 464

转载 javascript专精--最佳实践

Web前端领域，什么样的实践，才是好的处理方式？在《JavaScript高级程序设计》一书中，从三个不同的方面来描述最佳实践： 1、可维护性什么是可维护性的代码？那么它可能需要做到：可理解性——其他人可接手代码并理解其意图直观性——代码中的东西一看就能明白，不管其操作过程多么复杂可适应性——代码一种数据上的变化不要求重写的方法可扩展性——代码在架构上考虑未来对核心功能的扩展可调式性...

2018-10-29 21:50:42 107

转载 javascript专精--定时器与计时器

1、JavaScript的内在执行逻辑学习JavaScript中，会出现一些我们难以理解的代码。之所以很难理解，我觉得很大程度上，我们对JavaScript的执行环境以及内在机制不够了解造成的。var i = 5; setTimeout(function () { i++; console.log(i); },0); console.log(i); //执行结果是5，6！！ ...

2018-10-29 21:31:45 552

转载 javascript专精--FileReader 文件读取

原文：https://blog.csdn.net/mapbar_front/article/details/78632928 FileReader是前端进行文件处理的一个重要的Api，特别是在对图片的处理上，如果你想知道图片的处理原理，你就永远不可能绕过它。文件处理是一系列的流程，每一步我们都需要知道，自己能做什么，自己做了什么。第一步，获取文件前端中，获取文件必须使用input标...

2018-10-29 21:24:28 6452

原文：https://blog.csdn.net/mapbar_front/article/details/78484963 1、类型检测JavaScript中提供两种类型检测语法——typeof、instanceof。但是这两种都有一定的缺陷。 typeof仅仅适用于基本类型的检测判断，但无法对Array类型和Object类型进行区分； instanceof只能对数据进行基本的true或者...

2018-10-28 21:45:16 115

转载 javascript面向对象编程--惰性载入函数（浏览器兼容性处理）

因为各大浏览器所使用的JS引擎不同，所以在实现某一个功能时都或多或少的存在差异，导致在写代码时要针对每一个功能给出兼容浏览器的不同实现方式，这样在运行代码时就会造成性能的损耗。所以就出现了惰性载入函数的概念。原理就是：当前浏览器第一次支持以该方法实现某功能，那么在这个页面运行期间会一直都支持该方法。一般在写兼容性较好的代码时，我们会使用多个if分支语句来判断当前浏览器支持哪种方法，这时如果每...

2018-10-28 20:41:43 155

原创 javascript面向对象编程--继承--多重继承+掺元类（多亲继承）

继承一般包括单向继承和多重继承多重继承：一个子类继承多个超类 function A(x){this.x=x;} A.prototype.getx=function(){return this.x;} function B(y){this.y=y;} B.prototype.gety=function(){return this.y;} function C(x,y){} ...

2018-10-28 16:48:44 384

原创 javascript面向对象编程--设计超类和子类，设计元类

在javascript中，Object对象是通用类，其他所有内置对象和自定义构造对象都是专用类，即Object对象是超类，其他内置对象和自定义对象都是Object的子类，所有在javascript语言中，所有的对象都继承Object定义的属性和方法 Object.prototype.name='Owen';//超类的原型属性 var d=Date.prototype; alert(d.nam...

2018-10-28 16:34:31 338

原创 javascript面向对象编程--安全构造对象

构造函数其实就是一种使用new运算符的函数 function Person(name,age,job){ this.name=name; this.age=age; this.job=job; } var person=new Person("Owen",34,"codeworker"); 如果没有new，由于该this对象是在运行时绑定，直接使用Per...

2018-10-27 21:48:31 127

原创 javascript面向对象编程--惰性实例化（实现按需实例化）

javascript是以对象为基础，以函数为模型，以原型为继承机制的开发模式惰性实例化：避免在页面中使用javascript初始化执行时就实例化类，而是将一些类的实例化推迟到需要时候才去实例化，避免资源过早的消耗 var myNamespace=function(){ var Configure=function(){ var privateName="someon...

2018-10-27 16:32:48 377

原创 javascript面向对象编程--构造函数实现动态构造

在面向对象过程中，构造和析构是类的两个重要特性，构造函数在对象创建时候调用，析构函数在对象销毁时被调用构造函数： function F(x,y){ this.x=x;this.y=y} var f=new F(1,2); alert(f.constructor==F); //true,说明F是f的构造函数注意：构造函数一般是没有return值的，但有些框架会利用return...

2018-10-27 16:01:38 597

wenmin1987的博客