性能优化、安全

一、懒加载

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

图片懒加载

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:数据交换和存储

相关推荐
望道同学3 分钟前
PMP/信息系统项目管理师 9 张 思维导图【考试必备】
前端·后端·程序员
局i33 分钟前
Vue 中 v-text 与 v-html 的区别:文本渲染与 HTML 解析的抉择
前端·javascript·vue.js
菜鸟冲锋号1 小时前
问题:增量关联(实时同步新数据) 这个场景中,如果hudi_pay 变更了一条数据,hudi_order_pay_join 结果的数据会跟着变化吗
服务器·前端·数据库
贩卖黄昏的熊1 小时前
typescript 快速入门
开发语言·前端·javascript·typescript·ecmascript·es6
拾柒SHY1 小时前
XSS-Labs靶场通关
前端·web安全·xss
前端婴幼儿2 小时前
前端主题切换效果
前端
一 乐2 小时前
水果销售|基于springboot + vue水果商城系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
Qin_jiangshan2 小时前
如何成为前端架构师
前端
dolt022 小时前
基于deepseek实现的ai问答小程序
前端·开源
IndulgeCui2 小时前
【金仓数据库产品体验官】KingbaseES-性能优化深度体验
数据库·性能优化