2017年5月7日
Javascript 模拟 new
摘要： 一、开始 同样我们先来看看new操作符为我们做了什么事情： 输出是： 可以看到原型链的对象被继承下来了，定义在方法外的属性没有被继承下了，返回了一个新对象，可以传递参数 二、实现模拟 我们要做的是，返回一个新对象，吧原型链指向构造函数，传递参数 其实很多东西只要是知道了干什么的，再去实现起来就很有思 阅读全文
posted @ 2017-05-07 11:10 lastnigtic 阅读(161) 评论(0) 推荐(0)
Javascript call和apply的模拟实现
摘要： 一、开始 我们先看下原生call做了什么事 输出是： 这说明call只是修改了this的指向，没有返回对象。 二、模拟实现 所以我们只要尝试着去修改this的指向并执行就行了，不需要有返回值： 如果不像用es6，我看别人的方法则是用了eval,但我不懂eval…… 三、apply apply只是把c 阅读全文
posted @ 2017-05-07 10:13 lastnigtic 阅读(184) 评论(0) 推荐(0)
Javascript——bind的模拟实现
摘要： 一、开始 假设我们有一个函数，一个对象 我们试一试用原生的bind可以输出什么 可以看到指定原型链，指定了this，bind的同时可以传参数 ①指定this，bind的同时穿参数: 我们知道bind返回一个函数并绑定了this，这个模拟起来比较简单 ②指定原型链的指向，即prototype的指向： 阅读全文
posted @ 2017-05-07 00:25 lastnigtic 阅读(185) 评论(0) 推荐(0)
2017年5月3日
模拟Vue 中数据双向绑定
摘要： 一、原理 如果使用Object.defineProperty,实现一个最简单的双向绑定其实很简单，只需如下： 上面这个demo就是vue双向绑定最简化的原理。 二、替换元素 想想我们使用vue时的规则 写上页面结构： 我们把Vue抽象为一个构造函数，传入这些值 替换掉节点中所有的{{xxxx}}: 阅读全文
posted @ 2017-05-03 20:55 lastnigtic 阅读(1303) 评论(0) 推荐(0)
Object.defineProperty 详解
摘要： 最近想了解一下Vue是怎么实现数据双向绑定的，了解到是基于Object.definProperty,在此记录一下。 Object.defineProperty 顾名思义，就是给对象定义一个属性，总共有这么几种： value 属性的值 writable 是否可改写，如果为false，就为只读，不能重新 阅读全文
posted @ 2017-05-03 15:28 lastnigtic 阅读(424) 评论(0) 推荐(0)
2017年5月2日
Vue2.0 Vuex集中式储存管理
摘要： 引用官网的话：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态 这里是它的官方文档：https://vuex.vuejs.org/zh-cn/ 我们可以很直观的看到有五个方法： State 可以简单的理解为组件的data，不过state是全局唯 阅读全文
posted @ 2017-05-02 23:14 lastnigtic 阅读(426) 评论(0) 推荐(0)
2017年4月28日
Vue 组件间的通讯
摘要： 一、首先是父组件传给子组件 这样lchild这个组件就接收到了g3的值，并绑定； 二、子组件传给父组件 修改一下代码： 然后在父组件处监听事件： 执行，看下结果：（结果正常，子组件传值成功） 三、子组件与子组件之间的通讯 这里只是简单地结合一二，把值传给父组件，再把值传给另外一个子组件 再在html 阅读全文
posted @ 2017-04-28 19:34 lastnigtic 阅读(280) 评论(0) 推荐(0)
2017年4月24日
ES6 set 和 map
摘要： 一、SET ES6 提供了新的数据结构 Set 。它类似于数组，但是成员的值都是唯一的，没有重复的值。(注意这里，可用于去重)Set 本身是一个构造函数，用来生成 Set 数据结构。 1.开始 注意：向 Set 加入值的时候，不会发生类型转换，所以 5 和 "5" 是两个不同的值（但NaN却等于自身 阅读全文
posted @ 2017-04-24 23:56 lastnigtic 阅读(208) 评论(0) 推荐(0)
2017年4月9日
require.js 基础使用方法记录
摘要： require.js作为javsscript的一种模块化编程规范，异步加载模块，主要应用于浏览器端，异步加载js文件，让浏览器不会因为在加载js文件而失去响应。 下载地址：http://www.requirejs.cn/docs/download.html 一、开始 目录结构： 首先要加载requi 阅读全文
posted @ 2017-04-09 11:24 lastnigtic 阅读(216) 评论(0) 推荐(0)
2017年3月26日
CSS Transform的martix矩阵
摘要： 最近接触都martix矩阵变换，查找了一些资料，在此记录一下 所有的tranform变换其实都是基于martix矩阵实现的，只是css给我们提供了rotate,skew,translate……等方法而已，我们先看一个图： 我们只要知道是怎么计算的就行了，假设martix(a,b,c,d,e,f),没 阅读全文
posted @ 2017-03-26 19:33 lastnigtic 阅读(478) 评论(0) 推荐(0)