性能优化、安全

一、懒加载

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

图片懒加载

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

 

相关推荐
xiaoxiangsiyan几秒前
RHCE之2026年全套考点详解
运维·前端·网络·chrome·学习·rhce
Fluxart.ai5 分钟前
Etsy手工制品换背景,用什么AI能保留手作质感?
前端·javascript·人工智能
小玮看世界24 分钟前
[Python] str() 和 join() 的区别与实战避坑指南
前端·javascript·python
hyf32663328 分钟前
低成本站群泛程序部署:单服务器托管百站稳定运行教程
运维·服务器·前端·搜索引擎·蜘蛛池
程序员爱钓鱼40 分钟前
Rust 方法 Method详解:self、方法调用与API设计
后端·面试·rust
程序员黑豆44 分钟前
Java正则表达式详解
java·前端·ai编程
程序员爱钓鱼1 小时前
Go break、continue、goto 详解
后端·面试·go
ShineWinsu9 小时前
对于C++:IO流状态的详细解析
c++·面试·io·cin·io流状态·goodbit·failbit
「PlanA」9 小时前
测试开发面经001
面试
不可求~9 小时前
多模型路由怎么落地:把任务分流写进项目的最小实现
java·前端·数据库