JS之call和apply,bind的模拟实现 发表于 2017-09-02 call一句话介绍 call: call() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法。 举个例子: var foo = { value: 1 }; function bar() { console.log(this.value); } ... 阅读全文 »
async/await 小技巧 发表于 2017-08-30 async/await 小技巧sleep 函数以前只接使用 setTimeout 和回调函数实现一个 sleep 会有很多的副作用,用起来很不方便。 所以让 setTimeout 搭配使用 async/await constsleep=delay=> { returnnewPromise( ... 阅读全文 »
用css让一个容器水平垂直居中 发表于 2017-08-15 阅读目录 方法一:position加margin 方法二: diaplay:table-cell 方法三:position加 transform 方法四:flex;align-items: center;justify-content: center 方法五:display:flex;margin ... 阅读全文 »
redux中间件 发表于 2017-08-03 compose中间件函数JS数组Reduce方法详解前言提到中间件,你可能会想到Express和Koa等服务端框架,没想到也没关系,这句话是我装逼用的。 那么redux中的中间件到底干嘛用的? 有这样一个问题?我们之前用的Redux都是在Action发出之后立即执行Reducer,计算出state, ... 阅读全文 »
为什么Redux 需要 reducers是纯函数? 发表于 2017-07-31 为什么Redux 需要 reducers是纯函数? 这又是一个很厉害的问题了,使用Redux的都知道,reducers会接收上一个state和action作为参数,然后返回一个新的state,这个新的state不能是在原来state基础上的修改。所以经常可以看到以下的写法:123return Obj ... 阅读全文 »
Node.js的文件路径的一些坑 发表于 2017-07-09 前言最近在写一篇weex的webpack配置,刚刚踩坑了,weekpack中会用到path模块,而对于这个模块,我想抽离出来看一下,因为这个用到的还是比较多的,喜欢的朋友可以点个喜欢,或者去我的github点个star也行,谢谢支持,举起小手指点一点哦😯,写的不对的地方,评论拍砖,谢谢。 node ... 阅读全文 »
100*100的 canvas 占多少内存 发表于 2017-06-04 题目100*100的 canvas 占多少内存? 解题思路其实真正的答案是多少我并不清楚,面试过程中面试官也不期待一个准确的答案,而是看你的思考过程。 如果了解过 Canvas 且做过滤镜相关的工作,可能调用过 imageData = ctx.getImageData(sx, sy, sw, sh) ... 阅读全文 »
(for..in)、Object.keys()和Object.getOwnPropertyNames(),for...of 发表于 2017-05-19 Object.keys(obj),返回一个数组,数组里是该obj可被枚举的所有属性。请看示例: 示例一: function Pasta(grain, width, shape) { this.grain = grain; this.width = widt ... 阅读全文 »
探索webpack 机制 发表于 2017-05-18 本文从简单的例子入手,从打包文件去分析以下三个问题:webpack打包文件是怎样的?如何做到兼容各大模块化方案的?webpack3带来的新特性又是什么? 一个简单的例子webpack配置 // webpack.config.js module.exports = { entry: '. ... 阅读全文 »
你不知道的 Promise 对象黑科技 发表于 2017-05-03 Promise 必知必会(十道题)一、resolve 后的执行情况无论是 resolve, reject,都会将函数剩余的代码执行完 const promise = new Promise((resolve, reject) => { console.log('mark 1& ... 阅读全文 »