WEB前端编码规范及个人经验总结

1.关于JS的引入顺序问题

建议在body标签下引用,不会阻止浏览器页面的渲染。如若非要在<head>标签内部提前引用,对于涉及DOM操作的js函数建议在

<body  onload="init()">

标签中加入onload事件,js操作需放入init()函数中。

2.对于window.onload

onload事件不要用匿名函数。一个html页面中可同时调用多次window.onload事件,如若为匿名函数,浏览器会自上而下执行,最终会最后一个onload所调用的匿名函数会覆盖前面的。

若一个html文档中同时有

window.onload= function(){}
<body onload="init()"></body>

,只触发init()。原因:window.onload为匿名韩式,被init()覆盖。解决方法:window.onload不要用匿名函数。

$(document).ready、window.onlad、<body onload="init()">

,三者在不用匿名函数的情况下依次触发,

<body onload="init()"></body>

最后触发。

3.对于页面高频率同时发送多个异步请求的问题

如果页面初始化时依次会高频率多次发送异步请求,建议在回调中依次触发,否则页面连续刷新后导致server返回数据与请求不对应,导致请求返回值错误。

4.页面自适应问题

当页面嵌入iframe时,

@media screen and (max-height:604px)

max-height指的不是浏览器视口高度,而是document的innerHeight。

前端规范 图片大小_w3cschool 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

麦兜_冰夕

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值