本次打卡值得关注的内容有,算法题二进制求和,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 性能考虑与数据获取