性能优化、安全

一、懒加载

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

图片懒加载

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

相关推荐
Haku Coder几秒前
网络安全零基础培训 L1-7 Web基础和CSS渲染
前端·css
生命猿于运动1 分钟前
Trae使用体验
前端·javascript·vue.js
Mike_jia2 分钟前
Nexus私服全栈指南:从零搭建到企业级DevOps实战
前端
G扇子2 分钟前
Vue2与Vue3的双向数据绑定原理与实现对比
前端·vue.js
2401_837088504 分钟前
HTML给图片居中
前端·javascript·html
伶俜monster5 分钟前
光影编程师:Threejs Shader 基础全攻略
前端·webgl·three.js
小桥风满袖7 分钟前
Three.js-硬要自学系列14 (PBR材质、环境贴图、清漆层、物理材质透光率)
前端·css·three.js
Spirited_Away8 分钟前
脚手架开发之命令行参数解析
前端·javascript·面试
用户2031196600969 分钟前
GeometryReader的基本用法
前端