![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
liouswll
这个作者很懒,什么都没留下…
展开
-
vue组件之间的通信
---局部组件:局部组件必须手动挂载,不然无法生效。---全剧组件:全局组件不需要手动挂载,但不常用,尽量不要在全局上挂载变量或者组件(影响浏览器性能)---配合模板实现组件之间的嵌套。组件是vue.js最强大的功能之一,核心目标是扩展HTNL元素,封装可重用代码。组件可按照template,style,script的拆分方式,放到对应的.vue文件中。Vue组件之间的通信: 一是DO...原创 2018-06-12 18:44:54 · 171 阅读 · 0 评论 -
JS虚拟DOM
1. 虚拟DOM:提供一种方便的工具,使得开发效率得到保证; 保证最小化DOM操作,使得执行效率得到保证。作用:提升页面的刷新速度,利用JavaScript改变页面的时候,浏览器寻找DOM节点,更新视图和维护状态都需要DOM操作,由于浏览器的DOM节点成千上万,不可避免的很小很频繁的更新拖慢了页面的加载速度。Vue的双向数据绑定是基于Object.defineProperty...原创 2018-06-12 18:46:27 · 2570 阅读 · 0 评论 -
vue中父子组件之间的通信
父子组件通信原则:1.父子组件是单向数据流,父组件状态更新,子组件中prop状态也会更新,但子组件的状态变化不会影响父组件。在修改子组件的porp时,console会报错。原因:防止子组件无意间修改父组件的状态,避免数据流变得难以理解。———如果父组件传递给子组件的的状态时对象或者数组,因为两者是按引用传值,所以在子组件中可以改变对象或数组的值,同时也会影响到父组件状态。1. 每次父组件状态更新时...原创 2018-06-12 18:47:44 · 199 阅读 · 0 评论 -
前端中同源策略
同源:协议相同,域名相同,端口相同同源策略:为了保护用户信息安全,防止恶意的网络窃取数据。非同源限制: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 · 764 阅读 · 0 评论 -
ES5中this-ES6中this
关于this其实没有一个统一的解释,它算是JavaScript中最让人困惑的一个概念了。一种通俗的解释就是,this的取值依赖于函数被谁调用。1.如果是使用new关键字来调用函数,那么函数内部的this就是一个全新的对象。2.如果使用apply、call或者bind来调用一个函数,函数内部的this就将指向传入的第一个参数。(注:使用这几个方法可以改变this的指向)3.如果函数被作为一个方法进行...原创 2018-06-14 21:32:31 · 766 阅读 · 0 评论 -
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 · 193500 阅读 · 2 评论 -
页面倒入样式时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 · 184 阅读 · 0 评论 -
内存泄漏
内存泄漏是指任何对象在你不再需要的时候仍然存在。垃圾回收器定期扫描对象,并计算引用了每个对象的其他对象数量,如果一个对象引用数量为0或者该对象的唯一引用是循环,那么该对象的内存就可以回收。例如:setTimeout中第一个参数使用字符串而不是函数的话,就会引发内存泄漏。闭包,控制台日志,循环(在两个对象彼此引用且彼此保留时,就会才产生一个循环)...原创 2018-06-18 19:01:41 · 186 阅读 · 0 评论 -
Headers基本点总结
客户端请求Accept” 头属性能被浏览器用来指定响应的media 类型,表示自己可以接受的类型。(*通配符 任意类型)Content-Type代表发送端(客户端|服务器)发送的实体数据的数据类型。 Accept-Encoding 指定浏览器可以支持的web服务器返回内容压缩编码类型。 Accept-Encodin...原创 2018-07-30 17:15:57 · 909 阅读 · 0 评论 -
vue生命周期
vue生命周期:Vue实例从创建到销毁的过程,详细来说就是从开始创建,初始化数据,编译模板,挂载DOM,渲染-》更新-》渲染,卸载一系列的过程。整个过程可以分为八个阶段,创建前(beforeCreate) 已创建(created ) 编译前(beforeMount) 编译后(mounted) 更新前(beforeUpdate) 更新后(update) 销毁前(beforeDestroy) 销毁后...原创 2018-06-12 18:43:11 · 147 阅读 · 0 评论 -
盒模型
模型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 · 162 阅读 · 0 评论 -
JavaScript原生贪吃蛇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0px;原创 2018-06-11 19:06:23 · 342 阅读 · 0 评论 -
原生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 · 145 阅读 · 0 评论 -
前端路由
hash模式:https://segmentfault.com/a/1190000011956628#articleHeader2这种 `#`。后面 hash 值的变化,并不会导致浏览器向服务器发出请求,浏览器不发出请求,也就不会刷新页面。另外每次 hash 值的变化,还会触发 `hashchange` 这个事件,通过这个事件我们就可以知道 hash 值发生了哪些变化。...原创 2018-06-11 19:06:12 · 142 阅读 · 0 评论 -
前端路由 h5
H5路由:了两个 API,`pushState` 和 `replaceState`,通过这两个 API 可以改变 url 地址且不会发送请求。同时还有 `onpopstate` 事件。通过这些就能用另一种方式来实现前端路由了,但原理都是跟 hash 实现相同的。用了 HTML5 的实现,单页路由的 url 就不会多出一个`#`,变得更加美观。但因为没有 `#` 号,所以当用户刷新页面之类的操作时,...原创 2018-06-11 19:06:01 · 1397 阅读 · 0 评论 -
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 · 362 阅读 · 0 评论 -
理解MVC-MVVM
MVC视图(View):用户界面控制器(Controller):业务逻辑模型(Model):数据保存View传送指令到ControllerController完成业务逻辑后,要求Model改变Model将新的数据发送到View,用户的得到反馈 缺点:一:它必须等待服务器端的指示,而且如果是异步模式,所有的html节点,数据,页面结构都是后端请求过来的。 浏览器只作为一个解析显示容器,Mo...原创 2018-06-11 19:05:48 · 152 阅读 · 0 评论 -
JSON
JSON:JavaScript 对象表示法(JavaScript Object Notation)。JSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快,更易解析。作用:(1)从服务端接口中获取数据后使用 在一些场景下将数组数据存储到json对象中,以关键唯一不重复的值作为key,可以实现快速查找某一条数据(2)向服务端提交数据主要是对含有数组的参数集在提...原创 2018-06-11 19:09:13 · 124 阅读 · 0 评论 -
单线程和异步-定时器
Js作为浏览器的脚本语言,其最根本的作用是实现用户与浏览器的交互行为,操作DOM决定它是单线程。例如:当一个用户要删除一个A,同时又要向A中添加内容,浏览器该以哪个线程为准。同步任务:只有前一个任务执行完成后,才可执行下一个任务,在主线程中异步任务:这个队列的所有任务都是不进入主线程执行,而是被浏览提供的线程执行,当执行完毕后就会产生一个回调函数,并且通知主线程,在主线程执行完当前所执行的任务后,...原创 2018-06-12 16:58:23 · 943 阅读 · 0 评论 -
前端跨域
(1)通过JSONP跨域:方法的基本思想就是,网页通过添加<script>元素,向服务器请求JSON数据,这种做法不受同源政策限制,服务器收到请求后,将数据放在一个指定名字的回调函数中传回来。jsonp 最大的特点就是简单适用,老式浏览器全部支持,服务器改造非常小。但是jsonp 只能实现get一种请求。(2)Websocket协议跨域:是h5的一种新协议,实现浏览器和服务器的全双工通...原创 2018-06-12 16:58:07 · 128 阅读 · 0 评论 -
cookie在非同源下不能传送吗?
1.服务器端使用CROS协议解决跨域访问数据问题时,需要设置响应消息头Access-Control-Allow-Credentials值为“true”。同时,还需要设置响应消息头Access-Control-Allow-Origin值为指定单一域名(注:不能为通配符“*”)。2.客户端需要设置Ajax请求属性withCredentials=true,让Ajax请求都带上Cookie。...原创 2018-07-30 17:19:49 · 1328 阅读 · 0 评论