Tslint官方推荐规则详细解释 发表于 2017-10-25 | 这两天老大给了一个任务，为部门的前端开发人员整理一份 tslint 的规则集，把官方推荐的规则集每一条都看了一遍，收获蛮大。在这里把每一条规则的解释记下来，算是一个总结吧。 Tslint Recommend Rules下面所列的所有规则源自于tslint官网提供的一份推荐配置清单，可在这里找到所有的 ... 阅读全文 »
DOM元素大小、形状和滚动总结 发表于 2017-10-19 | 学 DOM 的知识时一直对元素的大小、形状和滚动相关的那好几个属性傻傻分不清楚，索性专门花一些时间好好专研然后总结下来。 文档坐标、视口坐标 文档坐标 - 滚动量 = 视口坐标 如果文档比视口小，或者还没出现滚动条，那么文档的左上角就是视口的左上角，此时他们坐标的起点是相同的。 鼠标的时间处理函数中 ... 阅读全文 »
Chrome开发者工具之elements&console面板使用总结 发表于 2017-10-18 | 作为前端开发者，谷歌浏览器的开发者工具是每天都要用的。以前在公众号上也会偶尔看到相关的文章，不过都是别人消化过的知识了，倒不如自己去官网系统的学习一遍，这样以后碰到类似的文章就心中有数了😆 设备模式切换 Device Mode切换 Device Mode 按钮可以打开或关闭 Device Mode ... 阅读全文 »
浏览器缓存机制总结 发表于 2017-10-16 | 前段时间在优化我们的一个前端项目，其中利用了浏览器的缓存机制，学习了一部分相关的HTTP头部的作用。索性翻出以前收藏的关于浏览器缓存机制的文章，做一个总结。相关参考文章放在了最后。 相关 Http 头部缓存过期策略Cache-Control介绍一个复合规则, 包含多种值, 横跨 存储策略, 过期策略 ... 阅读全文 »
如何写一个pc端通用的分页组件 发表于 2017-10-15 | 最近在做部门的项目时，有几个页面都是展示分页列表，页面中有专门的一块搜索区域。在写这些页面时，发现有很多通用的逻辑，这些通用逻辑的代码量大概 100~200 行，细节之处还是挺多的，容易出错。 如果能把他们抽象出来，做一个通用列表组件，那么之后再有相关页面要开发，就能节省很多代码同时大大提升开发效率 ... 阅读全文 »
