
前端
文章平均质量分 71
Chow Yun-thin
这个作者很懒,什么都没留下…
展开
-
前端埋点学习笔记
目的 埋点是为了采集用户行为数据(例如页面访问路径,点击了什么元素),便于进行数据分析。 三大类型 现有的埋点采集方案可以大致被分为三种 手动埋点 需要调用埋点的业务方在需要采集数据的地方调用埋点的方法,可以根据需要在任意地点任意场景进行数据采集,采集信息也完全由业务方来控制 流量可控(利) 写死方法,不灵活(弊) 可视化埋点 运营人员通过可视化的界面拖拽配置实现,这些活动控件元素都带有唯一标识。通过埋点配置后台,将元素与要采集事件关联起来,可以自动生成埋点代码嵌入到页面中 业务方工作量少原创 2021-07-11 13:32:28 · 476 阅读 · 1 评论 -
虚拟DOM学习笔记
思想 核心思想:相对于 DOM 对象,原生的 JavaScript 对象处理起来更快。Virtual DOM 本质上就是在 JS 和 DOM 之间做了一个类似于缓存的东西。这就可以类比 CPU 和硬盘,既然硬盘这么慢,我们就在它们之间加个缓存:既然 DOM 这么慢,我们就在它们 JS 和 DOM 之间加个缓存。CPU(JS)只操作内存(虚拟 DOM),最后的时候再把变更写入硬盘(DOM)。并且,每次计算出最少的需要更新的变化,然后再去修改真实的DOM 互联网1.0那种静态页面信息向用户单向传播信息的时代早已原创 2021-07-11 13:30:31 · 177 阅读 · 0 评论 -
scorllTop兼容性问题
在实现“回到顶部”功能时,需要判断用户下拉页面的举例,来判断是否需要显示“回到顶部”的按钮。因此准备使用 document.body.scrollTop的值大小来判断。代码如下: window.onscroll = function(){ //滚动超出高度,显示按钮,否则隐藏 var backtop = document.body.scrollTop; //滚动超过三分之一的屏幕高度时,将按钮从 display:none设置成block if(backtop >= (pageloo原创 2021-07-11 13:28:08 · 299 阅读 · 0 评论