博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

09 2022 档案

用vue实现一个常见的时间显示效果

摘要：一、前言 相信大家应该也经常遇见要实现一个类似时间的效果，类似这种一般都是做成通用的组件，方便在各个系统内移植使用，如下图这种效果 下面我就献丑，带大家伙简单来实现下以下效果，样式比较粗糙，大家可以直接拿函数方法就好。 二、实现过程 1、思路 要实现这种时间效果，可以借助定时器做到，每秒调用一次函数 阅读全文

posted @ 2022-09-09 15:26 地霊殿~三無 阅读(2635) 评论(0) 推荐(0) 编辑

env.js统一管理环境变量

摘要：一、前言 最近工作比较繁忙，主要也是因为旧项目环境变量东一块西一块的用，用法和判断都不同，改起来很废时间，因此小更一期env.js，目的是为了统一管理，方便后续的开发。 二、环境变量 1、为什么要有环境变量 实际项目过程中，开发环境，测试环境，生产环境各不相同，各有用处，而且基本是服务端地址修改，类 阅读全文

posted @ 2022-09-09 15:26 地霊殿~三無 阅读(1183) 评论(0) 推荐(0) 编辑

pipeline调用Draco来压缩glb模型

摘要：一、前言 最近得空了，来试试之前了解的pipeline插件，先给大家简单介绍一下这款插件，再带大家试试效果。 二、pipeline gltf-pipeline是一个gltf/glb模型的nodejs类库，使用此类库能够对gltf模型做进一步的处理，处理完成的gltf/glb模型，一般是将贴图文件包含 阅读全文

posted @ 2022-09-09 15:25 地霊殿~三無 阅读(2358) 评论(3) 推荐(0) 编辑

因为没有大模型来测试pipeline，我连夜学习了一波obj2gltf

摘要：一、前言 今天突然有空想试试之前的pipeline压缩gltf模型，结果手头没有gltf格式的大模型，用小模型又觉得效果不够明显，于是乎，我连忙拿起了收藏夹里吃灰的obj2gltf，来看看能不能把我obj格式的大模型，转换成gltf格式。 obj2gltf这个插件，我就理解不够透彻了，所以本文更多偏 阅读全文

posted @ 2022-09-09 15:24 地霊殿~三無 阅读(344) 评论(0) 推荐(0) 编辑

浅浅手撕promise

摘要：一、前言 模型压缩那块，还没琢磨明白就先不更，今天小更一下手撕promise，给小伙伴看个乐。 二、如何实现promise 知己知彼，才能百战百胜，我们先需要知道promise是什么，原理是什么，才能去实现这个过程。 1、promise是什么 说白了就是一种异步的解决方案，从语法上而言，promis 阅读全文

posted @ 2022-09-09 15:24 地霊殿~三無 阅读(38) 评论(0) 推荐(0) 编辑

前端浏览器Storage存储的五种方式

摘要：一、前言 最近需要整理一下前端浏览器都有哪种存储方式，一共是5种，cookies、local storage、session storage、web sql、indexedDB，本文将分别就大小，有效期，和使用方法等方面进行阐述。 二、cookies 1、大小限制 一个域名domain下，单cook 阅读全文

posted @ 2022-09-09 15:23 地霊殿~三無 阅读(2156) 评论(0) 推荐(1) 编辑

vue实现文字转语音播报

摘要：一、前言 最近项目里需要对特定内容进行语音播报，于是乎我就咨询了一番度娘，得到几种实现的方案，让我们来一一对比吧。本文更多是在用法上进行描述，每种方案的使用的技术，则没有深入叙述。 二、对比选择 1、Web Speech API 他是h5新提供的一个原生语音识别技术的API，可以将文本转成语音并播放 阅读全文

posted @ 2022-09-09 15:23 地霊殿~三無 阅读(4783) 评论(0) 推荐(0) 编辑

酷炫的大屏数字滚动效果--countup.js 和vue-count-to的对比

摘要：一、前言 最近做大屏项目，需求说要能对数据进行滚动展示，体现实时性。听闻css也可以实现这种效果，但是作为一个时常摸鱼的前端，我还是推荐两个好用的数字滚动插件countup.js和vue-count-to（vue-count-to是参考countup.js的）给大家使用，以便增加大家的摸鱼时间。 二 阅读全文

posted @ 2022-09-09 15:22 地霊殿~三無 阅读(1915) 评论(0) 推荐(0) 编辑

vue项目统一管理请求，并附带常用的axios请求封装

摘要：一、前言 一个vue项目里前端请求最起码几十个起步，请求方式也各有不同，为了方便管理，也减轻工作量，比较好的做法是集中管理，在文件中统一管理各类请求，包括请求头参数，参数的携带方式，是否返回blob流等等。 二、实现方法 1、首先创建在项目下untils文件夹创建request.js文件 这里面实现 阅读全文

posted @ 2022-09-09 15:21 地霊殿~三無 阅读(877) 评论(0) 推荐(0) 编辑

vue项目里地图组件截图快照的实现方法---html2Canvas

摘要：一、前言 最近项目里要求要把当前地图截图展示在小窗里，之前没接触这种请求，于是我就百度了一下，发现有这么一块插件html2Canvas，它能够将dom元素转换成canvas进行截图保存，而且兼容性比较好，基本Firefox 3.5+, Google Chrome, Opera新的版本, IE9以上的 阅读全文

posted @ 2022-09-05 11:03 地霊殿~三無 阅读(1607) 评论(0) 推荐(0) 编辑

vue+websocket

摘要：一、websocket是什么 WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被[W3C]定为标准。它算是html5规范中的一个部分，算是一种协议，它借鉴了socket这种思想，为web应用程序客户端和服务端之间（注意 阅读全文

posted @ 2022-09-05 11:02 地霊殿~三無 阅读(344) 评论(0) 推荐(0) 编辑

由el-table行点击事件row-click与列按钮事件冲突引发的修饰符知识恶补

摘要：一、事情的起因 表格里有勾选框，还有操作按钮，如下图 等功能开发完后，需求临时说要加一个行点击也能选中的功能， 心想，加就加呗，直接一个梭哈，在el-table表格里加上 @row-click="handleRowClick"， 然后就提交了 功能倒是能用，就是点击按钮的时候也触发了，果不其然被测试 阅读全文

posted @ 2022-09-05 11:01 地霊殿~三無 阅读(4128) 评论(0) 推荐(0) 编辑

Live2D