Nolan's Blog

csrf

CSRF（Cross-site request forgery），中文为‘跨域站点伪造’；

什么是 csrf 攻击？ CSRF（Cross-site request forgery），中文为‘跨域站点伪造’； 攻击流程 用户 A、 网站 B、攻击网站 C 流程： A 登录 网站 B，A 的浏览器有了网站 B 设置的身份认证的 cookie 信息； A 在没有登出 B 的情...

Posted by nolan on November 12, 2019

XSS

xss，“跨站脚本攻击”（Cross Site Scripting）。

概述 xss，“跨站脚本攻击”（Cross Site Scripting）。 分类 反射型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=devi...

Posted by nolan on November 12, 2019

Content-Type

标记网络文件类型，方便浏览器解析

作用 定义网络文件的类型和网页编码 决定浏览器以什么格式、什么编码读取这个文件（比如打开一个 php 网页，结果却是下载一个文件） 格式 // mime + 编码 Content-Type：text/html;charset=utf-8 Content-type:multipart/form-data;boundary=something 常见的 MIME 类型（媒体格...

Posted by nolan on October 30, 2019

【读书笔记】《数据结构与算法JavaScript描述》

数据结构：栈、队列、链表、字典、集合、二叉树；算法：二叉树查找、图算法、排序算法

数组 JavaScript 是一种特殊的对象，用来表示偏移量的索引是该对象的属性，索引可能是整数，并在内部转换成字符串类型（JavaScrip 对象的属性名必须是字符串）。JavaScript 中的数组只是一种特殊对象，所以效率没有其他语言的数据高。 字符串生成数组：split 数组生成字符串：join \ toString 改变数组：尾部（pop \ push）、头部（...

Posted by nolan on October 17, 2019

函数防抖与节流

函数防抖与节流

防抖 在事件被触发 n 秒后再执行回调，如果这 n 秒内又被触发，则重新计时。 应用 搜索框输入联想，用防抖来节约请求资源； 在监听滚动事件时，加上防抖来判断滚动停止后的状态； const debounce = (fn, delay) => { let timeoutId = null; return (a...

Posted by nolan on October 11, 2019

React Refs

refs 的创建和访问方法、应用场景

概述 React Refs 提供了一种方式， 允许我们访问 Dom 节点或是 render 方法创建的 React 元素。 适合使用 Refs 的场景 管理焦点，文本选择或媒体播放 触发强制动画 集成第三方 DOM 库 API 创建 Refs class MyComponent extends React.Component { con...

Posted by nolan on September 29, 2019

React Context

一种跨组件状态共享的方法，context api 及 高级用法

概述 全局变量管理，react 的思想是向下传递的单向数据流，如果一个组件嵌套很深，必须一层层传递 prop；一种解决方案是用 redux，但是很复杂，没必要搞这么复杂；context 相对轻量级； API React.createContext const MyContext = React.createContext(defaultValue); ...

Posted by nolan on September 29, 2019

React 组件和逻辑复用

HOC、render props、 hooks

高阶组件 HOC 优点 外层组件通过 props 影响内部组件状态，而不是通过改变其 state 存在冲突和干扰，降低耦合度； 缺点 无法从外部访问子组件的 state，因此无法通过 shouldComponentUpdate 过滤不...

Posted by nolan on July 2, 2019

FEATURED TAGS
FE js 算法 FullStack ts nodejs 工具 杂谈
ABOUT ME

格物致知，长期主义

wechat： RedNolan

✉️ 545921090@qq.com