付出

作为前端工程师 de 我们，日常少不了会跟图片打交道。在各大电商平台工作的前端工程师们，感受可能会更加的明显。 以下是我之前跟图片打交道踩到的坑，跟大家分享一下经验。 很明显，数据的类型已经被改动了。思考原因，唯一有可能改变数据类型的地方是在 axios 。 因此，乱码出现的原…

个性签名: 生如夏花，逝如冬雪；人生如此，何悔何怨。 工欲善其事，必先利其器。在判断元素是否在可视区域实现简单的原生懒加载前，我们先简单回顾下以下几个关键的概念。 ps： 如果你对这些概念已经比较熟悉了，可以直接跳到第五点查看关键代码示例。 1. 偏移量 偏移量(offset …

最近写了一个文字跑马灯的项目需求，刚开始用js写，能够完成需求。后面想着换种方式(分别是html和css)来实现同一个需求,以减少性能消耗。 1.判断文字的长度和容器的长度，如果文字长度大于容器长度，则开始滚动，否则不滚动。(offsetWidth) 2.获取滚动条到元素左边的…

由于自己是野生程序员，在刚开始学习程序设计的时候没有在意内存这些基础知识，导致后来在提到“什么什么是存在栈中的，栈中只是存了一个引用”这样的话时总是一脸懵逼。。 后来渐渐的了解了一些内存的知识，这部分还是非常有必要了解的。

浅拷贝和深拷贝都是对于JS中的引用类型而言的，浅拷贝就只是复制对象的引用，如果拷贝后的对象发生变化，原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝。

注意点：数组对象跟数组的操作唯一不同的地方在于，涉及数组对象的操作都要进行key值的指定。 1. maxBy: 返回最大值 2. meanBy: 返回平均值 1.differenceBy: 返回一个新数组，这个数组中的值，为排除了给定数组后的值。 4.sortedIndexBy…

只是展示用，建议使用template，组件中涉及到较多的逻辑，建议使用component。 因为template没有自己的js文件，所以在列表中涉及到列表子项独立的操作，建议将列表子项写成component。 Wxs更多的是作为一个过滤器使用，.wxs 文件可以被其他的 .wx…

1. UI层的松耦合 很多设计模式是为了解决紧耦合的问题。如何做到松耦合，当修改一个组件而不需要更改其它地方的组件的时候，我们可以说这就是做到了松耦合，也是提高代码可维护性的关键所在。 1-1. 将JS从Css中抽离出来 1-2. 将CSS从JS中抽离出来 当需要通过js来修改…

在JavaScript中，我们常常会看到这种代码：变量和null的比较(这种写法很有问题)，用来判断变量是否赋被赋予了一个合理的值。比如： 在这段代码中，process方法显然是希望items是一个数组，因为我们看到items拥有sort()和forEach().这段代码的意图…