TSLint中常见的问题及处理方法

本文中很多地方会用ts表示typescript。本文主要针对刚使用typescript和tslint的同学,新手使用TSLint规则校验typescript代码时,总会碰到一些TSLint的错误提示,花费较多的时间和精力去解决这些错误信息,本篇文章将列出本人在项目开发中使用TSLint碰到的问题,及解决方案。TSLint是可配置的,如果项目中引用了TSLint,会有一个tslint.json的配置文件,可以通过其中的配置项去选择需要校验的规则,不知道如何配置的同学可以访问:
[link]: https://palantir.github.io/tslint/rules/ 网上也有很多关于配置的文章。
声明:本文中TSLint的提示信息为本次项目中tslint.json所配置的校验规则。

Read More

RxJS进阶——关于流的理解和应用

RxJS是微软公司推出的响应式编程的JavaScript库。
对于它的学习,最开始我的理解是把它当成是 能优雅地解决异步问题的lodash
随着学习的深入,发现它采用了订阅者模式,其中也带有纯函数的思想。
直到在使用了RxJS 6之后才了解其少有人意识到的另一面——流。

Read More

我使用jest测试项目中常见的问题

简介

公司的前端项目的技术栈为 react + ts + Rxjs。react就不多说了,大型项目一般都会采用react,单向数据流比双向绑定渲染来的更加准确和内存的更少消耗(diff)。ts的强类型保证了数据的精准,减少bug。Rxjs则会更好的获取异步数据,不受其他元素影响。技术的革新带来的是代码和效率的质变,同时也会对一部分技术带来冲击。比如说老牌单元测试框架jest。下面我就描述一下在项目中遇到的jest测试难题和解决过程,后面还有可能遇到新的会再更新到博文中

Read More

React antdesign upload组件自定义上传到S3

简介

关于上传到S3,本文服务模块使用的是‘aws-sdk’ putObject()上传。UI模块使用的是antd中的upload组件,在使用antd组件的时候发现官方提供的上传方式有两种:

  1. 使用路径上传,antd中有一个属性action需要上传到的地址。
  2. 使用自定义上传,antd中的customRequest。
    本文选用的是第二种,自定义上传会覆盖组件默认的上传行为,所以我们需要去定义progress、onSuccess、onError。
    本文会使用到的技术:React,Rxjs,采用TSLint校验。

Read More

用7段代码来理解常用的写作模式

对于开发者来说,“设计模式”这个概念肯定不陌生,它是经过分类的、代码设计经验的总结,能将编写代码进行工程化,从而提升开发效率。
简而言之,它就是“代码模板”。

设计模式 + 代码逻辑 => 清晰高效的程序

“写作模式”这个叫法也借鉴于此,是我针对一些热门技术文章的写作方式进行的总结,能帮我们快速地构思出结构清晰的文章。
下面通过7篇热门技术文章来总结7种写作模式。

Read More

React高阶组件入门与常用用法

简介

React 高阶组件简单来说就是一个没有副作用的高阶纯函数,且该函数接受一个组件作为参数,并返回一个新的组件。正式由于他也算是高阶函数,所以也可以使用类似柯里化的方式传组件或者其他参数。常用于多个组件有共同方法的时候。

Read More