摘要: 其实在stylus与sass中实现移动端1像素线各个手机设备的适配问题的原理是一样的, 首先我还是先介绍一下原理和所依赖的方法 原理:其实他们都是通过css3的媒体查询来实现的 步骤思路: 1、给目标元素进行相对定位 2、给目标元素添加伪元素 ::after/before 并进行绝对定位 3、判断D 阅读全文
posted @ 2018-11-12 19:32 Katydids 阅读(1221) 评论(0) 推荐(1) 编辑
摘要: Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接 大家都知道vue的响应式原理是通过ES6新增的属性Object.defineProperty来实现的,在说vue响应式原理之前不得不先说 阅读全文
posted @ 2018-11-12 19:09 Katydids 阅读(1143) 评论(0) 推荐(0) 编辑
摘要: vue生命周期 vue生命周期分为八个阶段: 创建前后(组件初始化时期), vue生命周期体系开始初始化,data和dom都还未初始化,无法访问 created时 可以访问到data,通常做一些数据的初始化动作,因为不会引起其他阶段的钩子函数重复执行 挂载前后(组件创建时期), dom依然不可访问, 阅读全文
posted @ 2018-11-12 17:39 Katydids 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 采用 数据劫持 + 发布-订阅 模式,通过Object.definePropety()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调 需要对observer的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter ,这样,给这个对象 阅读全文
posted @ 2018-11-12 09:20 Katydids 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 001、获取滚动条滚动的距离 var sTop = document.documentElement.scrollTop || document.body.scrollTop 002、获取非行间样式 IE: currentStyle[attr] 标准: getComputedStyle[attr] 阅读全文
posted @ 2018-11-12 09:13 Katydids 阅读(431) 评论(0) 推荐(0) 编辑
摘要: 异步获取即:通过 $this.$nextTick或者settimeout,这连dom都可以拿出来 beforeCreate() { this.$nextTick(function() { console.log(this.属性名); }) }) 同步获取:在beforeCreate之前,所有的ipt 阅读全文
posted @ 2018-11-12 09:03 Katydids 阅读(436) 评论(0) 推荐(0) 编辑
摘要: 当然详细情况还是看一下vue的官网吧 官网https://router.vuejs.org/zh/ hash模式下(默认) new VueRouter({ mode : ‘hash’, routes : [] }) window.addEventListener(‘hashchange’,方法名或方 阅读全文
posted @ 2018-11-12 08:56 Katydids 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 未知宽高元素垂直居中 给父元素display:table;子元素display:cell-table,vertical-align:center,子元素即可居中 子元素绝对定位,top50%,left50%,transform:translate(50% 50%) 父元素flex, align-it 阅读全文
posted @ 2018-11-12 08:36 Katydids 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 伪数组转换真数组的方法 声明一个空数组,通过遍历将他们添加到新的数组中去 1 //这个比较简单就不举例子啦~~ 使用数组的slice()方法,他返回的是数组,使用call或者apply指向伪数组 var arr = Array.prototype.slice.call(oldarr); 使用原型继承 阅读全文
posted @ 2018-11-12 08:20 Katydids 阅读(3611) 评论(0) 推荐(0) 编辑
摘要: LodashAPI总结 Lodash是一个特别特别好用的工具,感觉有了Lodash就没有解决不了的问题了~~~~ 使用初开始 官网 https://www.lodashjs.com/docs/4.17.5.html 安装 yarn add lodash npm install lodash 在js文 阅读全文
posted @ 2018-11-09 09:03 Katydids 阅读(960) 评论(0) 推荐(0) 编辑