性能优化、安全

一、懒加载

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

图片懒加载

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

相关推荐
奚大野...6 小时前
uni-app手机端项目touchmove禁止页面上下拉滑动
前端·javascript·uni-app
Object~6 小时前
4.const和iota
开发语言·前端·javascript
小小小小宇6 小时前
前端监测界面内存泄漏
前端
掘金安东尼6 小时前
⏰前端周刊第 448 期(2026年1月4日-1月10日)
前端·面试·github
邹阿涛涛涛涛涛涛7 小时前
月之暗面招聘 Android
面试·招聘
攀登的牵牛花7 小时前
前端向架构突围系列 - 工程化(一):JavaScript 演进史与最佳实践
前端·javascript
夏天想7 小时前
为什么使用window.print打印的页面只有第一页。其他页面没有了。并且我希望打印的是一个弹窗的内容,竟然把弹窗的样式边框和打印的按钮都打印进去了
前端·javascript·html
FinClip7 小时前
凡泰极客FinClip荣获2025中国企业IT大奖!AI+超级APP重塑企业AI服务
前端·架构·openai
一起努力啊~7 小时前
算法刷题--哈希表
算法·面试·散列表
小酒星小杜7 小时前
在AI时代下,技术人应该学会构建自己的反Demo地狱系统
前端·vue.js·ai编程