
JavaScript
长风颇浪
低调的隐藏富豪
展开
-
js 监听标签页切换
最近遇到了一个需求,当网页标签页切换一段时间之后,再切换回来,就刷新页面,然后我就写出了下面的代码,仅供参考var left_panel = false;var timer_ = null;var hiddenProperty = "hidden" in document ? "hidden" : "webkitHidden" in document ? "webkitHidden" : "mozHidden" in document ? "mozHid原创 2020-05-09 17:13:06 · 1069 阅读 · 0 评论 -
海康视频流预览回放相关总结与web端SDK的分享
海康威视摄像头估计很多项目中都会遇到,而且在安防领域特别常见,那么最基础的功能就是预览视频流,更深一层可能还会回放视频,云台控制,录像等等,如果单单是预览视频流,大家其实不需要接入海康的SDK,只需要使用能够播放视频流的插件,流地址按照正确的规则拼接,就能顺利实现播放,下面就是预览的地址规则:海康新版rtsp://username:password@<address>:<...原创 2019-12-04 15:11:38 · 9667 阅读 · 3 评论 -
JavaScript面向对象
js面向对象还是比较简单的,很多时候编程需要用到面向对象的,下面写个例子展示一下:var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastNa...原创 2019-10-31 18:23:16 · 154 阅读 · 0 评论 -
three.js 检测两个物体是否相交(触发检测)
由于使用unity和UE4比较多,很多时候会用到触发检测这个功能,意思就是两个物体穿透的时候可以检测到,并做相应的操作,于是在three.js找了一大圈,最后在官方文档看到了相应的API,下面来讲述一下:思路其实就是如果两个物体互相穿透,我们就给每个物体建一个包围盒,并把包围盒绑定物体,然后使用包围盒判断相交的api来实现,下面看看代码吧:var scene, renderer, cam...原创 2019-10-25 16:16:07 · 4815 阅读 · 2 评论 -
three.js 设置父子物体
因为想要动态设置场景中物体的父子层级,百度了一下,发现有人建议使用SceneUtils 工具类,但是使用过程中发现,其实在新版本的three中这个工具类的方法已经被弃用了,找了一下发现,使用下面的代码即可简单设置父子物体parent.attach(child);parent是你想要设置的父物体,参数child是你的子物体,那么如果你想要把某个子物体从一个父物体中释放出来怎么办,其实很简...原创 2019-10-17 11:44:50 · 1858 阅读 · 0 评论 -
使用three.js创建第一个webGL场景
其实unity也有发布webgl的功能,但是个人觉得使用起来比较鸡肋,而且有很多限制和问题,这一篇我来讲述一下,怎么用three.js来创建一个场景:首先,我们需要下载three.js的源码,地址是https://github.com/mrdoob/three.js/下载完成后,找到我们下载的目录:由于我们需要引用的js在build里面,所以我直接把html文件放在build里面写...原创 2019-10-16 14:41:55 · 459 阅读 · 0 评论 -
Vue.js接入echarts
echarts是国内十分强大的图表库,各种各样的图表都有,总有一款适合你如果你想要更特别的图表,可以查看echarts社区,有很多开发者上传的图表,都带有代码,稍稍修改即可使用https://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all接下来说说今天的正题,先新建一个vue项目,关于vue...原创 2019-08-06 14:41:49 · 727 阅读 · 0 评论 -
Vue.js 写一个echarts的水滴图
首先在安装echarts依赖库的情况下,详情可以参考我的上一篇博客第一步在命令行或者控制台引入liquidfill:npm install echarts-liquidfill第二步:在项目的main.js文件引入liquidfill在component下面新建一个vue文件,具体代码如下:<template> <div> ...原创 2019-08-15 18:20:45 · 2233 阅读 · 0 评论