HTML-加速、再加速(上)
web開發人員是否必須掌握複雜的元件技術才能加快html頁面的存取速度?答案是:不一定!實際上,有許多關於HTML與DHTML方面的技巧,它們原理簡單而且上手容易。無論是技術高超的老手,或是初涉編程的菜鳥,領會這些都十分必要。
明顯HTML,暗渡「公用腳本」
減少web頁面下載時間的關鍵就是設法減少檔案大小。當多個頁面共用一些成分內容時,就可以考慮將這些公用部分單獨分開。例如:我們可以將多個HTML頁面都用到的腳本程式編寫成獨立存在的.js文件,然後再在頁面中按如下方式調用它:
這樣,公用檔案只需要下載一次,然後就進入緩衝區。等下次再呼叫包含公用檔案的html頁面時,下載時間明顯減少。
讓樣式表內容進入地下工作
CSS是HTML裝扮器,一個漂亮的Web頁面不可能沒有它。 HTML頁面有多種引用CSS的方法,不同的方法所導致的效率也不一樣。通常,我們可以將定義於間的樣式控製程式碼提取出來,儲存到單獨的.css檔案中,然後在HTML頁面中以標記或@import標記的方式進行引用:
請注意2點:1、.css檔案中無須包含
你一定會覺得做這麼一點事情竟要寫這麼複雜的程式碼,是否有更簡潔的方法?當然有!請看這4個屬性:posLeft、posTop、posWidth 和 posHeight,它們對應於對應字串回傳值的點數數值。好了,使用這些屬性重新編寫程式碼實現上面程式碼實現的功能:
element.style.posLeft += 10

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)