关闭

flexbox 深入理解

配合flexbox工具食用更佳flexbox 支持情况整体印象 flex: 0 ( flex-grow ) 1 ( flex-shrink ) auto ( flex-basis ); 默认值-( 属性 ) flex-basis 控制着元素在沿着主轴上 grow 和 shrik 之前最终能够变化多大 flex-grow 决定了他将与兄弟元素成比例的增长多少, flex-shrink 决定了缩小多少...
阅读(255) 评论(0)

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

实现的最终目标const demo = new Vue({ data: { text: "before", }, // 对应的template 为 {{text}} render(h){ return h('div', {}, [ h('span', {}, [this.__toString__(this.t...
阅读(1520) 评论(0)

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

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

ubuntu安装及配置

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

ES6学习笔记(八)--Class

class基本语法//ES5 function Point(x,y){ this.x = x; this.y = y; }Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')'; };//ES6 class Point { //constructor是类的默认方法,通过new...
阅读(714) 评论(0)

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

Generator函数执行Generator函数会返回一个遍历器对象,也就是说,Generator函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历Generator函数内部的每一个状态。function* helloWorldGenerator() { yield 'hello'; yield 'world'; return 'ending'; }var hw...
阅读(1379) 评论(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//去除相同的值 var set = new Set([1, 2, 3, 4, 4]); [...set] // [1, 2, 3...
阅读(3335) 评论(0)

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

函数参数的默认值基本用法function log(x, y = 'World') { console.log(x, y); }log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello与解构赋值默认值结合使用function foo({x, y = 5}) { conso...
阅读(1862) 评论(0)

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

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

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

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

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

解构赋值数组的解构赋值let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3let [ , , third] = ["foo", "bar", "baz"]; third // "baz"let [x, , y] = [1, 2, 3]; x // 1 y // 3let [head, ...tail] = [1, 2,...
阅读(647) 评论(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 (true) { tmp = 'abc'; // ReferenceError let tmp...
阅读(922) 评论(0)

webpack学习笔记

webpack 配置文件 打包工具 前段自动化...
阅读(746) 评论(0)

redux学习笔记

redux流程 view直接触发dispatch 将action发送到reducer中后,根节点上会更新props,改变全局view redux概念理解 store相关 redux中的store是通过createStore方法创建的,该方法接收两个参数reducer函数和初始化的数据(currentState),从而形成一颗状态树...
阅读(1255) 评论(0)

react学习笔记

组件的生命周期 Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM React 为每个状态都提供了两种处理函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数。...
阅读(646) 评论(0)
35条 共3页1 2 3 下一页 尾页
    个人资料
    • 访问:47979次
    • 积分:857
    • 等级:
    • 排名:千里之外
    • 原创:35篇
    • 转载:0篇
    • 译文:0篇
    • 评论:8条
    博客专栏
    最新评论