logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue实际项目中关于图片的大量加载的优化及思路

前言: 项目中的问题首先是没有缓存时进入页面时,点击切换等功能造成的, 这个时候谷歌浏览器中的network中会无缓存请求图片所在的地址,短则1s 长则2s,对用户感觉不是很友好。于是乎第一种解决方法出来了:图片预加载,尽管它仍然有局限性;图片预加载let {radarImgArray,radarSource,cloudImgArray,cloudSource} = radarAndCloudOb

#javascript
elementui table的折叠(展开、收缩)图标移位的方法

前言:今天又是给csdn上的复读机们恶心的一天,一查,全是type=“”,type=“:”,我不知道,难道你们没发现放到最后一列的时候折叠的缩进没了?干!解决方法.el-table [class*="el-table__row--level"] .el-table__expand-icon {font-size: 18px;font-weight: bold;position: absolute;

#vue.js#前端#elementui
three.js 拖拽剪切构成剖面图

示例效果:前言: 中间的图像块内容构建涉及保密数据,不做说明。只做如题相关的代码及说明。拖拽这里使用的是 DragControls这个类该类提供一个drag 和drop 的交互。使用方法很简单,将需要挂载事件的object3D 对象数组、相机实例、dom传进去即可。实例代码// 注册事件.registerRaycsterEvent: function (objects) {//点击射线let _t

#javascript#前端#开发语言
openlayers关于ol-wind的层级堆叠问题失效的解决方案

前言: 因为项目需求有洋流、海浪、风场,3种粒子效果,所以需要根据zIndex去判断当前粒子的层级是在底图上方还是在底图下方。但是这里会发现一个怪问题,按照正确的zIndex 去设置得不到正确的结果。不啰嗦,直接说解决方法来源: https://github.com/sakitam-fdd/wind-layer/issues/73解决方法在生成图层的时候显示的写上属性 className 即可。.

#bug
vue3结合codemirror6原生使用写法

网上零星几篇基本狗屁不通,非程序水平不行,属实文笔太烂,词不达意,干啥弄不明白要么杂乱无章。我的需求很简单,最近网站上要做个ol的学习模块,需要一个html的编辑器,一个预览。不需要别人给我封装对我而言多余的东西。为此琢磨了下网页在线编辑器,codemirror 经过时间的沉淀,已经是非常成熟的开源框架了,为此直接采用。非研究文章,纯使用文章。

#前端#javascript#开发语言
vue echarts cant not get DOM width or height,echart inistance已经存在 的解决方法

前言: 这个bug产生在 el-tabs 组件下 切换的 图表展示中。主要是由于多个tab存在图标组件产生了重叠,导致echart在第一时间挂载之后没有监听到dom的宽高。最为简单的方法。在生成图表的之前加上this.nextTick(),在nextTick回调函数里去执行这个生成图表的方法。如图所示。而echart 实例已经存在的解决方法 如下在生成图表之前先把这个实例注销,同时置为空方便我们的

#bug#echarts
入门级node+uni-app开发即时通讯聊天室(6)一对一用户聊天的实现(二)

前言: 这个篇章会介绍到有关表情,更多展示,语音样式的部分实现。(如果完全实现,一个篇章讲不完,先把外壳做出来)1.是否是语音输入?习惯对于来回切换的状态使用v-show(与v-if的区别自己去查),同时上面这样的写法注意他们所依赖的状态是否明确的只有两个。2.表情在common/js下创建demo.js,用于渲染表情let emoji = [['????','????','????','????

#node.js#uni-app#mysql
Cesium3Dtilesets 使用customShader的解读以及泛光效果示例

光带原理在旋转弹跳四棱锥这篇文章里早已经阐述过,但还是有不少靓仔靓女可能会感到疑惑,在3Dtilesets里怎么使用?为啥我在网上看到的为数不多的代码示例我看不懂?是由于没理解透彻导致的。借此机会,提供一个小示例,从头到尾的应用一下。...

#3d#javascript#前端
到底了