
javascript
文章平均质量分 59
山西仓江科技有限公司
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
深入v8提供的堆栈跟踪
错误定位是开发中的一项必备的重要能力,我们来看下在前端开发中v8为我们提供的Error关键字 Error作为函数使用 当像函数一样使用 Error 时 – 如果没有 new,它将返回一个 Error 对象。所以, 仅仅调用 Error 将产生与通过new 关键字构造 Error 对象的输出相同。 // this: const x = Error('I was created using a fun...原创 2019-11-04 02:55:10 · 4046 阅读 · 0 评论 -
懂点设计模式
learn《javascript 设计模式与开发实践》 学习心得 单例模式 案例 惰性单例是单例模式的重点,是指在需要的时候才创建实例 创建对象和管理单例的指责分布在两个不同的方法中 这两个方法组合起来才具有单例模式的威力 场景:比方在一个页面中需要初始化化多个我们自己封装的第三方sdk 类 创建弹框的dom对象等等 策略模式 案例 策略模式的目的就是将算法的实现和...原创 2019-01-09 16:51:06 · 423 阅读 · 0 评论 -
前端性能监控
window.performance 是W3C性能小组引入的新的API,目前IE9以上的浏览器都支持 Performance.timing 只读属性返回一个 PerformanceTiming 对象,这个对象包括了页面相关的性能信息。 navigationStart 前一个网页的卸载时间 unloadEventS...原创 2019-01-20 01:18:51 · 455 阅读 · 0 评论 -
从 generator 函数 到 redux -saga (六)
同时执行多个任务 import { call } from 'redux-saga/effects' // effects 将会同步执行 const [users, repos] = yield [ call(fetch, '/users'), call(fetch, '/repos') ] saga中的超时处理 import { race, call, put } from ...原创 2019-01-02 14:56:47 · 412 阅读 · 0 评论 -
从 generator 函数 到 redux -saga (五)
redux-saga 中的api 介绍 import { delay } from 'redux-saga'; import { all, call ,put, takeEvery ,fork,takeLatest ,apply,select,take ,cancel} from "redux-saga/effects"; delay 等待时间 接受一个毫秒值为参数 用例: delay(...原创 2019-01-02 14:36:52 · 451 阅读 · 0 评论 -
从 generator 函数 到 redux -saga (四)
fork 和 takeEvery takeEvery 的作用是每次put 动作执行的的时候 都去调用worker 以下代码可以直接在浏览器运行,执行步骤在代码中做了注释 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="原创 2019-01-01 21:46:17 · 500 阅读 · 0 评论 -
从 generator 函数 到 redux -saga(三)
take实现原理 <html> <head> </head> <body> <div id="test">qwe</div> <script> let $btn = document.getElementById("test"); //cha原创 2019-01-01 02:19:23 · 432 阅读 · 0 评论 -
从 generator 函数 到 redux -saga (二)
Thunk 函数的自动流程管理 JavaScript 语言的 Thunk 函数 JavaScript 语言是传值调用,它的 Thunk 函数含义有所不同。在 JavaScript 语言中,Thunk 函数替换的不是表达式,而是多参数函数,将其替换成一个只接受回调函数作为参数的单参数函数。 // 正常版本的readFile(多参数版本) fs.readFile(fileName, ...原创 2018-12-31 15:12:43 · 410 阅读 · 0 评论 -
redux componse 函数中的反向职责链模式的演变
最初的实现方式 核心是 reduceRight 方法 把前一个执行结果 作为下一个的参数执行 function add1(str){ return str+1; } function add2(str){ return str+2; } const componse = (...fns)=>(...args){ let last = fns.pop(); ret...原创 2018-12-02 16:15:57 · 477 阅读 · 0 评论 -
关于js的 链式调用和流程控制 (sleep)
实现下面的函数: new Test("test").firstSleep(3).sleep(5).eat("dinner") //等待3秒 //test //等待5秒 //dinner 链式调用没什么可说的 return this 就好了 ,此处的sleep 乍一看确实会引发一些思考,关键是异步之后我的this 在哪里 ;那这个时候我就可以创建一个异步队列 ;整...原创 2018-11-10 22:11:27 · 2372 阅读 · 0 评论 -
es6 class 跟普通function的区别
es5 中的function 可以用call apply bind 的方式 来改变他的执行上下文 但是class 却不可以 class 虽然本质上也是一个函数 但是 其内(babel)部做了一层代理 来禁止了这种行为 限制该函数不能被call 到别的对象 ; 再看 class 中静态方法 跟原型方法 的区别 我们用如下方式创建一个class babe...原创 2018-10-23 15:38:16 · 6479 阅读 · 2 评论 -
深入理解js中的bind
/** * bind 函数在js中的应用 */ this.name = "test"; let testObj = { name:'zhangsan', introduce:function(){ return this.name; } } let test = { name:"lisi" } let test1 = { name:"wangwu" } let fn = testO...原创 2018-06-25 16:04:27 · 1087 阅读 · 0 评论