Eric's Blog

一台电脑上Github、Gitlab多账户管理SSH Key冲突的解决方案

年终了,突然关注到自己github上contributions的那张图,发现没几个绿点。感觉有点不对劲,才发现由于今年换了工作,用的是公司邮箱创建的ssh key,所以commit提交并不能与个人github上的邮箱匹配~经过一番猛如虎的操作,把commit中的公司邮箱地址换成个人github的邮箱地址,终fix!看着contributions图,想着明年要点亮多少格子的时候,又发现一个问题...

GitFlow模型

Gitflow模型概念 历史分支 相对使用仅有的一个master分支,Gitflow工作流使用2个分支来记录项目的历史。master分支存储了正式发布的历史,而develop分支作为功能的集成分支。这样也方便master分支上的所有提交分配一个版本号。 功能分支 每个新功能位于一个自己的分支,这样可以push到中央仓库以备份和协作。但功能分支不是从master分支上拉出新分支,=...

微信小程序request类优化

由于微信小程序登录态也就是token会失效,所以在请求后台接口的时候会返回401,需要重新调用登录接口获取刷新token才能继续进行。碰到未授权的情况可以有以下几种处理方案: 直接跳转会登录页,让用户重新登录。 在页面显示重试按钮,让用户点击重试。 接口返回401后直接调用登录接口刷新token后再重新请求直接的接口。 在用户体验方面第三种的方式固然是最好的,然后碰到的坑...

事件委托

简介 事件委托指的是,不在事件的发生地(直接dom)上设置监听函数,而是在其父元素上设置监听函数,通过事件冒泡,父元素可以监听到子元素上事件的触发,通过判断事件发生元素DOM的类型,来做出不同的响应。 举例 最经典的就是ul和li标签的事件监听,比如我们在添加事件时候,采用事件委托机制,不会在li标签上直接添加,而是在ul父元素上添加。 好处 比较合适动态元素的绑定,新添加的子元素也会有...

react16.4相关

支持 Pointer Events Pointer Events API 是Hmtl5的事件规范之一,它主要目的是用来将鼠标(Mouse)、触摸(touch)和触控笔(pen)三种事件整合为统一的API Mouse event Touch event Pointer event mou...

react16.3相关

react 16.3版本引入了两个新生命周期函数==getDerivedStateFromProps==,==getSnapshotBeforeUpdate(不常用)==,以及在未来 v17.0 版本中即将被移除的三个生命周期函数 ==componentWillMount==,==componentWillReceiveProps==,==componentWillUpdate== ...

js继承

使用对象冒充实现继承(该种实现方式可以实现多继承) 实现原理:让父类的构造函数成为子类的方法,然后调用该子类的方法,通过this关键字给所有的属性和方法赋值 function Parent(firstname) { this.fname=firstname; this.age=40; this.sayAge=function() { ...

js模块规范commonjs、AMD、CMD的异同

CommonJS CommonJS定义的模块分为: {模块引用(require)} {模块定义(exports)} {模块标识(module)} CommonJS是用在服务器端的,同步的,如nodejs AMD AMD就只有一个接口:define(id?,dependencies?,factory); RequireJS就是实现了AMD规范 AMD与CMD的...

React Fiber 分片

原版本 现有的React版本,当组件树很大的时候就会出现这种问题,因为更新过程是同步地一层组件套一层组件,逐渐深入的过程,在更新完所有组件之前不停止,函数的调用栈就像下图这样,调用得很深,而且很长时间不会返回。 因为JavaScript单线程的特点,每个同步任务不能耗时太长,不然就会让程序不会对其他输入作出相应,React的更新过程就是犯了这个禁忌,而React Fiber就是要改变现状...

理解React Diff

传统diff算法 传统 diff 算法通过循环递归对节点进行依次对比,效率低下,算法复杂度达到 O(n^3),其中 n 是树中节点的总数。O(n^3) 到底有多可怕,这意味着如果要展示1000个节点,就要依次执行上十亿次的比较。代价太高。 React diff优化 传统的diff算法的复杂度为O(n^3),显然无法满足性能要求。Facebook工程师通过大胆的策略,将O(n^...