IntersectionObserver 这个 API 平常可能听得比较少，caniuse 兼容性报告目前支持率是 90.12%，还不推荐用于大众化的场景中，但是它的能力和性能非常的好。 IntersectionObserver 接口 (从属于Intersection Obse…

在我们的开发中table组件可以说是重中之重，非常频繁的使用到。但是如果碰到数据量多的时候，这个组件的性能非常堪忧。 总结：由此可见， 这个table组件只适合渲染小数据量的，或者要进行合理的分页。 （1）表格数据使用Object.freeze(data)处理，因为一般来说表格…

今天的主要内容包括：使用元素位置判断元素是否在当前视区使用IntersectionObserver判断元素是否在当前视区实例：懒加载实例：无限滚动实用npm包推荐正文1.使用元素位置判断元素是否在当前

最近刚好做到项目，有个数字过大直接展现万，亿等单位的缩略展示。上网查看我竟然把我高中数学的log运算都捡起来了🤣，好神奇！果然代码的底层是数学，学遍数理化走遍全天下，这句话不是没有道理😬

随着公司业务的发展，经常会收到一些数据大屏的需求。目前我司有两种实现方案，一是人肉搭建，二是用阿里云 DataV 搭建。 人肉搭建，在本地脚手架开发环境中进行编码，有大量的重复劳动，能力复用性差，占用前端宝贵的开发时间。 DataV 功能强大，带需要付费使用，且好用的组件还要额…

最近项目上线之后，产品对首页的列表提出了列宽自适应内容的需求，即列的宽度由当前列中内容最宽的一个单元格决定（单元格内容不换行）。项目中的表格使用的是element-ui的table组件，非常强大，满足了各种各样的需求，例如固定列，固定表头，展开行等等。但是面对这样的需求，貌似并…

可以看到，str 的原始值并没有改变。它们只会返回一个新的字符串，原字符串的值并 不会改变。所以请记住，基本数据类型的值是不可改变的。 基本类型的比较是值的比较，只要它们的值相等就认为他们是相等的。 引用类型（object）是存放在堆内存中的，变量实际上是一个存放在栈内存的指针…

在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候，padding 和 margin 两个是常用的属性，但我们…

正则表达式