10 2017 档案
摘要：mixins 调用方式: mixins: [mixin1, mixin2] 是对父组件的扩充，包括methods、components、directive等。。。 触发钩子函数时，先调用mixins的函数，再调用父组件的函数。 虽然也能在创建mixin时添加data、template属性，但当父组件
阅读全文
摘要：http协议中，客户端发送请求，服务端在接收到请求后，返回所需要的数据后可以关闭连接，这样客户端读取完数据时会返回EOF（-1），表明数据已接受完全 备注:EOF end of file 什么是keep-alive 一般情况下，服务端发送完毕后会自动关闭，而keep-alive功能可以使得客户端与服
阅读全文
摘要：1.利用token 原理：每次登录时为用户生成一个token并存放于cookie中，下次登录时，验证token是否正确并自动登录 这样每次生成时失效时间不同，token也不同 缺点: 1.安全问题，当cookie被窃取（可以为cookie设置http-only，防范XSS、csrf等攻击）时，任何人
阅读全文
摘要：大致能分成两个部分:网络通信与页面渲染 一.网络通信 互联网各个网络设备间的通信均基于TCP/IP协议，此协议将整个过程进行分层，由上至下分别为: 应用层、传输层、网络层和数据链路层 1.输入URL 2.应用层用DNS解析域名（DNS协议） 解析url域名，检查本地是否有对应的IP地址，有则返回，没
阅读全文
摘要：parseInt(string, radix) 功能: 将字符串转换为十进制的数字 radix: string的进制，没有时根据string进行判断: 1~9开头 十进制 0x开头 16进制 0开头 八进制或16进制 允许开头结尾有空格 string被空格隔开时转换第一个 当无法转换时返回NaN e
阅读全文
摘要：最近发现一个问题，当我用mixin将px转rem时: 编译处的结果是: font-size: 0.06667 rem; 前后端多出空格！ 解决方法: 1.font-size: ($remVal/75)+rem; 2.font-size: ($remVal/75)*1rem; 其实，标准写法是带单位的
阅读全文
摘要：vue渲染组件的顺序是: 执行render函数-->没有render参数解析template参数内容-->没有template参数将el内html当做template解析 其中解析template实质上是转换为render函数。 语法: render: (createElement)=>{ retu
阅读全文
摘要：本文总结自: https://segmentfault.com/a/1190000006599500,将每一个流程提炼出来做一个简单的说明，以免自己被繁杂的逻辑弄昏头脑~ observer: 遍历数据并挟持所有属性，为每一个属性创建dep对象(订阅器, 内含数组sub装载订阅者watcher)，当属
阅读全文
摘要：mutation 作用: 更改state的状态 说明: 每个mutation对象都有字符串类型（type）与回调函数，在回调函数内进行状态修改，回调函数的第一个参数为state eg： 调用方式: 1.载荷风格 this.$store.commit('changeMainOption', 1) //
阅读全文
摘要：vue2.0提供了keep-alive组件，用来缓存组件，避免多次加载，减少性能消耗。 1.将整个网页缓存起来 最常用的方式，用以提高整体的加载速度。 2.缓存部分组件或页面 a.使用include与exclude 官网推荐的方法 b.使用router.mate router设置: 根据router
阅读全文
摘要：es6对象内函数一般有两种写法: 输出: person1的写法，类似于: this指向当前调用此方法的对象 person2的写法，使用了箭头函数，箭头函数的this指向当前的执行环境（创建它时所处的上下文）(箭头函数可以捕获其所在上下文的this值)，这里当然是window对象，箭头函数并没有自己的
阅读全文
摘要：本文整理总结自: https://zhuanlan.zhihu.com/p/27588422 单页面应用(SPA)的核心之一是: 更新视图而不重新请求页面, 实现这一点主要是两种方式: 1.Hash: 通过改变hash值 2.History: 利用history对象新特性（详情可出门左拐见: htt
阅读全文
摘要：history对象包含用户访问过的URL，属于window对象的一部分，传统的使用中，它拥有length属性（浏览器历史列表URL数目） 及back()、forward()、go()方法。 而新的H5则赋予了其更多的新特性: 往返缓存 默认情况下,浏览器会缓存当前会话页面，这样当下一个页面点击后退按
阅读全文
摘要：HTML 通过添加meta标签 <meta http-equiv= "pragma" content= "no-cache"/> (pragma: 杂注) <meta http-equiv= "Cache-Control" content= "no-cache, must-revalidate"/>
阅读全文
摘要：1.利用绝对定位 top与left设为50%，margin-left为宽度一半的负值，margin-top为高度一半的负值 此方法最常见，但仅仅适用于已知宽高的情况下。 2.绝对定位结合transform 可在未知宽高时使用，但在IE8及以前的浏览器内不支持，且内部文本可能因为移动而稍显模糊，这是因
阅读全文
摘要：display:table-cell可将元素设为类似于table的td一样的布局，在垂直居中、两行自适应布局、等高布局下有很高的利用价值 详见: http://www.zhangxinxu.com/wordpress/2010/10/%E6%88%91%E6%89%80%E7%9F%A5%E9%81
阅读全文
摘要：当我们将元素设为inline-block时，总是会莫名其妙出现一些间距 效果如下: 原因在于空白符的存在！</li>与下一行的<li>之间存在空白换行符 解决方法一般是在不破坏dom结构的前提下改变写法以清除换行符 1.结束标签与开始标签拼接 2.拆分开始标签 3.拆分结束标签 4.将换行符注释掉
阅读全文
