新手关于import/export的理解

前言

从事前端工作已经两年多了,技术上从最开始的jq,到后来的angular,然后react,vue,都一一学习过来并且应用到了实践中。自从有了es6,node,有了脚手架,感觉写代码体验如飞。直到有一天用原生开发,出现了这样一个问题。我需要在原生的页面上引入另一个文件,我习惯性的import 了那个文件,可是没有效果…

Read More

git提交规则

对于IT人员来说GitHub,相信大家都不陌生,本文主要讲解使用Git命令提交时的message规范。对于一个英文水平有限的IT人员在项目中很多时候使用git commit, message往往会写的不尽如人意,或者当你使用git log时往往不知道之前提交的是什么东西,修改了什么,这样对以后的查看很不友好。git 提交有一个成熟的工具(Commitizen),本文也将介绍使用(Commitizen)来规范我们的提交信息。 Commitizen网址: link: https://www.npmjs.com/package/commitizen

Read More

如何避免前人挖坑,后人填坑

前言

前段时间,接手了一个外包公司给我们公司做的项目页面,整体修改下来苦不堪言,这段填坑经历也让我理解到了代码质量与代码后面持续性维护的重要性。不能舒服了自己,恶心了下一个接手人。我就以这次这个项目的一丝丝感受分享给大家。

Read More

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