11 2018 档案
摘要:问题背景: 在子iframe页面去处理页面单屏满屏显示的问题,要求内容的高度以满屏的百分比显示,先获取屏幕高度 $(window.parent).height() ,再减去header和footer的高度,然后赋值给iframe,此时发现页面出现滚动条,总是要多减掉几px才不会出现滚动条,即包裹if
阅读全文
摘要:从开始接触iframe,就总是各种坑,现在就部分内容做一个简要的记录总结。 iframe 高度自适应的问题 1.问题背景:在默认情况下,iframe标签有一个约150px的默认高度,如果不主动设置iframe的高度,iframe的高度是不会由内容撑开的,而是超出滚动。因此,就涉及到了动态设置ifra
阅读全文
摘要:在项目中,常常会遇到这样的需求,要求布局如下所示,同时要求导航区的高度与内容区的高度始终保持一致,以边框或者背景作为区分。 采用float的方式布局 需要通过js来监控两个区域的高度变化,将高度的最大值作为两者的高度 采用flex的方式布局 不需要去处理高度,两者的高度会自动同步(补充:是指在没有设
阅读全文
摘要:webpack4动态导入文件报错,按照错误提示安装了插件,但未果,最后查到一个可行方案,记录如下: 1.通过懒加载的方式动态引入文件 2.报错如下所示 ERROR in ./src/router.js Module build failed (from ./node_modules/babel lo
阅读全文
摘要:时隔好久,终于开始用vue做项目了,工欲善其事,必先利其器,本文记录一下vue在chrome浏览器下的代码调试工具devtools插件的安装方法。 1.在github上面搜索插件源码,下载下来,安装包依赖 vuejs/vue devtools npm install 2.阅读项目的README.md
阅读全文
摘要:之前对margin的理解,都是用来改变容器位置的,今天发现在特定情况下 ,margin也可以改变容器的大小。 当不指定容器的宽度(这里指的是具体值和百分比),即容器的宽度为 时,给该容器的 或者 设置一个负值,可以增大容器的宽度。(垂直方向上不是同理的) 案例代码: <!DOCTYPE html .
阅读全文
摘要:在vue.js框架下,创建echarts图表,当图表的外部容器的宽度设置为百分比时,出现图表内容宽度超出其外部容器的情况,几番调试,得解决方案如下: (备注说明:问题产生的具体原因尚不清晰,后面若知晓了再补充,但是初期解决问题阶段一定不要钻牛角,不是一开始就能或者可以知道真理的) 在创建了echar
阅读全文