学习笔记（五）

最新推荐文章于 2025-03-06 21:21:26 发布

转载最新推荐文章于 2025-03-06 21:21:26 发布 · 49 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/foreverZ/p/6210413.html

本文总结了一系列前端开发中遇到的问题及解决方案，包括iframe缓存、HTTP请求过多导致服务器负载过高、苹果手机音频自动播放等常见问题，并介绍了新的知识点如事件代理、SVG的viewBox和preserveAspectRatio、CSS的clip-path等。

集锦：
1. iframe 套的网页会经常缓存，使修改了网页看上去无反应
2. 全局事件里面加 alert，容易产生混淆，如快速两次 click，第一次弹窗，第二次点击算什么呢
3. HTTP 请求数量多真的会卡死服务器，亲测属实
4. <datalist> 并不好用，有时会不出现内容，且样式不可控
5. 苹果手机自动播放音频得放在 wx.ready 里面
6. 摇一摇事件有时清除不了
7. 有时候 jquery 事件快速触发回调运行会跟不上

新知识点：
1. 事件代理，时间绑在父级比绑在很多 li 上好
2. SVG 的 viewBox 和 preserveAspectRatio
3. CSS 的 clip-path 和 SVG 的 clip-path 完爆 clip: rect 这弃子
4. visibilitychange 事件：从当前浏览器标签移出对应 document.hidden
5. http://www.placehold.it/widthxheight/bgcolor/textcolor[&text=hello+world] 生成占位图
6. unref 和 ref （timeout的暂停和重启）
7. canvas 的 bezierCurveTo

楷模：
http://www.cnblogs.com/xiao-yao/tag/html5%20canvas%20%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/

转载于:https://www.cnblogs.com/foreverZ/p/6210413.html