非常好用的js代码片段(持续收集)
前言平时开发过程经常会碰到的snippet,防止google到处乱搜,记录一下,也好没事温故知新。
数值部分避免js精度问题造成的小数计算1parseFloat((0.1 + 0.2).toFixed(10))
保留小数点(非四舍五入)1(n, fixed) => ~~(Math.pow(10 ...
重新认识Selection和Range
前言前段时间,产品来了个需求:输入框中划词选中的内容匹配词槽。所以只能苦逼地在国庆加班搞一下(嗯,三倍还是挺香的),之前也模模糊糊地了解过浏览器有鼠标拖动选中内容的api,这次索性跟着需求彻底捋一遍Selection和Range这对双生子,顺便把踩过的坑记录一下。文章有点长,阅读可能需要花点时间~先 ...
收藏一张git脑图
记录一张好图,以后忘了命令就能来看看。
简要剖析Promise实现(下)
前言有了上一篇对Promise的简易实现,我们大概了解了如何手写一个MyPromise,这里接着上一篇的内容,继续完善MyPromise剩余的功能函数,并且从中体会和加深对Promise的理解,在实际应用中更能知根知底~
MyPromise.resolve按照对Promise的理解,这里只要直接返回 ...
简要剖析Promise实现(上)
前言时光回到2015,当ES6一经问世,便快速的成为前端开发者的首选。为了避免异步调用带来的回调地狱,Promise作为ES6中最重要的异步解决方案特性之一,毫无疑问也成为现代前端开发者的必会技能。虽然我们在日常中不用再去自己实现,但通过实现一把Promise A+规范的部分功能,记录下Promis ...
简单读懂React Fiber
前言React在带给前端便捷开发体验的同时,也在不断的尝试新的技术体验,为开发者带来新的惊喜。16版本之后,例如hooks机制引入,仿佛打开了新世界的大门。除此之外,另一个机制fiber,虽然对开发者比较透明,不像hooks那样开发者能直接调用,但光从2年左右的研发期可以看出,可见FB开发团队对其的 ...
babel知识备忘录
前言babel已经是现代前端开发不可或缺的神器,感谢babel,让我们提前享受es6带来的爽快,也许有朝一日当浏览器对es6的普遍支持,使得我们不再依赖babel,但作为一名前端开发,babel是神一般的存在。长期记录零碎的知识点,温故知新。babel是什么,能做什么,基本概念,不再赘述,详情可见b ...
React知识理解拾遗备忘录
前言自从进入tx,项目都是采用vue,使用多了难免怀旧react。而且react自从16.8.0版本后发布hooks的后,更是风靡前端界,react-router,react-redux 等陆续拥抱hooks,就可以看出业界对此的赞同。耐不住真香的诱惑,在工作之余,自己用react hooks体验了 ...
Eventloop和Render的相关总结
前言前两天针对react hooks的理解中,涉及了render的时序。这让我想到event loop,因此还是来回顾总结下event loop以及render的相关知识吧。
事件循环在进入正题前,我们先看看几个点:
首先,javascript是单线程的,这是由于需要操作DOM决定的,多线程操作了 ...
【译】现代JavaScript概念术语part1——函数响应式编程(functional reactive programming)
函数响应式编程简单地说,函数响应式编程可以概括为随着时间的推移以声明的方式响应事件或行为(译者注:监听事件,纯函数处理)。更深入理解FRP,我们先来看一下FRP的公式,然后再研究它与JavaScript的关系。
什么是函数响应式编程?FPR公式制定者的(Conal Elliot)给出了一个完整的定义 ...