ARTS

ARTS

• A (Algotithm) 至少做一个leetcode的算法题
• R (Review) 阅读并点评一篇英文的技术文章
• T (Tip) 学习一个技术技巧
• S (Share) 分享一篇有观点和思考的技术文章

每周一次，坚持一年

Algorithm

Description

Given a 32-bit signed integer, reverse digits of an integer.

Example 1:

Input: 123
Output: 321
Example 2:

Input: -123
Output: -321
Example 3:

Input: 120
Output: 21
Note:
Assume we are dealing with an environment which could only store integers within the 32-bit signed integer range: [−2^31,  2^31 − 1]. For the purpose of this problem, assume that your function returns 0 when the reversed integer overflows.

Solution

/**
 * https://leetcode.com/problems/reverse-integer/
 * @param {number} x
 * @return {number}
 */
var reverse = function(x) {
    var result = Math.abs(x);
    symbol = 1;
    var infinityNum = Math.pow(2, 31);
    console.log('infinityNum', infinityNum);
    if (x < 0) {
        symbol = -1;
    }
    var resultValue = Number(String(result).split('').reverse().join('')) * symbol;
    if (resultValue > infinityNum - 1 || resultValue < -infinityNum) {
        resultValue = 0;
    }
    return resultValue;
};


// console.assert(reverse(123), 321);
// console.assert(reverse(-123), -321);
// console.assert(reverse(120), 21);

// console.log(reverse(123), 321);
// console.log(reverse(-123), -321);
// console.log(reverse(120), 21);
// console.log(1534236469, reverse(1534236469));

Review

How to set up a TypeScript project https://medium.freecodecamp.org/how-to-set-up-a-typescript-project-67b427114884

这篇文章指导我们如何搭建一个 React TS 的项目。指导我们选择 ES 的某个版本的原因，诸如浏览器版本、浏览器内核、JS 大小等。之后的安装步骤可直接查看文章。

Tip

TypeScript ESLint Parser https://github.com/eslint/typescript-eslint-parser

typescript-eslint-parser 是一个 Eslint 的解析器，利用 TypeScript ESTree 允许ESLint使用Iint TypeScript源代码。

Share

Eslint vs Tslint

优缺点对比

1. Eslint 可以继承项目原本的配置项。
2. Tslint 需要重新配置。
3. Tslint 对 vue 并不友好。
4. Eslint 可能无法校验 Tslint 的部分逻辑。

typescript-eslint-parser 是通过编译 TS 到一个 Eslint 可识别的代码，然后再运行 Eslint 规则。所以一些 TS 特有的规则 （type/interface 等）全部无法校验，这种代码校验对于 TS 项目来说是不完整的。typescript-eslint-parser 对一部分 ESLint 规则支持性不好

相关文档：

• https://github.com/eslint/typescript-eslint-parser
• https://github.com/nzakas/eslint-plugin-typescript
• https://ts.xcatliu.com/engineering/lint.html