- 博客(10)
- 收藏
- 关注
转载 长列表渲染中的虚拟列表处理(内附代码)
假如有1000条数据,前端在利用ajax发送一些必要数据后,需要在加上总页数,和当前页数,那么此时,如果约定是10页的话,那么现在前端只是获取的当页的10条数据。如上述代码所示,我们一次利用setTimeout加载20条,每次setTimeout是一次宏任务,在浏览器的执行机制中,没进行一轮的宏任务之后会进行渲染,这样的话,就可以实现,每加载20条数据后渲染,不会造成主线程一直被占用的情况。这种方法的核心思想就是,现将所有的数据得到,但是只去渲染视窗可见部分的数据。先引入一种时间切片的方式,...
2022-08-17 18:14:32
621
转载 学之无味,不学可惜的正则表达式
| `[xyz] ` | 字符集,匹配位于[]中的任意一个字符 || `[^xyz]` | 反向字符集,匹配除[]之外的任何字符 || `[a-z]` | 字符范围。匹配指定范围内的任意字符 | `[^a-z]` | 反向字符范围。匹配指定范围之外的任意字符......
2022-08-17 17:47:35
193
原创 浅谈web安全问题——安全永不过时(二)
前言第一次写系列文章,希望自己一定坚持下去。书接前文xss,我们今天来讲一下csrf。csrf (Cross Site Request Forgery)跨站点请求伪造。概念攻击者诱导受害者进入第三方网站,在第三方网站中,向被攻击网站发送跨站请求。利用受害者在被攻击网站已经获取的注册凭证,绕过后台的用户验证,达到冒充用户对被攻击的网站执行某项操作的目的。举例(只是个例子哈,一般购物网站的防护措施还是很强的。):张三在某个正规购物网站上购物,这时电脑上突然弹出,一个链接,很诱人的那种
2022-05-19 14:31:20
189
原创 浅谈web安全问题——安全永不过时(一)
Web开发是一个永远不会退出历史舞台的行业。事实上,随着新技术的到来,它将会随着时间不断地发展和更新,Web安全也是我们不可忽视的问题。设想下面一个场景,一些公开的qq群里突然传出了,一些吸引你的邮件内容(手动🐶),然后你经不住诱惑,你打看开了发现自己的账号被盗了。然后在你的好友,群聊里发一堆奇奇怪怪的东西,对吧。想想都生气。我就大概谈一下xss,csrf,sql注入,这些常见问题吧。本次先以xss入手讲解。xss首先,什么是xss,这是夸站点脚本攻击。主要是由于网站开发人员对于
2022-05-15 22:29:39
724
转载 JS在浏览器中的执行机制以及事件轮询
——互联网寒冬中的一件棉被。为什么会出现事件轮询我们先记住这个问题,再说事件轮询之前,我想先提一下为什么js有事件轮询这一机制。它是干什么的呢? 这还要从js本身的执行机制说起,js本身就是为了网页交互而出现的一种脚本语音,它是单线程的。为什么js是单线程呢?因为js可能会操作dom,可能存在一遍删除dom一边修改dom的情况,如果是多线程的话,必须要确保执行的先后顺序,加大了设计难度。所以设计成单线程的。那么如果,js中的所有代码都是单线程的话,是不是对用户体验有极大的影响,所以js有
2022-05-15 22:26:28
707
转载 长列表渲染中的虚拟列表处理
无论是在真实的项目开发中,还是面试的问题中,对前端的优化处理方式都十分看重,而面对真实的长列表,面对成千上万的数据列表,要怎么去渲染呢?首先最常规的就是前,后端进行约定分页处理。假如有1000条数据,前端在利用ajax发送一些必要数据后,需要在加上总页数,和当前页数,那么此时,如果约定是10页的话,那么现在前端只是获取的当页的10条数据。跳转不同页面之后,获取不同页面的10条数据。这是最简单一种处理方式,不过这种方式也有它明显的弊端,假如要跨页寻找数据时候,就需要开辟新的存储空间去存,在实际情况中,甚至
2022-05-15 22:18:44
301
原创 再也不要被js原型搞懵逼了
在正式提及,原型,继承之前。先谈一谈js中对象创建方式。首先就是,经典的工厂模式function createfunc(height,weight){ let o = new Object(); o.height=height; o.weight=weight; o.sayheight=function(){ console.log(this.height); } return o;}可以对比一下构造函数模式funct
2021-11-03 10:39:16
120
原创 函数的防抖与节流
摘要——提起防抖与节流,想必小伙伴们都不陌生,面试官也不陌生。手写防抖与节流,已经见怪不怪了。下面来粗略谈谈我对防抖,节流的看法。 概念 函数防抖,一个函数在一段时间后回调执行,如果在改时间内重复执行,则重新计时。函数节流,规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。主要的区别在于,防抖是回调执行。而节流是立即执行。...
2021-10-29 13:40:11
226
原创 大数据之hive安装
摘要--在ubuntu上面安装hive,踩了好多坑,卡了一天。虽说算是解决了,还是有点懵逼。把踩到的坑写出来。希望小伙伴们没那么痛苦。首先是hive下载安装修改环境变量这些。并没有太大问题如图所示一步步来就可以。 第一个坑来了,配置文件的修改 一定要注意上述画圈的地方,上面是mysql数据库账号,下面是mysql数据库的密码。并且这个用户最好是已经可以远程链接的用户。这里给出一个网址,ubuntu20安装mysql8.0并配置远程连接_xiaowang_test...
2021-10-24 13:21:14
1307
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人