整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
非下表中的所有實體都能在所有的瀏覽器中正確地顯示。
目前，IE 11 是唯一一個能正確顯示所有 HTML5 實體的瀏覽器。
| 字符 | 實體名稱 | 十六進制 |
|---|---|---|
| ˇ | Hacek | 002C7 |
| hairsp | 0200A | |
| ? | half | 000BD |
| ? | hamilt | 0210B |
| Ъ | HARDcy | 0042A |
| ъ | hardcy | 0044A |
| ? | hArr | 021D4 |
| ? | harr | 02194 |
| ? | harrcir | 02948 |
| ? | harrw | 021AD |
| ^ | Hat | 0005E |
| ? | hbar | 0210F |
| ? | Hcirc | 00124 |
| ? | hcirc | 00125 |
| ? | hearts | 02665 |
| ? | heartsuit | 02665 |
| … | hellip | 02026 |
| ? | hercon | 022B9 |
| ? | Hfr | 0210C |
| hfr | 1D525 | |
| ? | HilbertSpace | 0210B |
| ? | hksearow | 02925 |
| ? | hkswarow | 02926 |
| ? | hoarr | 021FF |
| ? | homtht | 0223B |
| ? | hookleftarrow | 021A9 |
| ? | hookrightarrow | 021AA |
| ? | Hopf | 0210D |
| hopf | 1D559 | |
| ― | horbar | 02015 |
| ─ | HorizontalLine | 02500 |
| ? | Hscr | 0210B |
| hscr | 1D4BD | |
| ? | hslash | 0210F |
| ? | Hstrok | 00126 |
| ? | hstrok | 00127 |
| ? | HumpDownHump | 0224E |
| ? | HumpEqual | 0224F |
| ? | hybull | 02043 |
| ‐ | hyphen | 02010 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
小伙伴們，感覺我的分享很不錯的別忘記“贊賞”我一下喲!
思維新建站官網(wǎng)：jz.inspinovation.com
文|李掌柜
前面給大家介紹了《HTML5移動前端性能優(yōu)化之加載優(yōu)化》，今天來向大家介紹如何從網(wǎng)頁渲染的層面來優(yōu)化HTML5前端性能。
一、HTML5使用viewport
通俗的講，移動設備上的viewport就是設備的屏幕上能用來顯示我們的網(wǎng)頁的那一塊區(qū)域，在具體一點，就是瀏覽器上(也可能是一個app中的webview)用來顯示網(wǎng)頁的那部分區(qū)域，但viewport又不局限于瀏覽器可視區(qū)域的大小，它可能比瀏覽器的可視區(qū)域要大，也可能比瀏覽器的可視區(qū)域要小。在默認情況下，一般來講，移動設備上的viewport都是要大于瀏覽器可視區(qū)域的，這是因為考慮到移動設備的分辨率相對于桌面電腦來說都比較小，所以為了能在移動設備上正常顯示那些傳統(tǒng)的為桌面瀏覽器設計的網(wǎng)站，移動設備上的瀏覽器都會把自己默認的viewport設為980px或1024px（也可能是其它值，這個是由設備自己決定的），但帶來的后果就是瀏覽器會出現(xiàn)橫向滾動條，因為瀏覽器可視區(qū)域的寬度是比這個默認的viewport的寬度要小的。下圖列出了一些設備上瀏覽器的默認viewport的寬度。
二、減少DOM節(jié)點
當解析的html文件很大時，生成DOM樹占用內存較大，同時遍歷（不更新）元素耗時也更長。但這都不是重點，DOM的核心問題是：DOM修改導致的頁面重繪、重新排版！重新排版是用戶阻塞的操作，同時，如果頻繁重排，CPU使用率也會猛漲！
三、盡量使用CSS3動畫
CSS雖然是由瀏覽器實現(xiàn)，按理在瀏覽器支持的前提下性能會更好，然而使用者如果加入了其他干擾，發(fā)生頻繁的重繪或者回流，自然性能就差了。
四、Touchmove 和Scroll事件會導致多次渲染
類似touchmove，scroll這類的事件可導致多次渲染，對于這種事件可以通過以下手段進行優(yōu)化:
1.使用requestAnimationFrame監(jiān)聽幀變化，使得在正確的時間進行渲染
2.增加響應變化的時間間隔，減少重繪次數(shù)。
五、GPU加速
觸發(fā)GPU加速的方式有：CSS3 transitions、CSS3 3D transforms、WebGL 3D 繪制、Video。
GPU加速實際上是大幅減少了合成/繪制時間，從而大大地提高了頁面速度，但GPU加速有自己的缺點：
過多的GPU層會帶來性能開銷，主要原因是使用GPU加速其實是利用了GPU層的緩存，讓渲染資源可以重復使用，所以一旦層多了，緩存增大，就會引起別的性能問題。
日YouTube正式宣布，用戶通過Chrome、IE11、Safari 8 還有beta版的Firebox等眾多瀏覽器播放YouTube的視頻將默認使用HTML5，取代原先的Flash。
蘋果創(chuàng)始人喬布斯于2010年曾在蘋果官方網(wǎng)站上發(fā)表的文章《Thought on Flash》，距離今天已經(jīng)過去將近5年的時間，該書詳細闡述了蘋果不支持Flash而力挺HTML 5的原因。喬布斯認為Flash存在技術缺陷還不兼容觸摸設備，因此并不適配蘋果公司的iOS設備。
YouTube的工程師Richard Leider稱之為“向前邁出了重要的一步”，在官方博客中他詳細介紹了團隊這4年為HTML5付出的努力。
Leider表示在本次變化中還使用了谷歌的VP9編碼技術，盡管視頻依然使用H.264，此外還帶來了全新的在線視頻WebRTC技術和HTML5的新全屏API。
Adobe同樣面臨著Flash帶來的諸多問題，最近，該公司發(fā)表聲明承認Flash player存在致命性缺點，黑客可以輕而易舉的引導用戶進入一個危險網(wǎng)站。
不僅是YouTube一家公司，整個行業(yè)都會因此會受到推動。
*請認真填寫需求信息，我們會在24小時內與您取得聯(lián)系。
