- 博客(126)
- 收藏
- 关注
原创 【CSS】CSS3新特性
1. 选择器、文本2. 过渡、变形、动画3. 滤镜4. 弹性盒子布局5. 边框圆角边框:border-radius: 1-4 length|% / 1-4 length|%;边框阴影:box-shadow: 水平偏移距离 垂直偏移距离 [模糊距离] [阴影的尺寸] [颜色] ;边框图片:border-image:图片 向内偏移距离 宽度 图像区域超出边框的距离 重复效果;重复效果:round/strech/repeat6. 背景多重背景 :background: 背景色 背景图片
2022-04-21 20:21:39
221
原创 【React】Redux
文章目录1. 设计思想2. 三大原则3. `createStore(reducer)`3.1 store3.2 `reducer(state,action)`3.3 `getState()` `dispatch()` `subscribe()`3.4 `bindActionCreators()`4. 购物车案例5. 小结Redux是一款著名的JavaScript状态管理容器。也就是说,Redex除了和React配合使用,还可以配置JS、Vue使用。1. 设计思想Redux是将整个应用状态存储到一
2022-04-20 19:58:05
872
转载 【React】setState是同步的还是异步的?
异步情况下的setState()import React,{Compontent} from 'react';class Mydemo extends React.Component { state = { num: 0 }; add = () => { this.setState({ num: this.state.num + 1 }) console.log(this.state
2022-03-31 15:45:41
3723
1
原创 【JavaScript】JavaScript中for-in、for-of、forEach()、数组的map()
for-in for-of forEach() map()
2022-03-28 11:01:17
629
原创 MVVM、MVC
文章目录MVC(Model View Controller)南栀的MVVM博客MVC(Model View Controller)MVC模型代表Model View Controller (模型-视图-控制器)模式。这种模型用于应用程序的分层开发。Model(模型):模型代表一个存取数据的对象或者JAVA POJO。它也可以带有逻辑,在数据变化时更新控制器。View(视图):View视图是指用户看到并与之交互的界面。比如由html元素组成的网页界面,或者软件的客户端界面。MVC的好处之一在于它
2022-03-22 16:57:29
367
原创 彻底搞懂cookie、session、token
文章目录前言1. cookie2. session3. token3.1 为什么要使用token3.2 token详解前言cookie、session、token为了解决什么问题:HTTP是一种无状态的协议,而服务器的业务必须是有状态的。随着在线购物网站、需要登录的网站等等,面临的问题就是要管理会话。Session 、 Cookie、Token等就是来解决这个问题的机制。鉴权流程图:根据上图可以看到,从用户请求发起,到服务端完成操作,流程颇多,但是HTTP无状态,我们如何才能详细记录这些
2022-03-21 11:29:14
2303
1
原创 XSS、CSRF攻击以及预防手段
文章目录XSS反射型持久型DOM型XSS如何防御?CSRFXSSXSS全程Cross Site Scripting,名为跨站脚本攻击,是一种常见于 Web 应用中的计算机安全漏洞。恶意攻击者往 Web 页面里嵌入恶意的客户端脚本,当用户浏览此网页时,脚本就会在用户的浏览器上执行,进而达到攻击者的目的。比如获取用户的 Cookie、导航到恶意网站、携带木马等。攻击者对客户端网页注入的恶意脚本一般包括 JavaScript,有时也会包含 HTML 和 Flash。有很多种方式进行 XSS 攻击,但它
2022-03-12 20:14:19
4998
原创 【浏览器】Cookie、WebStorage
文章目录CookieWebStorage本地存储sessionStoragelocalStoragesessionStorage和localStorage对比浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。CookieHTTP Cookie简称cookie,在HTTP请求发送Set-Cookie HTTP头作为响应的一部分。通过name=value的形式存储。cookie的构成:名称:name(不区分大小写,但最好认为它是
2022-03-10 23:06:50
724
原创 【计算机网络】http响应状态码
文章目录1XX(临时响应)2XX(成功)3XX(重定向)4XX(请求错误)5XX(服务器错误)1XX(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。返回状态码说明解释100继续请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101切换协议请求者已要求服务器切换协议,服务器已确认并准备切换。2XX(成功)表示成功处理了请求的状态代码。返回状态码说明解释200成功服务器已成功处理了请
2022-03-10 23:00:32
229
原创 【CSS】CSS实现水平垂直居中
文章目录1. 绝对定位元素的水平居中2. margin: auto;绝对定位3. css3.0弹性盒子布局4. 相对定位5. vertical-align:middle6. display:table实现1. 绝对定位元素的水平居中已知宽高的元素绝对定位的水平居中实现:优点:工作中使用最多,兼容性很好。缺点:需要提前知道元素的尺寸。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-
2022-03-07 17:19:11
405
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人