Better

Ethan的博客,欢迎访问交流

ARTS 打卡第十五周

本次打卡值得关注的内容有,算法题二进制求和,Review 主要内容为 React 组件、hook 和性能,Tips 内容为 Taro 1.3 发布,全面接轨 React 更多新特性,以及 Vue 3.0 的主要内容,分享的内容为 React Hook 性能注意点与数据获取。

Algorithm

本周继续完成 easy part,名为二进制求和,给定两个二进制字符串,求他们的和。我给出的代码,虽然有点长,但是性能还算 OK,打败了 82% 的用户。

var addBinary = function(a, b) {
    var lengthA = a.length;
    var lengthB = b.length;
    var delta = Math.abs(lengthA - lengthB);
    var maxLength = Math.max(lengthA, lengthB);
    var bigOne = lengthA > lengthB ? a : b;
    var smallOne = lengthA > lengthB ? b : a;
    var res = '';
    var remain = 0;
    for(var i = maxLength - 1; i >= 0; i--) {
        var num1 = bigOne[i];
        var num2 = i - delta >= 0 ? smallOne[i - delta] : 0;
        var temp = Number(num1) + Number(num2) + remain;
        if(temp > 1) {
            temp = temp === 2 ? 0 : 1;
            remain = 1;
        } else {
            remain = 0;
        }
        res = temp + res;
    }
    if(remain === 1) {
        res = 1 + res;
    }
    return res;
};

Review

本周阅读的文章来自我学习 Hook 时, Google 找到的一篇文件,主要内容 React 组件、hook 和性能方面需要注意的东西,由于内容比较多,因此单独启一篇博客,算是一篇译文。传送门:Components, Hooks, and Performance

Tip

Taro 1.3 全面支持 JSX 和 Hooks

Taro 全面支持 React 的新特性 Hooks,在我看来,重要的不是升级的内容,而是传达出一个讯息,Taro 团队对于该项目的跟进与维护还是很活跃的,之前使用过基于 Vue 的 mpvue,使用的过程还是发现不少坑的,但此时其活跃度表现出疲软状态。

Taro 1.3 版本主要内容

  • 全面支持 JSX 和 Hooks
  • 全新生命周期和 Context API:接轨 React 16 在这方面的新特性
  • 支持快应用和 QQ 小程序的开发
  • 大幅提高 H5 性能和可用性
  • Taro Doctor
  • 支持「小程序·云开发」

Vue 3.0 内容

  • Object.defineProperty -> proxy
  • Virtual Dom 重构
  • Function-based api

Vue 状态逻辑复用也有 React 类似的历程:mixins -> HOC -> Renderless Components(作用域插槽)

Share

本周分享:React Hooks 在性能和数据获取有些什么注意事项呢?和类组件相比有什么不同呢?具体见博客Hooks 性能考虑与数据获取



留言