分类：自适应

2021
02-21

vue3.0 自适应不同分辨率电脑的操作

首先我们需要要安装一些依赖npmilib-flexible-computer-S//根节点会根据页面视口变化而变化font-size大小npmipx2rem-loader-D//自动将px转换为remnpmipostcss-px2rem//将代码中px自动转化成对应的rem的一个插件这里要和大家说的就是lib-flexible-computer这个npm装的依赖，想必大家为了做pc的适配搜索了很多方法他们大多数都是安装的下面这个依赖npmilib-flexible-S安装这个依赖，做适配的话只能做到屏幕540一下的，pc... 继续阅读 >

2021
01-08

el-table表头根据内容自适应完美解决表头错位和固定列错位

将代码复制到指令中即可使用。通过指令方式进行调用。（使用方式<el-tablev-tableFit></el-table>）通过计算文字的宽度进行表头设置，其他内容无法计算。5000个单元格以上根据实际情况使用以上根据实际情况使用，因为单元格越多，计算时间越长。尽量使用v-if，不然有些情况下会计算错误。Vue.directive("tableFit",{//指令所在组件的VNode及其子VNode全部更新后调用。componentUpdated(el,binding,vnode){setTimeout... 继续阅读 >

2020
10-30

antd 表格列宽自适应方法以及错误处理操作

当不给某列设置宽度时这一列的宽度等于:(表格宽度-有宽度列的宽度)/没有固定宽度的列的数量也就是没有设置宽度的列会平分表格中余下的宽度在antd的表格中,当你不设置表格滚动,并且你给每一列设置了固定宽度,那么他们会按照设置宽度的比例瓜分表格的宽度表格横向滚动,序号,权属人左定位antd中的表格列固定是隐藏原列,然后又在上面覆盖新列实现的,也就是说白色部分实际是原列,只不过是被隐藏了这个表格中只有序号有固定宽... 继续阅读 >

2020
10-10

Vuejs通过拖动改变元素宽度实现自适应

需求：原理：拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是被遮住了）。使用SetCapture()和ReleaseCapture()的函数功能指定窗口里设置鼠标捕获。html部分代码：<template><div><ulclass="box"ref="box"><l... 继续阅读 >

2020
10-09

微信小程序完美解决scroll-view高度自适应问题的方法

第一种情况，scroll-view占据整屏scroll-view{height:100vh;}第二种情况，scroll-view自适应页面剩余高度xml文件<viewclass="box"><viewclass="box-head"></view><scroll-viewclass="box-scroll"></scroll-view></view>wxss文件.box{display:flex;flex-direction:column;height:100vh;overflow:hidden;}.box-head{flex-shrink:0;height:50px;}.box-scroll{flex:1;height:1px;}flex：1高度依然不会自适... 继续阅读 >

2020
10-08

完美解决vue 中多个echarts图表自适应的问题

看代码吧~<divclass="echarts"><IEcharts:option="bar"ref="echarts"></IEcharts></div>mounted(){this.selfAdaption()},methods:{//echarts自适应selfAdaption(){constself=this；setTimeout(()=>{window.onresize=function(){self.$refs.echarts.resize()}},10)}}上面这段代码在出现多个echarts图表时只有一个图表自适应，修改了一下<divclass="echarts"... 继续阅读 >

2020
10-08

Element图表初始大小及窗口自适应实现

最近在做一个轮播图，使用的是element的Carousel走马灯，每一个走马灯里是eachrts图，开始页面加载的时候发现echarts图并不能自适应，开始以为是走马灯的问题，后来发现不是不知道大家在用echarts的时候有没有遇到这种情况：最开始盛放图表的容器是隐藏（或者tab切换）的，然后再显示的时候，里面echarts图表就没用初始大小了。比如我遇到的这种：有童鞋这会儿估计看出原因了：因为元素最初隐藏，再显示之后没有自动变化宽度，所以... 继续阅读 >

2020
10-08

Tensorflow与Keras自适应使用显存方式

Tensorflow支持基于cuda内核与cudnn的GPU加速，Keras出现较晚，为Tensorflow的高层框架，由于Keras使用的方便性与很好的延展性，之后更是作为Tensorflow的官方指定第三方支持开源框架。但两者在使用GPU时都有一个特点，就是默认为全占满模式。在训练的情况下，特别是分步训练时会导致显存溢出，导致程序崩溃。可以使用自适应配置来调整显存的使用情况。一、Tensorflow1、指定显卡代码中加入importosos.environ["CUDA_VISIBLE_DEVI... 继续阅读 >