SirM2z的博客

学习过程

vue2.x响应式原理,vue与react响应式简单对比

实现的最终目标const demo = new Vue({ data: { text: "before", }, // 对应的template 为 <div><span>{{text}}</span></div>...

2017-05-05 13:16:11

阅读数:2714

评论数:0

inline-block 的兼容性 与 空白间距解决方案

inline-block inline-block 兼容性 兼容 IE &amp;gt; 7,兼容(IE &amp;lt; 8)写法: .father{ display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */ zoom...

2018-04-17 13:45:43

阅读数:11

评论数:0

你不知道的JS-读书笔记(五)--原型[Prototype]

[[Prototype]] 链function Foo () { this.tmp = 'b' } var a = new Foo() Object.getPrototypeOf(a) === Foo.prototype // true a.tmp // 'b' 调用 new Foo() ...

2017-11-23 14:59:18

阅读数:147

评论数:0

你不知道的JS-读书笔记(四)--混合对象类

寄生继承//“传统的 JavaScript 类” Vehicle function Vehicle() { this.ehgines = 1; } Vehicle.prototype.ignition = function() { console.log( "Turning on...

2017-11-23 14:58:07

阅读数:126

评论数:0

你不知道的JS-读书笔记(三)--this和对象原型

this 绑定规则默认绑定严格模式下绑定到undefined,否则绑定到全局对象function foo () { console.log(this.a); } var a = 2; foo(); // 2隐式绑定由上下文对象调用,绑定到该上下文对象function foo () { co...

2017-11-23 14:57:00

阅读数:141

评论数:0

你不知道的JS-读书笔记(二)--闭包,模块

闭包的效果function foo () { var a = 2; function bar () { console.log(a); } return bar; }var baz = foo()baz() // 2循环与闭包for (var i = 0; i < 5; ...

2017-11-23 14:55:04

阅读数:138

评论数:0

你不知道的JS-读书笔记(一)--作用域

作用域中的 LHS,RHS 查询var a = 2; 引擎对a的查找是LHS查询,指查询a的内存位置,并非查找其真实的值 console.log(a) 引擎对a的查找是RHS查询,指查询a的实际值,并传递给console.log()方法作为参数 function foo (a) { conso...

2017-11-23 14:53:16

阅读数:135

评论数:0

flexbox 深入理解

配合flexbox工具食用更佳flexbox 支持情况整体印象 flex: 0 ( flex-grow ) 1 ( flex-shrink ) auto ( flex-basis ); 默认值-( 属性 ) flex-basis 控制着元素在沿着主轴上 grow 和 shrik 之前最终能够变化多...

2017-05-12 13:36:06

阅读数:371

评论数:0

三句话+两个公式终结js原型链问题

之前发文研究了下js的原型链,但总感觉说的不是特别简单明了,每次回头看时,都还要从原理梳理一遍,这次打算详细梳理一遍,归纳出几个简单结论,用来终结原型链问题。经过这次琢磨,我发现要想搞懂js的原型链,只需要搞懂三个属性(后面我会总结成三句话),外加几个特殊公式就OK。先放结论结论一:三个重要属性(...

2017-03-06 18:08:27

阅读数:464

评论数:0

ubuntu安装及配置

分区 逻辑分区,200M,起始,Ext4日志文件系统,/boot;(引导分区200M足够) 逻辑分区,4000M,起始,交换空间,无挂载点;(交换分区swap,一般不大于物理内存) 逻辑分区,15000M,起始,Ext4日志文件系统,/;(系统分区”/”或称作”/root”装系统和软件,15G以上...

2017-01-25 14:04:52

阅读数:585

评论数:0

ES6学习笔记(八)--Class

class基本语法//ES5 function Point(x,y){ this.x = x; this.y = y; }Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')'...

2016-06-01 17:19:58

阅读数:811

评论数:0

ES6学习笔记(七)--Generator函数与Promise对象

Generator函数执行Generator函数会返回一个遍历器对象,也就是说,Generator函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历Generator函数内部的每一个状态。function* helloWorldGenerator() { yield '...

2016-06-01 17:18:47

阅读数:1664

评论数:0

ES6学习笔记(六)--set,map数据结构和for...of遍历

Set新的数据解构,成员值是唯一的//不能添加相同的值 var s = new Set();[2, 3, 5, 4, 5, 2, 2].map(x => s.add(x));for (let i of s) { console.log(i); } // 2 3 5 4//去除相同的值 v...

2016-06-01 17:18:01

阅读数:3916

评论数:0

ES6学习笔记(五)--函数与对象

函数参数的默认值基本用法function log(x, y = 'World') { console.log(x, y); }log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') //...

2016-06-01 17:17:11

阅读数:2397

评论数:0

ES6学习笔记(四)--数值与数组

数值的扩展Number.isFinite(), Number.isNaN()与传统的全局方法isFinite()和isNaN()的区别在于,传统方法先调用Number()将非数值的值转为数值,再进行判断,而这两个新方法只对数值有效,非数值一律返回falseNumber.parseInt(), Nu...

2016-06-01 17:15:01

阅读数:4977

评论数:0

ES6学习笔记(三)--字符串扩展

字符串扩展for…of循环遍历字符串let text = 'abc' for (let i of text) { console.log(i); } //a //b //c新增确定一个字符串是否包含在另一个字符串中,es5中只有indexOf includes():返回布尔值,表示是否找到了参...

2016-06-01 17:14:24

阅读数:1501

评论数:0

ES6学习笔记(二)--解构赋值

解构赋值数组的解构赋值let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3let [ , , third] = ["foo", "bar", "baz"];...

2016-06-01 17:13:42

阅读数:761

评论数:0

ES6学习笔记(一)--let和const命令

let和const命令let和const声明的变量只在代码块内有效{ let a = 10; var b = 1; }a // ReferenceError: a is not defined. b // 1不存在变量提升 变量一定要在声明后使用,否则报错 var tmp = 123;if...

2016-06-01 17:11:21

阅读数:1067

评论数:0

webpack学习笔记

webpack 配置文件 打包工具 前段自动化

2016-06-01 17:02:37

阅读数:835

评论数:0

redux学习笔记

redux流程 view直接触发dispatch 将action发送到reducer中后,根节点上会更新props,改变全局view redux概念理解 store相关 redux中的store是通过createStore方法创建的,该方法接收两个参数reducer函数和初始化的数据(cur...

2016-06-01 17:01:08

阅读数:1583

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭