SyraTi.ICU

霧雨魔法店 下属

随手记录

原因:
当你在一个js里面写document.write(‘<script>多行内容xxxx</script>’)后
页面上的script断点调试会错位

表现就是断点打在某一行 实际停在上面几行
相差的行数取决于你写进文档的多行内容的行数


开发需求

在页面中加入一个定高的iframe

问题

IOS safari中iframe会根据内容高度进行iframe的内容自扩展以适应内容高度 设置height无效

百谷之后

在 iOS Safari 上,对于一个 scrollable 的 iframe 元素,iOS Safari 会选择扩展 iframe 的高度来自适应其中 web 页面内容的高度。所以当页面内容超过 iframe 设置的高度时,iOS Safari 并不会像在 Android 浏览器中那样维持 iframe 的高度并在右侧显示一个拖动条,而是直接扩展 iframe 的高度。

阅读全文 »

之前用atom、sublime的时候 Emmet 的模板是可配置的 但是在webstorm配置中的Editor > Emmet选项下没有发现任何有关模板的配置 只有一些选项的配置。

阅读全文 »

—— 因为百度地图极速版貌似正在关闭并且停止维护了 文档页面和介绍页面都跳转到了正式版的API,然而极速版中非常好用的 routeSearch.routeCall 没了 于是乎开始找代替方案

A Few Minutes Later…..

经过一番Demo和文档的查找,惊喜的发现正式版中TransitRoute,WalkingRoute,以及DrivingRoute 的searchComplete回调中有个“moreResultsUrl” 打开正是百度地图的导航结果页!

阅读全文 »

###有3个页面 a,b,c
如果当前页面是c页面,并且c页面是这样跳转过来的:a->b->c

1: b->c 是通过window.location.replace(“..xx/c”) 此时b页面的url会被c页面代替,并且点击后退按钮时会回退到a页面(最开始的页面)

2: b->c是通过window.location.href(“..xx/c”) 此时b页面的路径会被c页面代替,但是点击回按钮后页面回退的是b页面

两者的区别: 两者后退时所回退的页面不一样

项目中遇到如下需求

1
2
3
4
5
6
7
8
<body>
<!-- top 盒子内容为内部撑开 -->
<div class="top">
<!-- 未知高度的一些元素 -->
</div>
<!-- 目标盒子 需要自动填满屏幕剩余高度-->
<div class="target"></div>
</body>

解决方案

1
2
3
4
5
6
7
8
9
10
11
body,html{
height:100%;
width:100%;
}
body{
display:flex;
flex-direction: column
}
.target{
flex:1;
}