vue双向数据绑定原理图(简易)
...
三种前端实现VR全景看房的方案
...
2018年最值得关注的30个Vue开源项目
Moment.js
element
iview
iView 一套基于 Vue.js 的高质量 UI 组件库
iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
特性
- 高质量、功能丰富
- 友好的 API ，自由灵活地使用空间
- 事无巨细的文档
- 细致、漂亮的 UI
- 使用单文件的 Vue 组件化开发模式
- 基于 npm + webpack + babel 开发，支持 ES2015
- 无序列表项1
iView Weapp
inmap 丰富的图层、更好的用户体验、大数据地理可视化库
ES6、ES7、ES8、ES9、ES10新特性一览
Chrome69 Video 全屏播放时css伪类规则改变引发的bug
前段时间做了个需求，h5点击按钮全屏播放视频，不播放的时候不现实video界面。
先把video加上display:none, js触发video全屏播放就可以显示然后播放，退出全屏暂停播放，隐藏video。
chrome和safari都支持webkitFullScreen 这个api,所以这个功能都安卓和ios手机上没问题。搞定，美滋滋。
后来测试跟我说pc chrome上播放不了，全屏了，视频画面没有，有声音，控制台无报错,手机浏览器没问题（测试的电脑是chrome 69）
浏览器隐私模式对 localStorage不储存，不获取
开发HTML5 webapp时经常需要使用本地存储，如localStorage和sessionStorage存储一些数据，相比最多能存4k的cookie相比，用起来很好用。 但是localStorage在iOS Safari、chrome和UC浏览器中的隐私模式（也叫无痕模式）下无法使用,代码执行不下去，手机Safari浏览器中具体表现是：
关于ios系统点击事件问题汇总
- ios click事件有300ms的延迟，可以用fastclick.js插件解决
- ios 在window , document, body 祖先元素上对目标元素进行 click 事件的代理的监听时候需要在目标元素设置
cursor:pointer样式, 其他祖先元素对目标元素进行监听不用设置 如下代码在ios上面是无效的
// 在ios上面无效，安卓有效，pc chrome有效，ios上面改成监听touchend事件即可
document.body.addEventListener('click',function (ev){
console.log(ev)；
});