![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
red_heel
Find a right way, then use all ways to go to top. 既然选择一个方向,那么就把它做好
展开
-
Web Workers 在React项目中应用/Web Workers 性能优化
弄清楚webWorker,我们首先要弄清楚几个问题1. JavaScript为什么是单线程在前端JavaScript操作DOM树,其实通过调用浏览器API来操作DOM树的 ,如果JavaScript是多线程的,那意思就是我们可以一边对DOM树的同一节点既做增加的行为也可以做删除的操作,这岂不是乱套了。2. 为什么需要异步由于JavaScript是单线程的,所以当执行Javascri...原创 2019-08-24 12:02:20 · 962 阅读 · 0 评论 -
socketjs, stomp-client,react, redux-observable 搭建一个基于stomp over websocket的前端服务
最近小编接到一项紧急任务:国外同事让让我三天搭建一个基于stomp 协议的websocket服务。这项服务允许用户在切换region的时候订阅后端对应的topic.由于小编最近 有点忙,废话不说先上代码。后续补充理论import SockJS from 'sockjs-client'import Stomp from 'stompjs'import { Observable, Subject } from 'rxjs'export default class AutoConnectWeb.原创 2020-05-23 15:36:08 · 845 阅读 · 0 评论 -
React context 实现组件联动功能
我们知道React Context 已经出现有一段时间了并且随着hook的盛行,我们更多的发掘出了Context的价值。Context是可以像Redux一样用来管理状态,不知道你有没有像我一样有这个疑问,那既然Redux就可以管理状态,为什么要使用Context呢?现在我的理解呢是由于Context API不像Redux那样依赖很多第三方库。但是并不是说Context就可以代替Redux的...原创 2020-03-17 20:27:11 · 544 阅读 · 0 评论 -
DOM 性能案例研究
我有一个有趣的问题想问你,你最后一次使用原生DOM API创建你的真实的项目是什么时候了,是的,你也许也不记得是什么时候了。你知道的,我们可以利用DOM API来和HTML做任何交互。 但是现在我们可以使用当下流行的UI框架以及库来搭建我们的UI,例如React,VUE,Angular。所以在不使用框架来将我们的代码编译成为HTML/CSS/JS的情况下,你大部分还是要基于DOM AP...翻译 2019-10-30 11:43:48 · 148 阅读 · 0 评论 -
如何模拟section timeout && session 与cookie关系
最近遇到一个小需求就是:当用户停留某个页面超过4个小时的时候,这个时候如果用户做任何交互行为,都给用户一个弹窗,提醒用户登陆超时需要重新登陆等信息。拿到这个需求的时候,心中窃喜,分析了一下,当用户与页面做交互的时候,比如发送请求的时候,后端会返回当sesstion timeout 的时候,返回给前端的某个标记sesstion timeout 的属性,我只需要判断这个标记信息,然后作出是否有...原创 2019-08-24 11:38:21 · 376 阅读 · 0 评论 -
RxJS 中 调用Subject.error()会造成什么结果
最近一段时间做一个需求,需要我根据服务器断开 的时候我将一个react组件抛出出,刚开始我的思路是当server.js中的onerror触发的时候我抛出一个observable 异常,observable.error.call(observable). 我epic中的处理是action.map(dispatch(action2)).catch().感觉这行代码行得通,所以我就屁颠屁颠的撸代码,...原创 2018-11-06 13:43:29 · 610 阅读 · 0 评论 -
去重,字符出现次数,扁平化数组,数组交集以及并集
1. 去重let a = [2, 3, 4, 5, 4]let a1 = [2, 3, 4, 5, 4]// method1 filter并不会改变原来数组let method1 = a.filter(function (value, index) { return a.indexOf(value) === index})console.log('方法-', method1)...原创 2018-09-12 16:56:46 · 219 阅读 · 0 评论 -
.toFixed(n)输出结果是string
在说问题之前先附上一段代码: function addCourage(currentAddedCount){ if(currentAddedCount>0){ $('div.inner').find("div").addClass('inner-bar'); if(currentAddedCount<10){ $('div.inner')...原创 2018-06-06 15:31:28 · 7351 阅读 · 6 评论 -
require与import区别
require与import区别转载 2017-12-25 15:02:26 · 1571 阅读 · 1 评论 -
ES6接口
什么时接口?其实接口简单理解就是一种约定,一种协议,使得实现接口的类在形式上保持一致,而在ES6中的接口不像C#中一样,需要对象实现接口。interface SetBreakpointsArguments{source:Source;breakpoints?:SourceBreakpoint[];lines?:number[];sourceModified?:boolean;原创 2017-11-26 15:52:01 · 4451 阅读 · 1 评论 -
ES6尾部调用优化
ES6关于函数最有趣的变化可能是尾调用系统的引擎优化。尾调用指的是函数作为另一个函数的最后一句被调用就像:let debugSetting=function(done){(async()=>{})();};it('should pass Usersetings test with default setting',(done)=>{return debugSetting(d原创 2017-11-24 12:44:03 · 354 阅读 · 0 评论 -
`${expression}`字符串占位符
ES6 中的字符串占位符原创 2017-11-28 18:38:06 · 6970 阅读 · 0 评论