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 · 4010 阅读 · 0 评论 -
懂点设计模式
learn《javascript 设计模式与开发实践》学习心得单例模式 案例惰性单例是单例模式的重点，是指在需要的时候才创建实例创建对象和管理单例的指责分布在两个不同的方法中 这两个方法组合起来才具有单例模式的威力场景：比方在一个页面中需要初始化化多个我们自己封装的第三方sdk 类创建弹框的dom对象等等策略模式 案例策略模式的目的就是将算法的实现和...原创 2019-01-09 16:51:06 · 414 阅读 · 0 评论 -
前端性能监控
window.performance 是W3C性能小组引入的新的API，目前IE9以上的浏览器都支持Performance.timing 只读属性返回一个 PerformanceTiming 对象，这个对象包括了页面相关的性能信息。navigationStart 前一个网页的卸载时间unloadEventS...原创 2019-01-20 01:18:51 · 446 阅读 · 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 · 390 阅读 · 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 · 439 阅读 · 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 · 484 阅读 · 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 · 422 阅读 · 0 评论 -
从 generator 函数 到 redux -saga （二）
Thunk 函数的自动流程管理 JavaScript 语言的 Thunk 函数 JavaScript 语言是传值调用，它的 Thunk 函数含义有所不同。在 JavaScript 语言中，Thunk 函数替换的不是表达式，而是多参数函数，将其替换成一个只接受回调函数作为参数的单参数函数。// 正常版本的readFile（多参数版本）fs.readFile(fileName, ...原创 2018-12-31 15:12:43 · 400 阅读 · 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 · 470 阅读 · 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 · 2355 阅读 · 0 评论 -
es6 class 跟普通function的区别
es5 中的function 可以用call apply bind 的方式 来改变他的执行上下文 但是class 却不可以 class 虽然本质上也是一个函数 但是 其内（babel）部做了一层代理 来禁止了这种行为限制该函数不能被call 到别的对象 ;再看 class 中静态方法 跟原型方法 的区别我们用如下方式创建一个classbabe...原创 2018-10-23 15:38:16 · 6468 阅读 · 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 · 1077 阅读 · 0 评论