rottenpen

webpack的熟练使用已成为当代前端工程师必备的生存技能。毋庸置疑，webpack已成为前端构建工具的佼佼者，网络上关于如何使用webpack的技术文档层出不穷。但鲜有能将webpack的构建流程讲清楚的。本文尝试从解读源码以及断点调试的方式，来探究 webpack 是如何一…

IntersectionObserver API 的用法，以及如何兼容。 如何在React Hook中实现无限滚动。 如何正确渲染多达10000个元素的列表。 无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内容。 当你使用滚动作为…

领导需求骨架屏，我等屌丝员工只能上了，调研试用了各种方案，记录一下坑与收获。 我们的项目使用的是vant，试用了一把vant自带的骨架屏，与领导需求不符，放弃。 本来想弄一个完全自动的骨架屏方案，根据每一个页面自动生成一个骨架屏，但是我本人太菜了，暂时对此功能无能为力。市面上的…

本文主要解决原生localStorage无法设置过期时间的问题，并通过封装，来实现一个操作便捷，功能强大的localStorage库，关于库封装的一些基本思路和模式，我将采用之前写的如何用不到200行代码写一款属于自己的js类库中类似的方法，感兴趣的朋友可以学习，交流。 我们将…

myisam_data_pointer_size，MySQL 的 myisam_data_pointer_size 一般默认是 6，即 48 位，那么对应的行数就是 248-1。 那有人会说，只要我的数据大小不超过上限，数据行数也不超过上限，是不是就没有问题了？其实不尽然。 传…

自定义样式的好处就是可以适应不同的机型，展示效果基本一致，样式上更美观一些。 动态修改class样式，需要判断是否可选，再判断一下是否是激活状态。 自定义样式要把默认的radio标签隐藏掉，这里通过display:none的方式。 样式上没什么难点，只需要准备好默认样式，选中样…

vue-element-admin 从 2017.04.17提交第一个 commit 以来，维护至今已经有两年多的时间了了，发布了四十多个版本，收获了三万多的 stars，远远的超出了自己的预期。距离上次手摸手系列教程也已经过去了很久，主要因为：作为一个个人开源项目，维持它已经…

看英文缩写，是不是有点高大上，其实这个理念在后端是非常常见的，而前端很少涉及到。不过现代前端也可以在项目中实践了，而且很契合。 首先建立一个index.ts启动文件，mac壳子 mac.ts，它内部有三个模块，cpu ，screen 和 battery ，这个三个属性分别引用的…