
前端领域
文章平均质量分 93
总结部分前端知识
推荐配合 FE-Interview 一起来看。
Bayi·
英特纳雄奈尔一定要实现!
展开
-
HTML5:离线存储
我们来看看HTML5的新特性---离线存储吧。随着Web App的发展,越来越多的移动端App使用HTML5的方式来开发,除了一些HybridApp以外,其他一部分Web App还是通过浏览器来访问的,通过浏览器访问就需要联网发送请求,这样就使得用户在离线的状态下无法使用App,同时Web App中一部分资源并不是经常改变,并不需要每次都向服务器发出请求,出于这些原因,HTML5提出的一个新的特性:离线存储。通过离线存储,我们可以通过把需要离线存储在本地的文件列在一个manifest配置文件中,这样即使转载 2021-02-19 13:35:16 · 748 阅读 · 0 评论 -
JS 统计字符串中大小写字母个数
JS 统计字符串中大小写字母个数注:字母a-z的code为97 - 122,A-Z的code为65 - 90 这很重要。不过记不住也没关系 let str = 'naAZiHesnKuanzgA' console.log('a'.charCodeAt(), 'z'.charCodeAt(), 'A'.charCodeAt(), 'Z'.charCodeAt()) //97 122 65 90 function countABC(str) { let A原创 2020-06-03 23:58:13 · 3344 阅读 · 0 评论 -
js数组去重多种办法详解 (对萌新提供额外优待)
6种萌新必备数组去重 + 扩展方法 var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 0, 0, 'a', 'a', {}, {}]; console.log('原数组', arr) /* 那为什么没有去除空对象呢? 这是因为当两个值比较的.原创 2020-05-14 23:07:41 · 521 阅读 · 0 评论 -
面试题: 浏览器同源策略
1.同源策略来历 同源策略于1995年由网景公司引入浏览器,目前,所有浏览器都实行这个策略。2.什么是同源? 所谓同源 ,指的是:协议,域名,端口三者一致3.同源策略的目的 同源策略的目的,是为了保证用户信息的安全,防止恶意的网站窃取数据4.如果非同源,浏览器的限制 (1):Cookie,LocalStorage和IndexDB 无法读取 ...原创 2020-04-06 19:44:24 · 708 阅读 · 0 评论 -
前端面试题:如何渲染大批量数据而页面不被卡住
FE-Interview javascript 66 setTimeout(() => { // 总共加载10万条数据 const total = 100000 // 一次加载20条 const once = 20 // 需要加载多少次 const loopCount = total / once // 加载到第几次了 let curr..原创 2020-05-09 18:02:03 · 2007 阅读 · 0 评论 -
回流重绘
作者:Noxus丶SJ链接:https://zhuanlan.zhihu.com/p/134024353来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。什么是回流?当一个元素自身的宽高,布局,显示或隐藏,或元素内部的文字结构发生变化,导致需要重新构建页面的时候,就产生了回流什么是重绘?当一个元素自身的宽高,布局,及显示或隐藏没有改变,而只是改...转载 2020-05-09 17:38:24 · 149 阅读 · 0 评论 -
面试题:JS 快速打乱一个数组
先上代码sort + Math.random()解析: sort() 方法用于对数组的元素进行排序。sort( )方法推荐通过传入一个函数来定义自己想要的排序规则 函数内会传两个参,如图 注意: sort()方法直接作用于原数组,不生产副本,如不想改变原数组请拷贝一份副本再排序 根据你的评判标准,a小于b,在排序后的数组中a应该出现在b之前,就返回一个小于0的值。 如果a等于b,就返回0。 如果a大于b,...原创 2020-05-09 08:09:12 · 662 阅读 · 0 评论