摘要：
问题背景： 在子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 阅读全文
摘要：
为了适应不同分辨率下的显示效果，常常会需要将外边距margin，内边距padding设置成百分比。 1.这个百分比的参考对象是什么呢？ 答：margin(四个方向：top，right，bottom，left )以及padding(四个方向：top，right，bottom，left )设置的值为百分 阅读全文
摘要：
在项目中，常常会涉及到地图相关的比较炫，相对复杂的效果实现需求，这个时候，将echarts与百度地图结合使用，就势在必行了。以下是自己在实践过程中遇到问题的简要总结： 如：已经创建了一个echarts实例，var myChart = echarts.init(document.getElementB 阅读全文
摘要：
在项目中常常会遇到美化浏览器自带滚动条的需求，以下是自定义谷歌浏览器滚动条的样式代码： :: webkit scrollbar { width: 5px;/ 竖向滚动条的宽度 / height: 5px;/ 横向滚动条的高度 / } / 滚动条轨道的样式 / :: webkit scrollbar 阅读全文