layui的选项卡使用echarts显示多图,图表宽度显示异常,选项卡第一个图显示正常,点击其他选项卡,图表异常,宽度为100px,如何解决呢?
解决的思路:主要解决宽度的问题,如果能获取宽度,我们重新设置宽度,图表就应该能正常显示了,操作如下。
2025年03月19日
layui的选项卡使用echarts显示多图,图表宽度显示异常,选项卡第一个图显示正常,点击其他选项卡,图表异常,宽度为100px,如何解决呢?
解决的思路:主要解决宽度的问题,如果能获取宽度,我们重新设置宽度,图表就应该能正常显示了,操作如下。
2025年03月19日
“轮胎鼓包”是车主朋友们遇到的最常见的问题之一,很多朋友在轮胎鼓包后第一反应是轮胎质量问题,进而与厂家争执不下。面对厂家提出的“驾驶习惯“的质疑,老司机们是一百个不乐意,凭什么说我驾驶不当?!今天我们就来聊一聊轮胎鼓包究竟是谁的“锅”,以及今后如何避免这种情况。
再好的轮胎也不能这么玩
现在,朋友们可以回想一下,你的轮胎鼓包之前,有没有经历过以下几种场景:
场景一:在平坦的道路上急速行驶,突然遇到坑洼,来不及减速,干脆原速淌过;
2025年03月19日
好程序员web前端教程分享web前端入门基础知识,作为合格的Web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一两个还不行,必须对这三门语言都要熟悉。下面我们一起来看一看吧!
1、网页的基本结构(HTML、CSS)
HTML是一种标记语言,而不是编程语言,最基本是标签是和,CSS是用来定义如何显示HTML元素的。对HTML+CSS很容易入门,但很多人不够深入,举几个例子:标签是作什么用的?margin-left与left有什么区别,应该在什么情况下使用?再出个DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度。如果这些问题你目前还不知道,对那个布局问题几分钟内不能解决,说明你对HTML+CSS还不够深入。
2024年10月20日
thinkcss给大家分享下 DIV CSS布局流程
CSS代码布局
第一步骤:分析网页美工图
第二步骤:建立项目文件夹(包括用于放图片、CSS文件、JS文件等文件夹)
为了节约时间推荐使用thinkcss初始化模板,直接解压即可使用。
第三步骤:PS软件切出图片素材(可以先切出一部分图片素材,待布局中再根据需求再切出需要图片素材)
第四步骤:将先切出图片放入images文件夹中,包括布局中切出图片依然放入此文件夹中
2024年10月20日
今天给大家分享一个功能超强的自由拖拽排序组件VueSlicksort。
vue-slicksort 一款功能强大的可拖拽的vue.js组件。拥有丝滑般拖拽动画效果,支持水平/垂直/网格拖拽排序。还可以自动滚动、锁定坐标系,并支持触摸。
代码片段
<SlickList :lockToContainerEdges="true"
:pressDelay="300"
v-model="appitems"
helperClass="helperClass"
class="ul"
axis="xy"
>
<SlickItem v-for="(item,index) in appitems" :index="index" :key="index" class="li">
<div :class="{'add-border':isEditMenus}" class="app-border" @click="toApp(item)">
<img :src="item.menuIcon" class="app-icon">
<p>{{ item.menuName }}</p>
<img v-if="isEditMenus" src="@/assets/del.png" class="del" @click.stop="delApp(item,index)">
</div>
</SlickItem>
</SlickList>
<div class="notice">以上应用展示在首页</div>
2024年10月20日
javascript中制作滚动代码的常用属性
1.网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHeight; 网页被卷去的高: document.body.scrollTop; 网页被卷去的左: document.body.scrollLeft; 网页正文部分上: window.screenTop; 网页正文部分左: window.screenLeft; 屏幕分辨率的高: window.screen.height; 屏幕分辨率的宽: window.screen.width; 屏幕可用工作区高度: window.screen.availHeight;
2024年10月20日
1、单次定时器
语法:
// 单次定时器,只能执行一次
setTimeout(function () { },time);
// - 参数1:function 必需。函数,过time时间之后执行的业务逻辑。
// - 参数2:time 可选。执行或调用 function 需要等待的时间,以毫秒ms计。默认为 0。1s=1000ms
// 清除setTimeout单次定时器
clearTimeout(定时器名称);