Web前端

XSS跨站脚本攻击原理分析与防御


什么是XSSXSS(Cross Site Script)攻击是指黑客通过“HTML注入”篡改网页,插入恶意的脚本,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目的。XSS分类反射型XSS反射型XSS也被称为非持久性XSS,是现在最容易出现的一种XSS漏洞。当用户访问一个带有XSS代码的URL请求时,服务器端接收数据......
什么是XSSXSS(Cross Site Script)攻击是指黑客通过“HTML注入”篡改网页,插入恶意的脚本,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目......

XSS跨站脚本攻击原理分析与防御

什么是XSSXSS(Cross Site Script)攻击是指黑客通过“HTML注入”篡改网页,插入恶意的脚本,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目......
阅读全文 1
React学习笔记

React系列学习教程合集


算是一个简单的系列合集笔记记录,温度而知新React快速上手JSX语法学习React组件基础React组件通讯React组件进阶及生命周期深入浅出HooksRedux状态管理工具学习react-redux学习React路由...
算是一个简单的系列合集笔记记录,温度而知新React快速上手JSX语法学习React组件基础React组件通讯React组件进阶及生命周期深入浅出HooksRedux状态管理工具学习react-red......

React系列学习教程合集

算是一个简单的系列合集笔记记录,温度而知新React快速上手JSX语法学习React组件基础React组件通讯React组件进阶及生命周期深入浅出HooksRedux状态管理工具学习react-red......
阅读全文 1
Web前端

TypeScript高级类型


TS 中的类型兼容性TS 类型兼容性参考文档两种类型系统:1 Structural Type System(结构化类型系统) 2 Nominal Type System(标明类型系统)TS 采用的是结构化类型系统,也叫做 duck typing(鸭子类型),类型检查关注的是值所具有的形状也就是说,在结构类型系统中,如果两个对象具有相同的形状,则认......
TS 中的类型兼容性TS 类型兼容性参考文档两种类型系统:1 Structural Type System(结构化类型系统) 2 Nominal Type System(标明类型系统)TS 采用的是结......

TypeScript高级类型

TS 中的类型兼容性TS 类型兼容性参考文档两种类型系统:1 Structural Type System(结构化类型系统) 2 Nominal Type System(标明类型系统)TS 采用的是结......
阅读全文 1
Web前端

TypeScript常用类型


TypeScript 是 JS 的超集,TS 提供了 JS 的所有功能,并且额外的增加了:类型系统JS 有类型(比如,number/string 等),但是 JS 不会检查变量的类型是否发生变化,而 TS 会检查TypeScript 类型系统的主要优势:可以显示标记出代码中的意外行为,从而降低了发生错误的可能性类型注解示例代码let age:......
TypeScript 是 JS 的超集,TS 提供了 JS 的所有功能,并且额外的增加了:类型系统JS 有类型(比如,number/string 等),但是 JS 不会检查变量的类型是否发生变化,而 ......

TypeScript常用类型

TypeScript 是 JS 的超集,TS 提供了 JS 的所有功能,并且额外的增加了:类型系统JS 有类型(比如,number/string 等),但是 JS 不会检查变量的类型是否发生变化,而 ......
阅读全文 0
React学习笔记

React路由


React路由-基本使用这里使用最广泛的 v5 版本,v5 文档、 v5 中文文档注意:v6 版本相比 v5 版本有破坏性更新! v6 文档步骤:安装:yarn add react-router-dom@5.3.0导入路由的三个核心组件:Router / Route / Link使用 Router 组件包裹整个应用使用 Link 组件......
React路由-基本使用这里使用最广泛的 v5 版本,v5 文档、 v5 中文文档注意:v6 版本相比 v5 版本有破坏性更新! v6 文档步骤:安装:yarn add react-router-do......

React路由

React路由-基本使用这里使用最广泛的 v5 版本,v5 文档、 v5 中文文档注意:v6 版本相比 v5 版本有破坏性更新! v6 文档步骤:安装:yarn add react-router-do......
阅读全文 0
React学习笔记

react-redux学习


React-Redux介绍为什么要使用 React-Redux 绑定库?React 和 Redux 是两个独立的库,两者之间职责独立。因此,为了实现在 React 中使用 Redux 进行状态管理 ,就需要一种机制,将这两个独立的库关联在一起。这时候就用到 React-Redux 这个绑定库了。作用:为 React 接入 Redux,实现在 Re......
React-Redux介绍为什么要使用 React-Redux 绑定库?React 和 Redux 是两个独立的库,两者之间职责独立。因此,为了实现在 React 中使用 Redux 进行状态管理 ,......

react-redux学习

React-Redux介绍为什么要使用 React-Redux 绑定库?React 和 Redux 是两个独立的库,两者之间职责独立。因此,为了实现在 React 中使用 Redux 进行状态管理 ,......
阅读全文 1
React学习笔记

Redux状态管理工具学习


Redux-概念Redux 是 React 中最常用的状态管理工具(状态容器)文档:redux 中文文档redux 英文文档React的问题:React 只是 DOM 的一个抽象层(UI 库),并不是 Web 应用的完整解决方案。因此 React 在涉及到数据的处理以及组件之间的通信时会比较复杂 。对于大型的复杂应用来说,这两......
Redux-概念Redux 是 React 中最常用的状态管理工具(状态容器)文档:redux 中文文档redux 英文文档React的问题:React 只是 DOM 的一个抽象层(UI 库),并不是......

Redux状态管理工具学习

Redux-概念Redux 是 React 中最常用的状态管理工具(状态容器)文档:redux 中文文档redux 英文文档React的问题:React 只是 DOM 的一个抽象层(UI 库),并不是......
阅读全文 0
React学习笔记

深入浅出Hooks


Hooks-介绍hooks 解释Hooks:钩子、钓钩、钩住 ,Hooks 是 React v16.8 中的新增功能hooks 作用为函数组件提供状态、生命周期等原本 class 组件中提供的 React 功能可以理解为通过 Hooks 为函数组件钩入 class 组件的特性注意:Hooks 只能在函数组件中使用,自此,函数组件成为 Reac......
Hooks-介绍hooks 解释Hooks:钩子、钓钩、钩住 ,Hooks 是 React v16.8 中的新增功能hooks 作用为函数组件提供状态、生命周期等原本 class 组件中提供的 Rea......

深入浅出Hooks

Hooks-介绍hooks 解释Hooks:钩子、钓钩、钩住 ,Hooks 是 React v16.8 中的新增功能hooks 作用为函数组件提供状态、生命周期等原本 class 组件中提供的 Rea......
阅读全文 0
React学习笔记

React组件进阶及生命周期


props - 类型校验理解props都是外来的,在使用的时候如果数据类型不对,很容易造成组件内部逻辑出错// 开发者A创建的组件const List = props => { const arr = props.colors const list = arr.map((item, index) => <li key......
props - 类型校验理解props都是外来的,在使用的时候如果数据类型不对,很容易造成组件内部逻辑出错// 开发者A创建的组件const List = props => { const a......

React组件进阶及生命周期

props - 类型校验理解props都是外来的,在使用的时候如果数据类型不对,很容易造成组件内部逻辑出错// 开发者A创建的组件const List = props => { const a......
阅读全文 0
React学习笔记

React组件通讯


组件通讯-概念组件状态是独立的,组件化之后涉及状态同步,需要进行组件通讯组件的特点组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据在组件化过程中,通常会将一个完整的功能拆分成多个组件,以更好的完成整个应用的功能组件通讯意义而在这个过程中,多个组件之间不可避免的要共享某些数据为了实现这些功能,就需要打破组件的独立封闭性,让其与......
组件通讯-概念组件状态是独立的,组件化之后涉及状态同步,需要进行组件通讯组件的特点组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据在组件化过程中,通常会将一个完整的功能拆分成多个组件,以更好......

React组件通讯

组件通讯-概念组件状态是独立的,组件化之后涉及状态同步,需要进行组件通讯组件的特点组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据在组件化过程中,通常会将一个完整的功能拆分成多个组件,以更好......
阅读全文 0