摘要：一、前言 相信大家应该也经常遇见要实现一个类似时间的效果，类似这种一般都是做成通用的组件，方便在各个系统内移植使用，如下图这种效果 下面我就献丑，带大家伙简单来实现下以下效果，样式比较粗糙，大家可以直接拿函数方法就好。 二、实现过程 1、思路 要实现这种时间效果，可以借助定时器做到，每秒调用一次函数
阅读全文
posted @ 2022-09-09 15:26
随笔分类 - 小知识点
想到就记
摘要：一、前言 最近工作比较繁忙，主要也是因为旧项目环境变量东一块西一块的用，用法和判断都不同，改起来很废时间，因此小更一期env.js，目的是为了统一管理，方便后续的开发。 二、环境变量 1、为什么要有环境变量 实际项目过程中，开发环境，测试环境，生产环境各不相同，各有用处，而且基本是服务端地址修改，类
阅读全文
posted @ 2022-09-09 15:26
摘要：一、前言 最近得空了，来试试之前了解的pipeline插件，先给大家简单介绍一下这款插件，再带大家试试效果。 二、pipeline gltf-pipeline是一个gltf/glb模型的nodejs类库，使用此类库能够对gltf模型做进一步的处理，处理完成的gltf/glb模型，一般是将贴图文件包含
阅读全文
posted @ 2022-09-09 15:25
摘要：一、前言 今天突然有空想试试之前的pipeline压缩gltf模型，结果手头没有gltf格式的大模型，用小模型又觉得效果不够明显，于是乎，我连忙拿起了收藏夹里吃灰的obj2gltf，来看看能不能把我obj格式的大模型，转换成gltf格式。 obj2gltf这个插件，我就理解不够透彻了，所以本文更多偏
阅读全文
posted @ 2022-09-09 15:24
摘要：一、前言 模型压缩那块，还没琢磨明白就先不更，今天小更一下手撕promise，给小伙伴看个乐。 二、如何实现promise 知己知彼，才能百战百胜，我们先需要知道promise是什么，原理是什么，才能去实现这个过程。 1、promise是什么 说白了就是一种异步的解决方案，从语法上而言，promis
阅读全文
posted @ 2022-09-09 15:24
摘要：一、前言 最近项目里需要对特定内容进行语音播报，于是乎我就咨询了一番度娘，得到几种实现的方案，让我们来一一对比吧。本文更多是在用法上进行描述，每种方案的使用的技术，则没有深入叙述。 二、对比选择 1、Web Speech API 他是h5新提供的一个原生语音识别技术的API，可以将文本转成语音并播放
阅读全文
posted @ 2022-09-09 15:23
摘要：一、前言 一个vue项目里前端请求最起码几十个起步，请求方式也各有不同，为了方便管理，也减轻工作量，比较好的做法是集中管理，在文件中统一管理各类请求，包括请求头参数，参数的携带方式，是否返回blob流等等。 二、实现方法 1、首先创建在项目下untils文件夹创建request.js文件 这里面实现
阅读全文
posted @ 2022-09-09 15:21
摘要：一、websocket是什么 WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被[W3C]定为标准。它算是html5规范中的一个部分，算是一种协议，它借鉴了socket这种思想，为web应用程序客户端和服务端之间（注意
阅读全文
posted @ 2022-09-05 11:02
摘要：一、事情的起因 表格里有勾选框，还有操作按钮，如下图 等功能开发完后，需求临时说要加一个行点击也能选中的功能， 心想，加就加呗，直接一个梭哈，在el-table表格里加上 @row-click="handleRowClick"， 然后就提交了 功能倒是能用，就是点击按钮的时候也触发了，果不其然被测试
阅读全文
posted @ 2022-09-05 11:01
摘要：一、process.env.NODE_ENV是什么？ 在vue项目中，process.env读取的是env文件里全局环境变量, 其中我们常用NODE_ENV来区分生产环境or开发环境。 二、 这个变量如何配置 这个变量是用户自定义的，配置在package.json里。 如果没有配置，就是默认的dev
阅读全文
posted @ 2022-07-18 14:17
摘要：threejs基本库three.min.js <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.min.js"></script> threejs轨道控制器 orbitControls.js <sc
阅读全文
posted @ 2022-04-15 15:28
摘要：一、遇到的情况 需要对数组进行排序，按属性1，属性2，属性3。。。的优先级进行升序或降序 二、 解决方法 采用js中数据的sort排序方法， const arr = [需要排序的数据内容]arr.sort(this.compareType('属性名', '属性名1', '属性名2', '属性名3',
阅读全文
posted @ 2022-04-08 17:24
摘要：//固定表头的方式给el-table添加height属性// 去除表格滚动条.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar { width: 0; } // 去除表格头部右边因为隐藏滚动条的空白 .el-table
阅读全文
posted @ 2022-03-22 11:35
摘要：一、post四种 /` 参数为query string parameters，接口数据格式要求为raw时 `/export const postJson = (url, params) => { return service({ method: 'post', url: `${url}`, data
阅读全文
posted @ 2022-03-18 11:16
摘要：// 时间格式化函数，此处仅针对yyyy-MM-dd hh:mm:ss 的格式进行格式化 dateFormat(time) { var date = new Date(time) var year = date.getFullYear() /* 在日期格式中，月份是从0开始的，因此要加0 * 使用三
阅读全文
posted @ 2022-03-18 10:54
摘要：一、 遇到的情况 项目是单应用页面，我在mounted中调用了setInterval定时器，每次路由参数改变都会重新调用一次setInterval定时器，导致定时器错乱 （后面才明白出现这样的原因就是，每次路由参数改变，页面会重新加载，而上次的定时器并没有销毁，又重新调用了定时器，就会同时存在多个定
阅读全文
posted @ 2022-03-01 16:38
摘要：谷歌和Safari.element::-webkit-scrollbar { width: 0 !important } IE 10+ .element { -ms-overflow-style: none; } Firefox .element { overflow: -moz-scrollbar
阅读全文
posted @ 2022-01-12 09:43
摘要：一、遇到的情况 在地图中使用jsx语句，撰写自定义标签内容时，函数的指向存在问题 openDetail()是定义好的函数，但是却报undefined 二、 解决办法 在mounted周期赋值一下 ps: 如有不对，还请指正
阅读全文
posted @ 2021-12-21 14:31
摘要：一、遇到的情况 创建地图自定义内容，只能用JSX语句，但JSX语句不支持vue中的v-for写法，识别不了 二、解决方法 使用map方法，返回定义的字符串标签，需要加上join方法 原因： /* jsx语句不支持v-for，用map方法代替，但是会有逗号返回，原因是利用map插入到DOM时 调用了t
阅读全文
posted @ 2021-12-16 17:38