-
如何一次性加载10万条数据(虚拟长列表原理和实现)
前言 如何一次性加载并渲染10万条数据,渲染无延时、页面不卡顿?这是面试官经常问到的问题。一开始听到这个问题时,我和很多人一样不屑一顾——这要么是面试官非常闲,要么是后端偷懒没做分页,哪有场景会一次性加载10万条数据,难道不会用分页或者懒加载吗?后来我对股票期货产生了兴趣,发现价格分时数据平均每秒钟有2条,一天下来正好是十几万条数据。这十几万条数据需要一次性获取,并进行数据可视化,既然数据已经到手… -
[HTML 5] 辐射式伞状网页背景特效代码下载与使用
说明 蓝点网近期在网页背景上增加了各HTML 5特效,就是你现在可以看到的网页左右两侧的蓝色的运动像素点。 这个HTML 5特效的作者和名字具体是什么就不清楚了,因此我只能将它描述为辐射式伞状网页背景特效了。 更新:人多力量大感谢网友Ladder提供的原作者链接:https://github.com/VincentGarreau/particles.js 要想在网页是上使用这个特效是非常非常简单的… -
CSS 定位
定位 为什么需要定位 很多效果浮动做不了 定位的组成 定位∶将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。 定位 = 定位模式 + 边偏移 定位模式 定位模式决定元素的定位方式,它通过CSS的position属性来设置,其值可以分为四个: 值 语义 static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 边偏移 边偏移就是定位的… -
CSS浮动
CSS浮动 目标 能够说出为什么需要浮动 能够说出浮动的排列特性 能够说出3种最常见的布局方式 能够说出为什么需要清除浮动 能够写出至少2种清除浮动的方法 能够完成学成在线的页面布局 浮动(float) 标准流(普通流/文档流) 所谓的标准流:就是标签按照规定好默认方式排列. 块级元素会独占一行,从上向下顺序排列。 常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table 行… -
Dockfile搭建教程
Dockfile构建镜像docker build -t test:v1 .打造属于你自己的Kali一般我们搞信息安全的难免都会用到Kali Linux,如果不想安装累赘的虚拟机或者不想折腾更新源等那么该肿么办呢?现在有了Docker,这一切的问题都不再是问题,使用Docker来运行Kali,更加轻便快捷,而且可以ping通物理机的C段,用来实战的话再合适不过了。 秀个主题先:image安装了Mac… -
CSS的盒子模型
CSS的盒子模型1.盒子模型页面布局的三大核心:盒子模型、浮动、定位1.1 看透网页布局的本质网页布局的过程先准备好想管的网页素材网页元素基本上都是BOX利用CSS设置好盒子样式,摆放到相应位置往盒子内装内容核心:设置盒子的CSS的样式1.2 盒子模型 (box model) 组成CSS盒子模型本质是一个盒子,封装周围的HTML元素,包括:边框、外边距、内边距、实际内容border 边框 蓝色区域… -
免费申请一年期限的AlphaSSL泛域名证书
**说明:**目前基本上找不到免费的泛域名`SSL`证书申请渠道了,除了`3`个月的`Let’s Encrypt`,不过时长有点短,这里萌咖大佬就写了个`AlphaSSL`泛域名证书申请接口,申请后的证书有效时长为`1`年,可以给主域名及任意一个子域名使用,这里就说下申请方法,有需求就上。 ``` 提示:为了防止滥用,所以签发是需要签发码的。 ``` ## 注意 **签发出来的证书,有效期均为**… -
Linux常用配置及硬件检测命令
说明:一些比较常见的linux命令,主要用于检测服务器的配置和硬件信息,包括:操作系统、CPU、内存、硬盘分区、系统时间、负载、网络相关、进程、用户、开关机、启动等方面,适用于主流操作系统,常见的**centos、ubuntu、debian等。 [scode type="green" size=""]你可能感兴趣 利用搜索引擎,来为我们赚美刀(一) 如何优化…
-
如何一次性加载10万条数据(虚拟长列表原理和实现)
前言 如何一次性加载并渲染10万条数据,渲染无延时、页面不卡顿?这是面试官经常问到的问题。一开始听到这个问题时,我和很多人一样不屑一顾——这要么是面试官非常闲,要么是后端偷懒没做分页,哪有场景会一次性加载10万条数据,难道不会用分页或者懒加载吗?后来我对股票期货产生了兴趣,发现价格分时数据平均每秒钟有2条,一天下来正好是十几万条数据。这十几万条数据需要一次性获取,并进行数据可视化,既然数据已经到手… -
[HTML 5] 辐射式伞状网页背景特效代码下载与使用
说明 蓝点网近期在网页背景上增加了各HTML 5特效,就是你现在可以看到的网页左右两侧的蓝色的运动像素点。 这个HTML 5特效的作者和名字具体是什么就不清楚了,因此我只能将它描述为辐射式伞状网页背景特效了。 更新:人多力量大感谢网友Ladder提供的原作者链接:https://github.com/VincentGarreau/particles.js 要想在网页是上使用这个特效是非常非常简单的… -
CSS 定位
定位 为什么需要定位 很多效果浮动做不了 定位的组成 定位∶将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。 定位 = 定位模式 + 边偏移 定位模式 定位模式决定元素的定位方式,它通过CSS的position属性来设置,其值可以分为四个: 值 语义 static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 边偏移 边偏移就是定位的… -
CSS浮动
CSS浮动 目标 能够说出为什么需要浮动 能够说出浮动的排列特性 能够说出3种最常见的布局方式 能够说出为什么需要清除浮动 能够写出至少2种清除浮动的方法 能够完成学成在线的页面布局 浮动(float) 标准流(普通流/文档流) 所谓的标准流:就是标签按照规定好默认方式排列. 块级元素会独占一行,从上向下顺序排列。 常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table 行… -
Dockfile搭建教程
Dockfile构建镜像docker build -t test:v1 .打造属于你自己的Kali一般我们搞信息安全的难免都会用到Kali Linux,如果不想安装累赘的虚拟机或者不想折腾更新源等那么该肿么办呢?现在有了Docker,这一切的问题都不再是问题,使用Docker来运行Kali,更加轻便快捷,而且可以ping通物理机的C段,用来实战的话再合适不过了。 秀个主题先:image安装了Mac… -
CSS的盒子模型
CSS的盒子模型1.盒子模型页面布局的三大核心:盒子模型、浮动、定位1.1 看透网页布局的本质网页布局的过程先准备好想管的网页素材网页元素基本上都是BOX利用CSS设置好盒子样式,摆放到相应位置往盒子内装内容核心:设置盒子的CSS的样式1.2 盒子模型 (box model) 组成CSS盒子模型本质是一个盒子,封装周围的HTML元素,包括:边框、外边距、内边距、实际内容border 边框 蓝色区域… -
免费申请一年期限的AlphaSSL泛域名证书
**说明:**目前基本上找不到免费的泛域名`SSL`证书申请渠道了,除了`3`个月的`Let’s Encrypt`,不过时长有点短,这里萌咖大佬就写了个`AlphaSSL`泛域名证书申请接口,申请后的证书有效时长为`1`年,可以给主域名及任意一个子域名使用,这里就说下申请方法,有需求就上。 ``` 提示:为了防止滥用,所以签发是需要签发码的。 ``` ## 注意 **签发出来的证书,有效期均为**… -
Linux常用配置及硬件检测命令
说明:一些比较常见的linux命令,主要用于检测服务器的配置和硬件信息,包括:操作系统、CPU、内存、硬盘分区、系统时间、负载、网络相关、进程、用户、开关机、启动等方面,适用于主流操作系统,常见的**centos、ubuntu、debian等。 [scode type="green" size=""]你可能感兴趣 利用搜索引擎,来为我们赚美刀(一) 如何优化…