掘友等级
不以哗众取宠的目的写文章,不以滥竽充数的心态记心得。
获得徽章 0
dom.offsetWidth可以触发重绘,这在连续变化CSS样式使transition触发时候很管用。但是,除了这样的场景,请避免使用,可以使用其他方式获取尺寸(如getBoundingClientRect)。最近一个项目,当有上千条数据的时候,页面渲染居然要20~30秒,对是秒。排查之后是一个UI组件使用了dom.offsetWidth获取尺寸,改成其他方式后,渲染时间变成了20~30ms,没错,你没有看错,降低了1000倍。页面DOM越多dom.offsetWidth的性能影响越明显,是n²性能开销增加。
心血来潮基于 vue-next 写了一个 todomvc 的 demo,写的过程中发现了一个 v-model 的小 bug,已经反馈给尤大了~
github.com
推介一个 CSS 渐变代码自动生成工具,可以自动生成线性渐变代码,并且提供了一些常用的线性渐变,也可以很好的进行自定义,是我常用的工具之一,喜欢拿去~
www.bestvist.com
周末在家做了个在线还原SVG Sprites为独立SVG小图标并管理的工具。每个SVG小图标可以独立下载,也可以复制内联SVG代码,或者base64代码或者作为CSS背景使用的转义SVG代码。地址是:
www.zhangxinxu.com 欢迎体验与反馈。
介绍HTML中33个rel属性值及其对应的含义,这33个属性值各有千秋,涵盖web开发方方面面,或SEO或功能开发或性能优化等,有些属性值是非常实用的。
下一页