javascript簡單性能問題及學習筆記

2019-11-20 21:09:52

字體：大中小

來源：轉載

供稿：網友

1、<script>標簽應越少越好（雖然有多個也不會導致程序報錯），因為每個<script>標簽初始下載時都會阻塞頁面渲染
2、<script>標簽盡量不要放在頁面上方，盡量放在<body>內的最下面，因為每個<script>在執行的時候，都會下載對應的js文件，瀏覽器會等待所有js/css下載完成才顯示出頁面
3、當需要導入多個js文件的時候，一般情況下我們都是寫兩個<script src="..." />，實際上是支持一次性導入多個的，例如：<script src="file1.js&file2.js" />
4、<script>標簽中有一個屬性：defer，該屬性指明本元素所含的腳本不會修改DOM，因此代碼能安全地延遲執行，但是該屬性只有IE4+和Firefox3.5+瀏覽器支持，希望大家使用的時候注意，如果其他瀏覽器，則會被直接忽略，使用例子：

，測試驗證defer屬性示例：

復制代碼代碼如下:

<script defer>alert("defer");</script>  
<script>alert("script");</script>  
<script>  
window.onload = function() {  
alert("load");  
};  
</script>

這段代碼在我們正常理解下執行順序應該是：defer、script、load，但是如果在支持defer的瀏覽器上順序則是：script、defer、load，這里需要注意的是：defer不是跟在script后面執行，而是在onload事件處理之前被調用。

時間有限，今天先記錄這么多吧

上一篇：為開發者準備的10款最好的jQuery日歷插件

下一篇：JavaScript初學者建議：不要去管瀏覽器兼容