书架

书架

=一个知识书库=

三种前端实现VR全景看房的方案!说不定哪天就用得上!

三种前端实现VR全景看房的方案!说不定哪天就用得上!

# 前言 事情是这样的,前几天我接到一个`外包工头`的新需求,某品牌要搭建一个在线VR展厅,用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅,这个VR展厅里会有一些信息点,点击之后可以呈现更多信息(视频,图文等)... ![](http://www.lixianglong.cn/bg_store/img/content/20210817191535.png) 我第一反应是用3D引擎,因为我不久前刚用`three.js`做过一个`BMW`的在线展厅,基本把`three.js`摸熟了。 ![](http://www.lixianglong.cn/bg_store/img/conte
more...
JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试

JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试

> 首先需要知道clientX,clientY,screenX,screenY,offsetX,offsetY 是鼠标事件对象下的几个属性. 之前也一直对这些属性搞的稀里糊涂,看文档上说的也是不太理解,反正看完一头雾水,所以自己动手亲自测试了一下;说一下自己的理解;clientX,clientY,screenX,screenY,offsetX,offsetY 这几个属性是“鼠标事件对象”下的属性,所以必然是“鼠标事件”发生时候才会有意义; ```markdown clientX:当鼠标事件发生时(不管是onclick,还是omousemove,onmouseover等),鼠标相对于浏
more...
Velocity.js 中文文档

Velocity.js 中文文档

# 概述 Velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作,并和$.animate()有相同的 API, 但它不依赖 jQuery,可单独使用。 Velocity 不仅包含了 $.animate() 的全部功能, 还拥有:**颜色动画、转换动画(transforms)、循环、 缓动、SVG 动画、和 滚动动画 **等特色功能。 它比 $.animate() 更快更流畅,性能甚至高于 CSS3 animation, 是 jQuery 和 CSS3 transition 的最佳组合,它支持所有现代浏览器,最低可兼容到 IE8 和 Andr
more...
VUE自定义指令DIRECTIVE

VUE自定义指令DIRECTIVE

> vue中指令分为全局指令和局部指令 <!--more--> # 先来看全局自定义指令: 第一个参数是指令的名字,第二个参数可以是函数也可以是对象,先来看函数: ```markup <body> <div id="app"> <input type="text" v-slice="content" v-model="content"> </div> <script> Vue.directive('sice', (el, bindings, vnode) => { console.log(el); // el是指令所在的dom元
more...
faker API

faker API

> npm: [https://www.npmjs.com/package/faker](https://www.npmjs.com/package/faker) <!--more--> # 演示 [https://rawgit.com/Marak/faker.js/master/examples/browser/index.html](https://rawgit.com/Marak/faker.js/master/examples/browser/index.html) # 用法 ## Browser ``` <script src = "faker.js" ty
more...