资讯专栏INFORMATION COLUMN

工作遇到问题的解决方案

ruicbAndroid / 2406人阅读

摘要:但是除此之外,还有很多坑比较难以解决,例如软键盘唤起后遮挡住标签,用户没法看到自己输入的字符串,则需要在输入至少一个字符之后,才能将对应的标签滚动到合适的位置,所以为了避开这些难以解决的坑,在有表单输入的页面,尽量用或者替换。

css

line-height 在google和fire 有一像素偏差

display-inline-block 对齐方式有问题 用 vertical-align:middle

select option 只有火狐支持 onclick 解决办法 就是迷你select下拉菜单

$(this).find("option:selected").val();

安卓和IOS position fiexd 不一样 安卓没有问题 IOS 动态设置 absolete 模拟fixed

display: flex;
align-items: center;
justify-content: center; 

用这个写在外围,里面的盒子就能图文上下左右居中

&::after{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e2e2e2;
}
水平垂直居中 盒子

fixed 与 input

刚接触移动端 Web 开发的小伙伴应该都会听前辈们说过,不要在有 input 标签的页面使用 fixed 定位,因为这两者在一起的时候,总是会有奇奇怪怪的问题。

在 iOS 上,当点击 input 标签获取焦点唤起软键盘的时候,fixed 定位会暂时失效,或者可以理解为变成了 absolute 定位,在含有滚动的页面,fixed 定位的节点和其他节点一起滚动。

其实这个问题也很好解决,只要保证 fixed 定位的节点的父节点不可滚动,那么即使 fixed 定位失效,也不会和其他滚动节点一起滚动,影响界面。

但是除此之外,还有很多坑比较难以解决,例如 Android 软键盘唤起后遮挡住 input 标签,用户没法看到自己输入的字符串,iOS 则需要在输入至少一个字符之后,才能将对应的 input 标签滚动到合适的位置,所以为了避开这些难以解决的坑,在有表单输入的页面,尽量用absolute 或者 flex 替换 fixed。

ajax 缓存

1.ajax缓存只对GET方式的请求有效,而浏览器认为POST请求提交表单内容必定有变化,所以不走缓存。

2.在默认的情况下,一般发送ajaxget请求,IE浏览器第一次会向服务器端请求,获取最新数据,如果地址和参数不变,第二次及以后再发送请求,

它就默认获取的缓存数据,这样的问题是ie中很常见的问题,一般POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83041.html

相关文章

  • 工作踩坑系列——https访问遇到“已阻止载入混合活动内容”

    摘要:问题复现经过一段时间的调研工作,终于将公司的环境改造成支持访问模式,信心满满的打开公司测试环境主页,。当一个网页出现这种情况时,它被称为混合内容页面。请求,默认行为。 前言 最近在主导公司网站进行全站Https改造工作,本文记录在改造过程中遇到的一个由于后端302跳转导致前端浏览器阻止访问的问题,感觉这样的问题有一定通用性,所以编辑成文,希望能给遇到类似问题的人们有所帮助。 问题复现 ...

    Shisui 评论0 收藏0
  • 从国企到互联网,一个初入职场将近一年半工作经验程序员「得」与「失」

    摘要:写在前面年月日,我只身一人来到北京,开始人生中的第一份工作,在一家国企从事软件开发工作。因为现在晚饭都是在公司吃,如果不是刷朋友圈,我是不知道北京哪天的夕阳又刷屏了的,因此错过了很多美丽的瞬间,也算一点遗憾吧。 ...

    不知名网友 评论0 收藏0
  • 告警分析:如何帮助运维团队快速做出最佳决策?

    摘要:健全的告警分析体系真正认识你的团队好的告警分析机制能够帮助管理者分析团队整体的工作情况,根据作为评判标准。根据告警内容分析也是很有必要的,能够帮助团队管理者对资源进行适当的调整,工作重心的调整。 「路漫漫其修远兮,吾将上下而求索」,「转身」不见得华丽,但我必须「转身」,不要安逸于现在的运维状况。 如果你运维一线人员,是否会遇到以下情况: 公司所有的服务器告警消息会塞满自己的整个邮箱,...

    pumpkin9 评论0 收藏0
  • 记录我开发工作遇到HTTP跨域和OPTION请求一个坑

    摘要:我通过这篇文章把今天工作中遇到的跨域和请求的一个坑记录下来。预检请求机制的使用,是为了避免跨域请求对服务器的用户数据产生未预期的影响。我使用了认证方式,这种方式不会造成该请求成为一个需要预检的请求,所以最后跨域成功了。 我通过这篇文章把今天工作中遇到的HTTP跨域和OPTION请求的一个坑记录下来。 场景是我需要在部署在域名a的Web应用里用JavaScript去消费一个部署在域名b的...

    HollisChuang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<