前言 前端开发工程师最基础的技能要求是根据 ui 设计稿还原网页，这就缺少不了必要的网页布局，首先看下最近小伙伴问我的一个问题，他说一个网页有左右两个部分，左右两个部分的高度都不固定，要使得右部分的宽度充满剩余的部分，并且高度随着左边的高度发生自适应，而左侧的高度随着内容的高度发生变化，对于这么一个 ...
分类：
Web程序 时间：
2021-06-20 18:42:44
阅读次数：
0
写在前面 由于项目中需要使用代码编辑器插件，于是找到了CodeMirror，这个插件功能十分强大，官网地址：https://codemirror.net/ 但是，当把插件集成到项目时，发现编辑器显示高度是默认的300px，这个高度显然是不友好的，所以需要将高度改为自适应。 查看官方文档说是将heig ...
分类：
其他好文 时间：
2021-04-23 12:24:16
阅读次数：
0
var window_h=function(element,height){ var element=document.getElementsByClassName(element); for(let i=0;i<element.length;i++){ element[i].style.heigh ...
分类：
其他好文 时间：
2020-12-29 11:11:45
阅读次数：
0
如果你在构建管理后台，菜单栏横向摆放到整个View的顶部，下方是搜索框一些组件，然后最下面是表格来呈现数据，那么，当缩放浏览器窗口的时候，需要实现表格组件Table的高度自适应。你可以通过如下方法实现：setTimeout(()=>{this.customTableHeight=window.innerHeight-this.$refs.table.$el.offsetTop;},100);
分类：
其他好文 时间：
2020-10-05 21:26:23
阅读次数：
28
以下是在自己实习生面试的时候遇到的一个问题，事后自己也去总结了一下。问题描述如下：一个外层div里面嵌套两个内部div，外层div高度固定（假设未知），内层上面的div高度固定，如何让下面的div实现撑满外层的div高度？看到过网上有类似的问题，但是大部分都是假设外层高度为100%或者是已知的，而我 ...
分类：
Web程序 时间：
2020-06-03 23:14:06
阅读次数：
81
vartableIns=table.render({elem:‘#taskOptLogListTable‘,url:ctx+‘/task/taskOptLog/query‘,error:admin.error,cellMinWidth:80,toolbar:‘#taskOptLogListTable-toolbar‘,defaultToolbar:[{title:‘条件过滤‘//标题,layEve
分类：
其他好文 时间：
2020-05-26 10:35:19
阅读次数：
94
一面： 1.你现在用的技术栈 2.如果让你自定义一个组件实现v-modle你如何实现 3.vue的生命周期对Vue都做了什么 4.nextTick的原理 5.组件的通信方式 6.ES6你都用过什么 7.Promise.all()和Promise.race()的区别；Promise.all()有一个返 ...
分类：
其他好文 时间：
2020-05-25 19:44:54
阅读次数：
254
高度自适应第一种情况 1.高度不去设置，或者高度设置auto 内容撑开父元素的高度。2.内容撑开父元素的高度 -> 最小高度的设置 min-height3.浮动元素添加高度自适应 -> 添加浮动元素的父元素没有高度，会出现高度塌陷 解决高度塌陷的方法 (1)给出现高度塌陷的元素添加：overflow ...
分类：
Web程序 时间：
2020-05-16 16:27:32
阅读次数：
75
高度自适应第一种情况 1.高度不去设置，或者高度设置auto 内容撑开父元素的高度。2.内容撑开父元素的高度 -> 最小高度的设置 min-height3.浮动元素添加高度自适应 -> 添加浮动元素的父元素没有高度，会出现高度塌陷 解决高度塌陷的方法 (1)给出现高度塌陷的元素添加：overflow ...
分类：
其他好文 时间：
2020-04-21 13:05:46
阅读次数：
46
官方文档中 mode="widthFix" 宽度不变，高度自动变化，保持原图宽高比不变，即设置图片宽度而高度自适应。 但是在实际开发中发现图片在初始加载时瞬间竖向拉伸变形闪烁然后恢复正常宽高，也许是高度没设置的原因。 所以把图片设置 height: auto 即可解决问题 ...
分类：
微信 时间：
2020-04-17 12:36:36
阅读次数：
186
