threeJS的事件是计算射线和模型的交点的方法，其中核心是判断event.detail属性，分别打印下单双击事件下的event。控制台根据鼠标的点击次数进行输出，注意的是双击事件时，先打印单击再双击。threeJS中对模型的点击事件，单击还是双击，先放个简单的例子👇。所以根据event.detail属性进行点击事件判断即可实现。关于threeJS模型的引入方法，可以看这个☞。

之前有过模型中内嵌html网页，地址☞这次是纯粹的在模型中嵌入文本信息，进行简单的文字展示展示效果图。

CSS3DRenderer通过CSS3的transforms属性，将层级的3D变换应用到Dom元素上，将Dom元素和WebGL的内容相结合，操作Dom元素的positionh和rotation属性来创建动画。/*** CSS3DRenderer通过CSS3的transforms属性，将层级的3D变换应用到Dom元素上，将Dom元素和WebGL的内容相结合，Dom => Object3D* 操作Do

在用layui做项目中，针对表格中的数据，进行伪删除后，更新数据源后调用reload方法，但是未生效，移除的数据删除了，但是把数据源的最后一条数据变成两条的问题，翻看了layui文档API，对于表格重载内容如下图所示对于options的各项参数有点迷惑，但是试了好多方法，发现加一条limit属性，取数据源长度即可table.reload(tableId, {data: data, // 更新后的数

关于大屏可视化，大多默认是1920*1080，当然也有更高分辨率，我们做开发适配的时候，可以利用flexible进行屏幕适配工作。针对分辨率，可以进行一个宽高配比，flexible默认将屏幕分割为10份，我们可以自行处理为24份，1920/24=80，所以1rem = 80px，利用rem搭建页面，保证了基本的宽高配比在处理设计图尺寸的时候，以1920*1080举例1920/24=801rem =

现在前面，因为MineMap相对小众，关于相关的资料不多，在此做个笔记目录第一步：引入MineMap的API插件，如下图所示第二步：全局声明minemap第三步：准备好渲染的容器第一步：引入MineMap的API插件，如下图所示<link rel="stylesheet" href="https://minedata.cn/minemapapi/v2.1.0/minemap.css">

现在前面，因为MineMap相对小众，关于相关的资料不多，在此做个笔记目录第一步：引入MineMap的API插件，如下图所示第二步：全局声明minemap第三步：准备好渲染的容器第一步：引入MineMap的API插件，如下图所示<link rel="stylesheet" href="https://minedata.cn/minemapapi/v2.1.0/minemap.css">

简单介绍下Three.js吧，Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。因为使用简单，入门比较容易。Three.js的具体介绍和使用有很多教程，可以根据自己需要搜索。它重要的三个属性：场景（scene），相机（camera），渲染器（renderer），组合构成一个三维画面。

最近项目中用到了日历插件，需要统计每天的任务数量，类似elementui的badge组件，待办任务数量大概最后的效果如下图所示，右上角把代办任务数量展示出来vue的日历相关组件挺多的，选了v-calendar，后期翻API有点难受，中文版不太好找，简单记录下。

今天梳理了一下input框的各类事件，简单介绍一下吧。