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