xulei1998

XSS和CSRF是最常见的攻击方式，以下整理了它们的定义、攻击特点、防范手段。 XSS 跨站脚本攻击 “注入 篡改” 攻击特点：黑客通过恶意脚本（包括JS，html）对浏览器进行攻击，篡改浏览器的正常

在前端的整个学习生涯中，总是能一次次听到“性能”和“体验”这两个词。初始脑海中只有“不要频繁操作DOM” ，“给动画使用绝对定位可以减小reflow......” 等等这些零碎知识片段。通过查阅了一些

浏览器首次渲染（六步） 解析HTML，构建HTML树（DOM文档对象模型） 解析CSS，构建CSS树（CSSOM） 将两棵树合并成一颗渲染树（render tree） 根据渲染树对每个节点进行layo

前言 因为自己有时会忘记某个JS数组操作的方法，这篇博客就对数组相关知识进行总结，常看常新。 slice 与 splice slice：截取数组/字符串 数组/字符串.splice(start,end

开发常用单位 像素（px）：绝对单位，固定的像素，一旦设置了就无法随着页面大小而改变。 百分比（%）：为子元素设置百分比相对于直接父元素。 rem与em：相对单位，rem相对于根元素的字体大小单位，e

浏览器中并不存在宏任务，宏任务（Macrotask）是 Node.js 发明的术语（Node.js里有六个阶段，每个阶段可以创建宏任务和微任务）。浏览器中只有任务（Task）和微任务（Microtas

有些元素需要绑定一些持续触发的事件（比如滚动scroll），我们并不希望在事件持续触发的过程中那么频繁地去执行函数，「防抖」和「节流」是比较好的解决方案。

flex布局 Gird布局 采用 Flex 布局的父元素叫容器（container），它的所有顶层子元素称为项目（items）

要求 实现一个可以拖拽的div盒子 设置监听事件 mousedown 点击鼠标，开始拖拽 mousemove 鼠标移动，拖拽过程中 mouseup 鼠标抬起，拖拽结束 实现思路 在鼠标点击状态下，比较