web开发需要知道的一些内容

html内容区

<br />

火狐 ,谷歌兼容checkebox方式不一样: 可参考下面内容处理 :
http://codepen.io/chitanda/pen/XbNBKE/
火狐中存在的input.select缓存问题,清除input缓存
火狐默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除 缓存记录。

如果不想让ff缓存input的值,有2种方法:

1,在不想使用缓存的input中添加 autocomplete="off";

如: <input type="text" autocomplete="off" name="test" />

2,在 input 所在的 form 标签中添加 autocomplete="off";

如: <form action="#" autocomplete="off"></form>

<br />

css内容区

<br />

防止在移动端卡顿
-webkit-overflow-scrolling:touch;
css媒体查询:
@media only screen and (max-width: 992px) { }
appearance清空默认方式 :
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
全屏半透明遮罩:
.mask_cover{position:fixed;width:100%;height:100%;z-index:1000000;background:rgba(0,0,0,.6);display: none;}

<br />

js内容区

<br />

页面回到顶部
$("body").scrollTop(0);
页面禁止滚动和恢复滚动:
// 页面设置禁止滚动
$("body").css({"overflow":"hidden"});
// 页面设置恢复滚动
$("body").css({"overflow":"auto"});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,165评论 1 92
  • AMD 和 CMD 的区别有哪些?AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 751评论 0 1
  • 1.最喜欢看什么类型的电影? 科幻+惊悚+灾难+周星驰+成龙+李连杰 2.小时候父母对你是以表扬为主还是教训为主?...
    baiyun520960阅读 130评论 0 0
  • 曾经有一个歌儿特好:隐形的翅膀!有一年新生开学典礼上北大的校长还唱了这个歌! 在这里,我想问您:亲爱的读者,你有看...
    德厚如橹阅读 408评论 0 1
  • 一、职业发展 工程师有五个等级:第五级:能独立解决问题,完成工程工作;第四级:能指导和带领其他人一同完成更有影响力...
    张聪_2048阅读 2,133评论 0 1

友情链接更多精彩内容