5a4cd9ddf265da43294e7262

从白纸一张到现在算有些经验的前端开发，经过了两个春秋了。一直在社区吸取知识，却也没写过什么文章。2020年立个flag，每周两篇的技术文章分享，希望自己可以坚持吧！掘金大牛那么多，如果有什么地方理解有误的，希望大家斧正！ js变量不同于其他语言的变量，由于没有数据类型的限制，我…

追踪变化有两种方式：Object.defineProperty和Proxy。由于ES6在浏览器中的支持问题，vuejs在3.0之前还是使用Object.defineProperty来实现变化检测，在3.0中会用Proxy改写这部分。 只是封装Object.defineReact…

目前小程序支持的事件不包括双击事件，由于项目需要在同一个元素上同时实现双击和单击两种不同的事件，需要自己实现双击的效果。 然后添加点击事件，单击和双击的判断条件主要是两次点击的间隔时长，我这边定义的是80ms，如果间隔在80s内，则认为是双击事件，否则就是单击事件，因此，如果是…

首先，我们先写一下大概的结构和样式，我使用的是taro框架进下小程序的开发，原生或者其他框架也可以参考，没有太大的出入。 接下来考虑底部输入栏，我们想要的效果是输入框聚焦时，底部的输入框上推至键盘上方，微信提供了adjustPosition这个属性，但是开启之后整个页面都会上推…

元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。 比如，你可以定义一对值分别为string和number类型的元组。 默认情况下，从0开始为元素编号。 你也可以手动的指定成员的数值。 例如，我们将上面的例子改成从1开始编号： 枚举类型提供的一个便利是你可以由…

TypeScript 的核心原则之一就是对所有的结构进行类型检查， 在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 TypeScript的接口就好像是一个名字，用来描述下面例子的要求，它代表了有一个label属性且类型为string的对…

在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。 我们可以在为函数的每个参数定义类型后，为函数的返回值指定类型。但TypeScript能够根据返回语句自动推断出返回值类型，因此我们通常省略它。 第一种：参数类型和返回值类型。 参数类型…

我们声明了一个Greeter类，它包含三个成员：一个greeting属性，一个greet方法，一个构造函数。最后一行，我们使用new构造了Greeter类的一个实例。 它会调用之前定义的构造函数，创建一个Greeter类型的新对象，并执行构造函数初始化它。 在这个例子中，类从基…

虽然现在处理日期方面已经有了很成熟的也很好用的库，例如（momentjs和date-fns），但是在实际开发中，我们有时候可能并不需要整个库。 所以我就在下面整理了在前端开发时对日期时间的各种操作，也算是比较全的了。其中一部分来自自己，还有一部分来源于我们万能的网友~