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