18-10-30

ps折角效果

www.zcool.com.cn/article/ZNT…

知道的33个js概念

mbd.baidu.com/newspage/da…

www.bilibili.com/video/av234…

移动端浏览器屏幕转动事件

window.addEventListener('orientationchange', () => {
    //orientationchange发生在屏幕旋转之前，这里的width是未旋转时的innerWidth
    let width= window.innerWidth;
})

vue中父子组件生命周期函数及beforeRouterEnter的执行顺序

-> parent created
-> son    created
-> son    mounted
-> parent mounted
-> son    beforeRouterEnter
-> parent beforeRouterEnter
类似于洋葱模型

通过全局navigator.userAgent识别浏览器是安卓还是苹果

记一次滚动莫名失效

很平常的css样式，长度超过就滚动，但是无论怎么滚动都不动

原因: 因为滚动元素有z-inde:-1，滚动元素已经在最外层元素的下边，之所以还能看见，是因为最外层元素背景色透明了，但是滚动却只作用到了最外层元素上，所以滚动无效

vue中watch的高级用法

blog.csdn.net/wandoumm/ar…

vue源码阅读

sfc目录下的文件，可以将.vue文件编译成js对象

vue源码阅读，如何将 vue._data.xxx 由 vue.xxx代理

const sharedPropertyDefinition = {
  enumerable: true,
  configurable: true,
  get: noop,
  set: noop
}

export function proxy (target: Object, sourceKey: string, key: string) {
  sharedPropertyDefinition.get = function proxyGetter () {
    return this[sourceKey][key]
  }
  sharedPropertyDefinition.set = function proxySetter (val) {
    this[sourceKey][key] = val
  }
  Object.defineProperty(target, key, sharedPropertyDefinition)
}

判断一个对象是不是dom对象

if(obj.nodeType) return true;