炎泽 - 博客园

2017年10月13日

摘要：最近发现一个问题，当我用mixin将px转rem时: 编译处的结果是: font-size: 0.06667 rem; 前后端多出空格！解决方法: 1.font-size: ($remVal/75)+rem; 2.font-size: ($remVal/75)*1rem; 其实，标准写法是带单位的阅读全文

posted @ 2017-10-13 16:35 炎泽阅读(501) 评论(0) 推荐(0) 编辑

render总结

摘要： vue渲染组件的顺序是: 执行render函数-->没有render参数解析template参数内容-->没有template参数将el内html当做template解析其中解析template实质上是转换为render函数。语法: render: (createElement)=>{ retu 阅读全文

posted @ 2017-10-13 14:07 炎泽阅读(155) 评论(0) 推荐(0) 编辑

2017年10月11日

vue双向绑定补充说明方法

摘要：本文总结自: https://segmentfault.com/a/1190000006599500,将每一个流程提炼出来做一个简单的说明，以免自己被繁杂的逻辑弄昏头脑~ observer: 遍历数据并挟持所有属性，为每一个属性创建dep对象(订阅器, 内含数组sub装载订阅者watcher)，当属阅读全文

posted @ 2017-10-11 15:28 炎泽阅读(244) 评论(0) 推荐(0) 编辑

2017年10月10日

mutation与action

摘要： mutation 作用: 更改state的状态说明: 每个mutation对象都有字符串类型（type）与回调函数，在回调函数内进行状态修改，回调函数的第一个参数为state eg：调用方式: 1.载荷风格 this.$store.commit('changeMainOption', 1) // 阅读全文

posted @ 2017-10-10 15:59 炎泽阅读(1226) 评论(0) 推荐(0) 编辑

keep-alive使用笔记

摘要： vue2.0提供了keep-alive组件，用来缓存组件，避免多次加载，减少性能消耗。 1.将整个网页缓存起来最常用的方式，用以提高整体的加载速度。 2.缓存部分组件或页面 a.使用include与exclude 官网推荐的方法 b.使用router.mate router设置: 根据router 阅读全文

posted @ 2017-10-10 15:04 炎泽阅读(516) 评论(0) 推荐(0) 编辑

this指向一般函数与箭头函数

摘要： es6对象内函数一般有两种写法: 输出: person1的写法，类似于: this指向当前调用此方法的对象 person2的写法，使用了箭头函数，箭头函数的this指向当前的执行环境（创建它时所处的上下文）(箭头函数可以捕获其所在上下文的this值)，这里当然是window对象，箭头函数并没有自己的阅读全文

posted @ 2017-10-10 14:14 炎泽阅读(3789) 评论(0) 推荐(0) 编辑

vue-router原理分析

摘要：本文整理总结自: https://zhuanlan.zhihu.com/p/27588422 单页面应用(SPA)的核心之一是: 更新视图而不重新请求页面, 实现这一点主要是两种方式: 1.Hash: 通过改变hash值 2.History: 利用history对象新特性（详情可出门左拐见: htt 阅读全文

posted @ 2017-10-10 11:27 炎泽阅读(17085) 评论(0) 推荐(1) 编辑

2017年10月9日

history新增方法

摘要： history对象包含用户访问过的URL，属于window对象的一部分，传统的使用中，它拥有length属性（浏览器历史列表URL数目）及back()、forward()、go()方法。而新的H5则赋予了其更多的新特性: 往返缓存默认情况下,浏览器会缓存当前会话页面，这样当下一个页面点击后退按阅读全文

posted @ 2017-10-09 16:51 炎泽阅读(1995) 评论(0) 推荐(0) 编辑

常用阻止ajax缓存方法集锦

摘要： HTML 通过添加meta标签 <meta http-equiv= "pragma" content= "no-cache"/> (pragma: 杂注) <meta http-equiv= "Cache-Control" content= "no-cache, must-revalidate"/> 阅读全文

posted @ 2017-10-09 11:26 炎泽阅读(895) 评论(0) 推荐(0) 编辑

2017年10月4日

水平垂直居中

摘要： 1.利用绝对定位 top与left设为50%，margin-left为宽度一半的负值，margin-top为高度一半的负值此方法最常见，但仅仅适用于已知宽高的情况下。 2.绝对定位结合transform 可在未知宽高时使用，但在IE8及以前的浏览器内不支持，且内部文本可能因为移动而稍显模糊，这是因阅读全文

posted @ 2017-10-04 15:12 炎泽阅读(186) 评论(0) 推荐(0) 编辑

炎泽

公告