性能优化、安全

一、懒加载

延迟加载,减轻服务器压力,减小浏览器负担

图片懒加载

img.offsetTop < window.innerHeight + document.body.srcollTop

二、回流与重绘

回流:修改字体、颜色、背景等

重绘: 增加、删除、内容尺寸等会重绘

回流不一定重绘、重绘一定导致回流

1、操作DOM,在低层级Dom操作

2、多个修改放在一起、出发回流

3、尽量少的操作Dom

4、documentFragment,代码片段

三、节流和防抖

节流:一定时间内只出发一次,浏览器resize

防抖:立即出发,如果一定时间内触发 重新计时,提交事件

安全问题:

SQL注入:表单中插入SQL查询(服务端)

XSS注入:跨站脚本注入(客户端),解决:转译

CSRF攻击:跨站请求伪造

HTTP和HTTPS:

|-----------------|------------|
| http | https |
| 超文本传输协议,信息是明文传输 | 安全性的加密传输协议 |
| 80 | 443 |

YAML和JSON的区别:

YAML:复杂的数据结构和配置文件

JSON:数据交换和存储

相关推荐
疯狂的沙粒9 分钟前
Vue 前端大屏做多端屏幕适配时,如何让其自动适配多种不同尺寸的屏幕?
前端·javascript·vue.js
范小多13 分钟前
24小时学会Python Visual code +Python Playwright通过谷歌浏览器取控件元素(连载、十一)
服务器·前端·python
ooolmf13 分钟前
matlab2024读取温度01
java·前端·javascript
打工人小夏15 分钟前
前端vue3项目使用nprogress动画组件,实现页面加载动画
前端
一颗宁檬不酸16 分钟前
前端农业商城中产品产地溯源功能的实现
前端
李少兄24 分钟前
深入理解前端中的透视(Perspective)
前端·css
拾忆,想起27 分钟前
Dubbo服务调用幂等性深度解析:彻底解决重复请求的终极方案
微服务·性能优化·服务发现·dubbo
拾忆,想起29 分钟前
Dubbo深度解析:从零到一,高性能RPC框架如何重塑微服务架构
网络协议·微服务·云原生·性能优化·rpc·架构·dubbo
江公望34 分钟前
HTML5 History 模式 5分钟讲清楚
前端·html·html5
云和数据.ChenGuang40 分钟前
Zabbix Web 界面安装时**无法自动创建配置文件 `zabbix.conf.php`** 的问题
前端·zabbix·运维技术·数据库运维工程师·运维教程