性能优化、安全

一、懒加载

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

图片懒加载

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

相关推荐
cindershade4 小时前
Vue3 实时音频录制与转写 Composable 技术实现
前端
Java天梯之路4 小时前
Spring Boot 钩子全集实战(一):构造与配置阶段
java·spring boot·面试
MACKEI4 小时前
数据库操作性能优化方法文档
数据库·性能优化
张风捷特烈4 小时前
Flutter&TolyUI#12 | 树形组件 toly_tree 重磅推出!
android·前端·flutter
小橙编码日志4 小时前
Java事务常见的失效场景总结
后端·面试
柯南二号4 小时前
【大前端】【Android】一文详解Android MVVM 模式详情解析
android·前端
feathered-feathered4 小时前
Redis【事务】(面试相关)与MySQL相比较,重点在Redis事务
android·java·redis·后端·mysql·中间件·面试
Mintopia4 小时前
⚛️ 深入学习 React Fiber 架构的思路分析
前端·react.js·架构
页面魔术4 小时前
⭐看完vite纪录片才知道尤大有多屌(上)
前端·javascript·vue.js
UpgradeLink4 小时前
Electron 项目使用官方组件 electron-builder 进行跨架构打包
前端·javascript·electron