10 2020 档案
摘要：本文参考自https://www.cnblogs.com/goodjobluo/p/9077010.html Redux工作流程 Redux三大基本原则 单一事件原则：所有状态和数据都保存在store中，且只存在一个store 状态只读原则：state数据是只读的，不能直接修改，只能通过派发动作进行
阅读全文
摘要：在react中，原生js监听事件中的setState是同步的，如addEventListener、setTimeout等 而在react控制的事件处理函数中，setState是异步的，如onClick等 setState有两种设置方式， setState传入对象，直接修改state中的数据 setS
阅读全文
摘要：computed主要用来设置被多个数据影响的数据。可以不在data或prop中定义。 不能进行异步操作； 对计算值进行缓存，只有依赖数据更改后，才会重新计算； 可以设置get和set方法，默认是get方法。 watch主要设置能影响多个数据的数据，必须在data或prop中定义。 可以进行异步操作；
阅读全文
摘要：简单请求必须符合以下规定： 只能使用get/post/head请求方式 不能手动设置以下集合之外的请求头信息 accept accept-language content-language content-type content-type只能设置以下内容： text/plain multipart
阅读全文
摘要：对于ajax请求来说，当请求另一个域名时，其实请求已经到达服务器。但是需要有响应数据，浏览器认为这是不安全的，所以被同源策略限制了 而form提交的表单数据不需要相应数据，所以是安全的，可以跨域
阅读全文
摘要：在w3schools中，是这样解答的： get对于浏览器回退是无害的，post会重新提交表单； get对于参数长度有限制，post没有； get在url中传参，post在request body中传参； post比get更安全； get只能进行url编码，post可以进行多种； 对于参数的现在，ge
阅读全文
摘要：Cache-Control字段是http报文中的通用首部字段，既存在于请求报文中，也存在于响应报文中。部分字段值是共有的，但是具体的处理也会有差异。 共有字段： 字段名| 请求报文 | 响应报文 | | no-cache | 无论缓存是否过期，都要对请求进行校验 |缓存服务器在进行缓存前，必须校验是
阅读全文
摘要：在ES5中，比较好的继承方式时，通过构造函数继承，继承属性；再通过原型链继承，继承方法； 而ES6中，直接通过extends关键字进行继承。 它们主要的区别在于： ES5中，先创建子类的实例this，再通过父类构造函数或原型向其上添加属性或方法；而ES6中，是先通过super创建父类实例this，再
阅读全文
摘要：根据闭包保存变量的特性，可以有以下的使用场景。 setTimeout的回调函数传参 function f1(a){ return function(){ console.log(a) } } var fun = f1(10) setTimeout(fun, 1000) 防抖 function deb
阅读全文
摘要：forEach是用来遍历数组的方法，不会更改数组的值；不能使用continue、break等跳出循环。 for...in...主要用于遍历对象，取到键值对中的键。但也可以用来遍历数组。 for...of...用来遍历实现了Symbol.iterator的类数组数据类型。如数组、map、set、str
阅读全文
摘要：两者都是用来处理异步回调问题的。而async/await能将异步处理的像同步一般。 那么async/await相比于promise有什么优点呢？ 简洁。前者不需要写.then，不需要给传入resolve和reject的匿名函数，也不需要定义data变量，节约了代码，也提升了可读性。 错误处理。前者可
阅读全文
摘要：1.参数是promise实例，直接返回这个实例本身，不做处理。 2.参数是一个thenable对象，即其中实现了then方法。则会将此对象生成为一个promise，状态为resolved，并调用其then方法。 3.参数是一个原始类型的数据，则直接返回一个状态为resolved的promise，并将
阅读全文
摘要：flex是flex-grow、flex-shrink和flex-basis的缩写。 flex: 1 表示的是flex: 0 1 auto 即不放大、按比例缩小。 flex: n 表示的是flex-grow为n，即按n的比例放大。其余两值为默认值1、0%。 flex: n1 n2 表示的是flex-g
阅读全文
摘要：react16的新特性主要在以下四个方面： 新的生命周期 新的语法 优化 hook 新的生命周期 在react16中，不建议使用以下生命周期函数： componentWillMount() componentWillReceiveProps(nextProps, nextState) compone
阅读全文
摘要：在CommonJs中，通过exports或module.exports来导出模块中的内容，通过require来导入 在ES6中，通过export或export default来导出模块中的内容，通过import来导入 他们的主要区别有： CommonJS中，对于导入的数据，如果是原始类型的数据，是进
阅读全文
摘要：转载自https://blog.csdn.net/xiaoxinshuaiga/article/details/80766369 CSRF概念：CSRF跨站点请求伪造(Cross—Site Request Forgery)，跟XSS攻击一样，存在巨大的危害性，你可以这样来理解： 攻击者盗用了你的身份
阅读全文
摘要：我们通常所说的跨域，就是指被同源策略限制了的请求场景。 什么是同源策略？ 同源策略/SOP（Same origin policy）是一种约定，所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。 常用解决方案 jsonp 通过动态生成script，设置src为请
阅读全文
摘要：之前一直对这两个概念模棱两可，最近面试被问到时，答的很差，才认真看了看。 session 存储于服务端。当浏览器打开某个窗口时，服务端就会为这个窗口，分配一个独一无二的sessionId，用来标识session。从打开此窗口到关闭为止，是一次会话，而session就是用来存储会话中的数据、状态等等。
阅读全文
摘要：纯后端渲染 纯后端渲染是指：浏览器向服务器发送请求后，服务器把各个数据等拼接为dom树，并将整个dom树返回给客户端，由前端进行的操作很少，只需浏览器解析即可。 优点：返回的HTTP Response是包含着全部页面内容的，相对来说页面的主体DOM结构都会在这个响应中返回，可以让用户更快的看到页面的
阅读全文
