liouswll-CSDN博客

原创 cookie在非同源下不能传送吗？

1.服务器端使用CROS协议解决跨域访问数据问题时，需要设置响应消息头Access-Control-Allow-Credentials值为“true”。同时，还需要设置响应消息头Access-Control-Allow-Origin值为指定单一域名（注：不能为通配符“*”）。2.客户端需要设置Ajax请求属性withCredentials=true，让Ajax请求都带上Cookie。...

2018-07-30 17:19:49 1296

原创重定向301和302区别与问题的解决

301和302状态码都表示重定向，就是说浏览器在拿到服务器返回的这个状态码后会自动跳转到一个新的URL地址，这个地址可以从响应的Location首部中获取（用户看到的效果就是他输入的地址A瞬间变成了另一个地址B）——这是它们的共同点。不同在于。（网址A 做一个302 重定向到你的网址B，出于某种原因， Google 搜索结果所显示的仍然是网址A，但是所用的网页内容却是网址B 上的内容，这种...

2018-07-30 17:18:35 7707

原创 Headers基本点总结

客户端请求Accept” 头属性能被浏览器用来指定响应的media 类型，表示自己可以接受的类型。（*通配符任意类型）Content-Type代表发送端（客户端|服务器）发送的实体数据的数据类型。 Accept-Encoding 指定浏览器可以支持的web服务器返回内容压缩编码类型。 Accept-Encodin...

2018-07-30 17:15:57 880

原创 ES6（第二篇）（var let const区别）

var 定义具有全局作用域，函数作用域的变量，拥有变量提升。let 块级作用域吗，其声明的变量只在它的块级作用域中，无变量提升现象。在同一个作用域中不能重复声明同一个变量。const 用来声明常量，一旦声明，其值不能再变化。...

2018-07-20 13:18:10 150

原创 ES6（第一篇）

介绍Traceur Google公司的编译器。其功能是把ES6代码编译为ES5代码。实现方式： 1.直接插入网页，Traceur允许将ES6代码直接插入网页。在代码页的头部加载。 2.在线转换，提供在线编译器。 3.命令行转换。npm i...

2018-07-20 09:37:45 132

原创内存泄漏

内存泄漏是指任何对象在你不再需要的时候仍然存在。垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象数量，如果一个对象引用数量为0或者该对象的唯一引用是循环，那么该对象的内存就可以回收。例如：setTimeout中第一个参数使用字符串而不是函数的话，就会引发内存泄漏。闭包，控制台日志，循环（在两个对象彼此引用且彼此保留时，就会才产生一个循环）...

2018-06-18 19:01:41 177

原创页面倒入样式时link和@import区别

1.页面加载时link会同时加载，@import引用的Css会等到页面加载完毕后再加载。2.link支持js操作DOM改变样式，而@import不支持。3.link输入XML标签，除了加载Css，还能定义其他（rss）。而@import只能加载CSS。4.@import支持IE5以上，link是XML标签，无兼容性问题。...

2018-06-14 22:21:47 178

原创 http常见的状态码，400,401,403状态码分别代表什么？

2XX 成功· 200 OK，表示从客户端发来的请求在服务器端被正确处理· 204 No content，表示请求成功，但响应报文不含实体的主体部分· 206 Partial Content，进行范围请求3XX 重定向· 301 moved permanently，永久性重定向，表示资源已被分配了新的 URL· 302 found，临时性重定向，表示资源临时被分配了新的 URL· 303 see ...

2018-06-14 21:33:20 193036 2

原创 ES5中this-ES6中this

关于this其实没有一个统一的解释，它算是JavaScript中最让人困惑的一个概念了。一种通俗的解释就是，this的取值依赖于函数被谁调用。1.如果是使用new关键字来调用函数，那么函数内部的this就是一个全新的对象。2.如果使用apply、call或者bind来调用一个函数，函数内部的this就将指向传入的第一个参数。（注：使用这几个方法可以改变this的指向）3.如果函数被作为一个方法进行...

2018-06-14 21:32:31 760

原创前端中同源策略

同源：协议相同，域名相同，端口相同同源策略：为了保护用户信息安全，防止恶意的网络窃取数据。非同源限制：1.cookie ocalstorage indexDB无法获取2.DOM无法获得3.AJAX请求不能发送http://www.example.com/dir/page.html个网址中，协议是http://,域名是www.example.com,端口号是80...

2018-06-14 21:30:40 748

原创 vue中父子组件之间的通信

父子组件通信原则：1.父子组件是单向数据流，父组件状态更新，子组件中prop状态也会更新，但子组件的状态变化不会影响父组件。在修改子组件的porp时，console会报错。原因：防止子组件无意间修改父组件的状态，避免数据流变得难以理解。———如果父组件传递给子组件的的状态时对象或者数组，因为两者是按引用传值，所以在子组件中可以改变对象或数组的值，同时也会影响到父组件状态。1. 每次父组件状态更新时...

2018-06-12 18:47:44 194

原创 JS虚拟DOM

1. 虚拟DOM：提供一种方便的工具，使得开发效率得到保证；保证最小化DOM操作，使得执行效率得到保证。作用：提升页面的刷新速度，利用JavaScript改变页面的时候，浏览器寻找DOM节点，更新视图和维护状态都需要DOM操作，由于浏览器的DOM节点成千上万，不可避免的很小很频繁的更新拖慢了页面的加载速度。Vue的双向数据绑定是基于Object.defineProperty...

2018-06-12 18:46:27 2550

原创 vue组件之间的通信

---局部组件：局部组件必须手动挂载，不然无法生效。---全剧组件：全局组件不需要手动挂载，但不常用，尽量不要在全局上挂载变量或者组件（影响浏览器性能）---配合模板实现组件之间的嵌套。组件是vue.js最强大的功能之一，核心目标是扩展HTNL元素，封装可重用代码。组件可按照template,style,script的拆分方式，放到对应的.vue文件中。Vue组件之间的通信：一是DO...

2018-06-12 18:44:54 166

原创 vue生命周期

vue生命周期:Vue实例从创建到销毁的过程，详细来说就是从开始创建，初始化数据，编译模板，挂载DOM，渲染-》更新-》渲染，卸载一系列的过程。整个过程可以分为八个阶段，创建前（beforeCreate）已创建（created ）编译前（beforeMount）编译后（mounted）更新前（beforeUpdate）更新后（update）销毁前（beforeDestroy）销毁后...

2018-06-12 18:43:11 135

原创盒模型

模型W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分 IE 盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 padding标准盒模型（content-box）和怪异盒模型（border-b...

2018-06-12 17:02:03 157

原创单线程和异步-定时器

Js作为浏览器的脚本语言，其最根本的作用是实现用户与浏览器的交互行为，操作DOM决定它是单线程。例如：当一个用户要删除一个A，同时又要向A中添加内容，浏览器该以哪个线程为准。同步任务：只有前一个任务执行完成后，才可执行下一个任务，在主线程中异步任务：这个队列的所有任务都是不进入主线程执行，而是被浏览提供的线程执行，当执行完毕后就会产生一个回调函数，并且通知主线程，在主线程执行完当前所执行的任务后，...

2018-06-12 16:58:23 926

原创前端跨域

（1）通过JSONP跨域：方法的基本思想就是，网页通过添加<script>元素，向服务器请求JSON数据，这种做法不受同源政策限制，服务器收到请求后，将数据放在一个指定名字的回调函数中传回来。jsonp 最大的特点就是简单适用，老式浏览器全部支持，服务器改造非常小。但是jsonp 只能实现get一种请求。（2）Websocket协议跨域：是h5的一种新协议，实现浏览器和服务器的全双工通...

2018-06-12 16:58:07 121

原创 JSON

JSON：JavaScript 对象表示法（JavaScript Object Notation）。JSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快，更易解析。作用：（1）从服务端接口中获取数据后使用在一些场景下将数组数据存储到json对象中，以关键唯一不重复的值作为key，可以实现快速查找某一条数据（2）向服务端提交数据主要是对含有数组的参数集在提...

2018-06-11 19:09:13 118

原创原生js轮播图

<!DOCTYPE html><html lang="en"><head> <style type="text/css"> /*重置样式*/ *{margin: 0;padding: 0; list-style: none;} /*wrap的轮播图和切换按钮样式*/ .wra...

2018-06-11 19:06:48 136

原创 JavaScript原生贪吃蛇

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0px;

2018-06-11 19:06:23 336

原创前端路由

hash模式：https://segmentfault.com/a/1190000011956628#articleHeader2这种 `#`。后面 hash 值的变化，并不会导致浏览器向服务器发出请求，浏览器不发出请求，也就不会刷新页面。另外每次 hash 值的变化，还会触发 `hashchange` 这个事件，通过这个事件我们就可以知道 hash 值发生了哪些变化。...

2018-06-11 19:06:12 136

原创前端路由 h5

H5路由：了两个 API，`pushState` 和 `replaceState`，通过这两个 API 可以改变 url 地址且不会发送请求。同时还有 `onpopstate` 事件。通过这些就能用另一种方式来实现前端路由了，但原理都是跟 hash 实现相同的。用了 HTML5 的实现，单页路由的 url 就不会多出一个`#`，变得更加美观。但因为没有 `#` 号，所以当用户刷新页面之类的操作时，...

2018-06-11 19:06:01 1340

原创理解MVC-MVVM

MVC视图（View）:用户界面控制器（Controller）:业务逻辑模型（Model）:数据保存View传送指令到ControllerController完成业务逻辑后，要求Model改变Model将新的数据发送到View，用户的得到反馈缺点：一：它必须等待服务器端的指示，而且如果是异步模式，所有的html节点，数据，页面结构都是后端请求过来的。浏览器只作为一个解析显示容器，Mo...

2018-06-11 19:05:48 143

原创 iframe

定义：iframe元素会创建包含另一个文档的内联框架（即行内框架）可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。eg： <iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src...

2018-06-11 19:05:27 348

原创 linux基本命令

1、简单命令语法1：#ls [路径] 表示列出指定路径下的文件夹和文件的名字，如果路径没有指定则列出当前路径下的语法2：#ls -l [路径] 表示以列表的形式列出指定路径下的文件夹和文件的名字语法3：#ls -la [路径] 表示以列表的形式列出指定路径下的文件夹和文件名（包含隐藏文件）Ls在指定路径之后的效果：?clear表示的含义：清空当前屏幕中全部的命令（其实质是没有清空，只不过是顶到...

2018-04-05 20:01:43 143

liouswll的博客