本文是“JavaScript 线性代数”教程的一部分。 向量是用于精确表示空间中方向的方法。向量由一系列数值构成，每维数值都是向量的一个分量。在下图中，你可以看到一个由两个分量组成的、在 2 维空间内的向量。在 3 维空间内，向量会由 3 个分量组成。 我们可以为 2 维空间的…

第一次听到这个需求，我的大脑开始疯狂运转，然后想到了plan 1, plan 2, plan3...中间还有很多失败想法我已经忘记了，这里方案三是我最终采用的方法。 这种方式很好，就是，，，如果大家的代码风格很一致的情况下使用比较好。 表示：用户在距顶部2px时停留了2728m…

normal表示合并空格，多个相邻空格合并成一个空格，在源码中的换行作为空格处理，只会根据容器的大小进行自动换行。 这里的空白是值空白字符，包括空格，制表符等空白字符，下面为了行文方便，统一用“空格”代表。

以上是最初需要的结构：一系列元素包裹在两个容器中。 在每个swipe-item可以自定义你想要的内容。初始化Swiper只需简单一行代码，传入swiper的最外层DOM即可，如下所示： Swipe现在兼容所有浏览器，包括IE7 +。 Swipe最适合支持CSS变换和触摸的设备，…

JavaScript总算入门了，复杂的就先不来了，今儿牛刀小试，先来一个系统同步的时钟效果，只用到最简单的获取系统时间的函数。因为学习是需要正反馈的，否则总也看不到效果，难免失了深入下去的兴趣。在之前的一篇专栏文章《利用CSS3的animation step属性实现wifi动画…

自己整理的一些项目中遇到过的关于上传和下载的一些Demo，大前端系列（也就是纯前端 + node端完成的下载，只要获取到数据下载工作全是前端来做），仅供给位看官参考，避免踩坑，即插即用，欢迎fork和star🌟，为这个仓库添砖加瓦～(P.S. 个人认为如果没写过上传下载其实还…

iPhone X 底部是需要预留 34px 的安全距离，需要在代码中进行兼容。 这在之前是没问题的，新的 iPhone X Series 设备发布之后，这个就会兼容就有问题。 width === 375 && height === 812 只能识别出 iPhone X 和 iP…

一般我们的做法是判断scrollTop和clientHeight对比scrollHeight,得出是否在底部。 但是这种做法在移动端会有各种各样的问题，包括浏览器版本，ios，Android。 此方法非常简单，只需要为元素生成一个IntersectionObserver,并且监…

俗话说，产品有三宝：弹窗、浮层加引导，足以见弹窗在产品同学心目中的地位。对任意一个刚入门的前端同学来说，实现一个模态框基本都可以达到信手拈来的地步，但是，当模态框里边的内容滚动起来以后，就会出现各种各样的让人摸不着头脑的问题，其中，最出名的想必就是滚动穿透。 那么，什么是滚动穿…