随笔分类 - 题目
面试题目、项目中遇到的难点
摘要:window.location.href无效 参数未更改现象 window.location.href所在的函数的那个事件的后面加上return false
阅读全文
摘要:js - 大文件上传下载 大文件上传-分片上传 分片上传的好处是将一个大请求分成多个小请求来执行,这样当其中一些请求失败后,不需要重新上传整个文件,而只需要上传失败的分片就可以了。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-
阅读全文
摘要:1.原生JS实现图片懒加载(考虑不重复加载以及节流) 知识点:视口位置判断,懒加载实现(data-set),节流等 1.Element.getBoundingClientRect() 该方法返回元素的大小及其相对于视口的位置, 具体解释及用法参考 MDN. 通过 Element.getBoundin
阅读全文
摘要:页面加载海量数据 题目 10w 条记录的数组,一次性渲染到页面上,如何处理可以不冻结UI? 具体化 页面上有个空的无序列表节点 ul ,其 id 为 list-with-big-data ,现需要往列表插入 10w 个 li ,每个列表项的文本内容可自行定义,且要求当每个 li 被单击时,通过 al
阅读全文
摘要:问题 对同一元素设置overflow-x:visible;overflow-y:auto;属性值不生效 根据W3C的说法,对同一元素设置overflow-x:visible;overflow-y:auto;属性值不生效,也就是说,overflow-x和overflow-y的计算值跟给定的值相同,除了
阅读全文
摘要:
JS的防抖与节流 在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。 函数防抖(debounce)
阅读全文
