前端夜点心

熟悉 TypeScript 的朋友都知道，TS 具有一套类型推断系统来帮助减少不必要的类型声明。即使是面对纯 JS 代码，TS 也能通过类型推断系统给每个变量自动套上一个默认类型。 所以对 a1的赋值是成立的， 而其他的赋值就报错了。 不同的出发点和情形，造成了两种不同的类型推…

里面声明的 count 状态和 increaseCount 方法我们暂时都没有用到。现在假设有一个奇葩需求：每当用户缩放浏览器窗口的时候，就打印这个 count 并且给他加一。我们应该如何实现这个监听的过程呢？ 容易想到，为了监听视口大小，需要在组件挂载的时候给 window …

今天的夜点心关于 ECMAScript 的两个带有 ? 的新提案。 这些语法大同小异（后面的三种写法的 . 不要忘了哦），本质都是帮助我们减少一些判断值是否是 null 或者 undefined 的条件语句的书写。这样面对一个对象，原本的安全取值方式： 且逻辑完全等价。 无需更…

TS 在遇到以下这些条件语句时，会在语句的块级作用域内「收紧」变量的类型，这种类型推断的行为称作类型守卫 (Type Guard)。 类型守卫可以帮助我们在块级作用域中获得更为精确的变量类型，从而减少不必要的类型断言。下面通过一些具体的例子来帮助大家理解这个看起来有点抽象的概念…

学习单元测试的时候接触了很多概念karma、mocha、Jesmine、chai、expect、assert、should、sinon等，容易混乱，在此做个梳理。 1. 测试框架 Mocha、Jesmine Mocha是一个常用的JS测试框架，可以在浏览器和Nodejs环境使用…

一类是相似度很高的项目，比如管理后台，这类项目的页面通过各种公共组件搭建而成。公共组件的复用性很高，所以质量尤为重要。如果开发人员在修改了公共组件之后留下了bug，那么将会直接降低了整个项目的质量。我希望让程序去测试这些公共组件，保证每一个公共组件是可用的。 另一类是公司的核心…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

JavaScript 原生提供了7种错误类型，分别是 Error, EvalError, SyntaxError, RangeError, ReferenceError, TypeError 和 URIError。当我们在编写提供给其他开发者使用的库（包）时，为了在必要的时候给…

首先为什么是不务正业呢...因为我们公司就我一个前端，不乖乖写页面写什么SSO。我之所以会想到去写SSO单点登录呢，一是发现公司的登录这块特别的乱，每个系统都是独立的登录，而某些业务都是有所交集的，既然一个是a.xxx.com一个是b.xxx.com，那为什么不把登录统一一下呢…