前端基础神奇的 CSS 属性：box-decoration-break
如何让高亮文本的圆角和背景色在换行时不间断？使用 box-decoration-break: clone; 属性可以解决这个问题。该属性可以使被分裂的盒子模型的背景、边框和填充被克隆到每个分裂的部分，从而保证样式的一致性。
前端基础CSS position: sticky
CSS position: sticky 对于"老前端"来们来说，实现这样一个效果：在实现网页滚动到一定高度之后，让一部分内容（比如导航，目录列表等）固定在页面中显示。我们第一直觉可能是：使用JS监听scroll事件，然后达到固定的条件之后，通过修改对应元素的css或者style实现其固定。 比如如下示例中的nav模块： ; let strLen = 5; 计算差几个空缺的0 let spac
前端基础像大神一样写代码之代码质量控制
Mofei超爱开源，最近接触了不少大神的开源项目，特别羡慕这些项目的代码质量控制，再加上公司最近也在强调代码质量，在挖坑、填坑的路上总结出一些经验和大家分享。 今天想聊的是其中的持续集成、单元测试和代码覆盖率的部分。 ![article image from 'zhuwenlong.com'](https:static.zhuwenlong.comuploadimage154
前端基础JavaScript生成CSV，以及中文乱码问题
由于工作的原因经常需要将表格导出成CSV格式，之前这类的工作都是交由后端处理的，这次由于是做一个单纯的前端工具，所以不想麻烦后台大神，尝试了一次通过JavaScript生成CSV。其实整个过程通按照BaiduGoogle上搜索出来的方案就可以流畅的完成，但是实际使用的时候，遇到了一些小问题，比如说中文乱码等，虽然折腾了半个小时用很hack方法解决了，但是整体回顾下来还是蛮有意思的，这里简单的整理