整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          除了微信,還有誰能幫你彎道超車?它就是HTML5

          著微信應用的成功推廣,中國移動互聯網達到了一個全新的廣度和高度。據CNNIC統計,中國目前已有7.6億手機用戶,其中智能手機用戶高達5.6億之眾。可以說,幾乎人人微信,人人手機,人人移動互聯。這種場景是空前的,智能手機成了凌駕于電視、報紙、廣播、雜志等傳統媒體之上的最龐大、最活躍的媒體,移動互聯網無時不在、無處不在。

          一,變 化

          互聯網的變化是巨大的,盡管使用者不怎么留意,發展速度依然是突飛猛進、一日千里。

          終端變化:忽然一夜之間,電腦已經不那么重要了,平板火了一段時間也慢慢沉寂了,只有智能手機越來越普及,功能越來越強大,手機應用越來越多,現在人們已經幾乎離不開手機了。

          入口變化:電腦終端時代,搜索引擎、門戶網站為最大入口,到了移動互聯網時代,社交網站、新聞內容成了最大的入口。其次就是各類應用,也就是app,更是繞開了所有的入口,直接鏈接消費者的終端。

          應用變化:由于微信的普及,html5已經成了網站的標配,隨著即將推出的【微信應用號】,html5將會達到前所未有的火爆,傳統的原生app很可能會逐步被html5取代。

          生態變化:從終端到入口,從入口到應用,整個互聯網的生態已經發生了劇烈的變化。原來企業可以做個網站,通過搜索引擎或門戶網站上的廣告,就有訪問量,現在不行了,只有讓消費者安裝app,網站才有人訪問。即使有人從傳統的路徑訪問了你的網站,手機瀏覽時界面不友好,訪問者馬上就會關閉。就算你在火爆的app上做了廣告,訪問到達后,瀏覽者也不會駐留。原因很簡單,你的網頁不適合手機瀏覽。

          二,優 勢

          隨著手機的普及,html5網站越來越受到重視。究其原因,還是html5的優勢所導致。Html5到底具備哪些優勢呢?

          自動適應顯示設備的尺寸和分辨率。一個基于html5開發的網站,既可以用電腦瀏覽,也可以用平板瀏覽,還可以用手機瀏覽。安卓系統和蘋果系統都可以流暢地瀏覽。更重要的是,頁面隨著顯示屏尺寸和分辨率自動縮放,內容也可以通過觸摸放大縮小。

          支持各種瀏覽器。無論是微軟的瀏覽器還是安卓的瀏覽器,或者其他的任何瀏覽器,都可以順暢瀏覽。

          設備兼容。HTML5為網頁應用開發者們提供了更多功能上的優化選擇,帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入的開放接口,使外部應用可以直接與瀏覽器內部的數據直接相連,例如視頻影音可直接與microphones及攝像頭相聯。

          網頁多媒體特性。支持網頁端的音頻、視頻等多媒體功能, 與網站自帶的APPS、攝像頭,影音功能相得益彰。

          還有其他的很多功能,比如三維圖形、性能與集成特性、在線游戲開發等。

          最重要的是,只有基于html5的網頁,才能在手機app和瀏覽器里廣泛轉載、瀏覽。一旦進入了【微信應用號】,幾億會員就成了你的營銷對象。

          還有一條超級有用的就是,你可以隨時向會員或訂閱者推送信息,這個是前所未有的。

          總之,html5帶來的是全新的用戶體驗,可實現多媒體和游戲接入,可以 直接推送,可以在手機上隨意轉載分享。

          三,超 車

          或許,你錯過了門戶時代,或許你錯過了搜索引擎時代,但你不能錯過移動互聯網時代。在移動互聯網時代,html5是彎道超車的發動機。

          與傳統的互聯網生態不同,移動互聯網的接口是app,任何app的接口都是html5網頁,微信分享的外部資源也是html5網頁。也就是說,你有了html5網站,就融入了5.6億中國智能手機用戶,就可以在微信這個龐大的群體里恣意營銷。

          首先,你必須拋棄小而全、大而全的傳統理念,只做自己核心的內容。其次,你要真正把用戶當上帝,時刻注意應用場景和界面的友好,然后才可以設計制作網站。網站一旦制作成功,你就可以進入微信的應用號了。當然,你也可以制作網頁版的app。

          需要注意的是,app一般是原生的,與基于html5的app稍有不同,部分品牌的安卓手機(我就不列出來了,有過類似經歷的人都知道,期望這些廠商趕緊升級自己的操作系統)不能上傳圖片、視頻等內容,其他的與原生app沒什么不同。如果你不需要用戶上傳照片、視頻等文件,就沒有必要花巨資去制作原生app。但社交類、電商類的網站,經常要用到圖片上傳,建議做兩套app。

          Html5正在高速發展,由于是開源的,所以現在的不足,不能成為你裹足不前的理由,或許不要多久,html5的網頁app也能上傳圖片視頻,從而可能徹底消滅了原生app。

          找個公司,開發出一個基于html5的網站,生成app,然后進入【微信應用號】,打通與微信的聯系,你就掌握了先機。剩下來的就是維護好你的客戶關系和網站內容了。

          在應用號沒出來之前,H5網站可以在手機桌面生成快捷圖標。這需要用戶在瀏覽器中收藏本站到左面或菜單,一般人比較懶,也不知道這個操作。



          心的同學會發現,近期身形偏向于輕薄的筆記本也開始用上高性能的12代酷睿標壓處理器,相對Alder Lake-U和Alder Lake-P,不僅核心數量更多,性能釋放更猛,價格也與蘋果MacBook Air相當。這不禁讓人想到一個問題,在10000元左右,購置一臺有意思的輕薄本,你會怎么選?


          于是我們在這個價位段找來了兩款頗有意思的筆記本,一款是售價9499元的MacBook Air M1,另一款是售價9999元的華碩靈耀X雙屏Pro。



          一邊擁有完整的蘋果生態鏈支撐,另一邊則擁有兩塊OLED高分辨率窄邊框設計屏幕做門面,一時間確實讓人有些猶豫。這一次不妨讓我們從性能、體驗出發,聊聊兩款筆記本之間的差別。



          向左i7,向右M1


          今年可以說是PC筆記本變化最大的一年,在今年初發布的Alder Lake-H、P、U系列處理器正式推開了12代酷睿進軍移動端大門。而本篇的主角之一的靈耀X雙屏Pro所使用的處理器正是來自Alder Lake-H標壓系列的Core i7-12700H,擁有20線程,也就是常說的20個邏輯處理器,最高頻率4.7GHz,并且配備了滿血的銳炬Xe核顯,EU單元數量達到96個。



          在維持高頻率的同時,酷睿i7-12700H厲害的地方是使用了混合架構設計,使用了6個P-Core(性能核)與8個E-Core(效能核),其中6個P-Core支持超線程技術,可以提供12個線程,因此酷睿i7-12700H擁有20個多線程處理能力。



          蘋果M1系列在這兩年的時間對PC行業的沖擊非常強勢,利用ARM架構低功耗強性能的表現,再加上蘋果系統、硬件、軟件閉環的生態圈,在生態圈中多設備交互,軟件效率,特別是欽點的視頻制作領域有著強勁的表現。


          在結構上,M1同樣使用了類似混合架構的設計,擁有4個P-Core和4個E-Core,最高頻率在2.8GHz左右,不支持超線程技術,因此M1實際上的邏輯處理器為8個,并在MacBook Air M1上配備了7個或者8個GPU。同時為了加速AI性能,還內置了16核神經網絡引擎。



          在《對比評測:開學季,選酷睿i5還是蘋果M1?》中我們曾經聊過ARM與x86微架構設計理念上的截然不同,也勢必讓不同芯片之間針對不同場景會有更突出的能力表現。比如蘋果利用ARM的精簡指令集優勢,通過加入更多的指令譯碼器,并配套對等數量的執行單元,以確保CPU的亂序執行能力增加。


          而在12代酷睿上,英特爾也有史以來增加了更多的指令譯碼器數量,并且P-Core和E-Core完全使用了兩套不同的策略,在一定程度上彌補了復雜指令集的缺陷,能夠同時兼顧頻率、兼容性和邏輯處理器線程數量。



          這套設計在實際測試中被證明是有效的。在CINEBENCH R23中我們測試了單核與多核上的表現,酷睿i7-12700H單線程表現高出蘋果M1有18%的距離,多線程表現則高出104%。



          在蘋果擅長的Geekbench 5.4.4測試中,能夠看到酷睿i7-12700H在單核性能上高出1%,多核性能高出52%。



          Geekbench 5.4.4的子項目中能夠看到,蘋果M1的單核性能圖像處理項目中會略有優勢,機器學習、HDR處理和加密子項目中酷睿i7-12700H的單核性能更為突出。而多核性能由于酷睿i7-12700H擁有更多的線程,完全蓋過了蘋果M1的風頭。



          在Geekbench 5.4.4 – OpenCL中主要考驗兩款處理器的核顯性能,這里能夠看到酷睿i7-12700H的96EU的Xe核顯表現不差。



          在整機性能測試中,選擇了Crossmark進行對比。Crossmark會從生產率、創造性、反應力三個方面做出判斷,同時Crossmark也支持macOS。可以看到靈耀X雙屏Pro的整體表現均優于MacBook Air M1,主要得益于更高性能的處理器,以及Evo 3.0規范對PC的性能、響應速度做出了要求。



          WebXPRT 4主要用來考驗筆記本的網頁綜合性能,場景測試均基于HTML5、JavaScript和WebAssembly進行,在總體表現上酷睿i7-12700H略微領先,蘋果M1則在人工智能整理相冊、圖片增強等方面優于酷睿i7-12700H。



          另外在V-RAY Benchmark 5.00.20的處理器渲染測試中,靈耀X雙屏Pro也因為擁有更多的線程,最終性能表現高出了107%。



          當然也不要忘了蘋果M1實際功耗是在18W左右的低功耗下進行的,這也使得MacBook Air M1不配備風扇,只要不進行長時間的壓力測試,在體驗上不會有任何區別。這是M1芯片的強項之一,在低功耗下,蘋果M1的能耗比收益比酷睿高很多,當一旦提升功率,M1性能提升收益會逐漸放緩,這也是為什么M1系列芯片要強調在低功耗下性能表現優于英特爾酷睿以及NVIDIA的GeForce GPU,因為功耗基準一旦提升,結果就不一樣了。


          對于普通用戶而言,筆記本內部結構設計并不需要關心。OEM和ODM廠商們只需要關心在優先的空間內,可以塞入多強的性能。比如這款靈耀X雙屏Pro在17.9mm的厚度下,將酷睿i7-12700H的功耗拉到了80W,而搭配電源給到了150W功率。也因為如此,你會看到靈耀X雙屏Pro的充電器大很多。



          不過好在氮化鎵充電器已經普及,只需要騰出200元左右預算,就能給靈耀X雙屏Pro買到一個便攜性很高的電源作為替代品。當然MacBook Air M1的30W功率充電器,甚至可以找到“五福一安”體形大小的氮化鎵電源,在增強便攜性的同時,也加強了幸福感。



          將拉滿創作


          雖然在外觀上大為不同,但靈耀X雙屏Pro與MacBook Air M1都將多媒體處理性能作為賣點之一。兩款筆記本的處理器都提供了足夠的多核性能,在前面的對比測試中也主要依靠處理器的多線程性能表現。


          以最常用的渲染軟件Blender 3.2為例,兩款筆記本對White Lands Demo進行圖像渲染,記錄最終的輸出用時,可以看到靈耀X雙屏Pro的渲染速度要比MacBook Air M1快出44%。



          HandBrake 1.5.1主要用來視頻編碼轉換和壓縮,這里我們對一款3分鐘的4K視頻進行壓制,可以看到靈耀X雙屏Pro的速度快了51%。



          Adobe Lightroom則是常見的圖片處理軟件,這里對95張Leica SL拍攝的RAW文件進行批量轉換和輸出,并記錄耗時。靈耀X雙屏Pro的速度比MacBook Air M1快出了52%。



          另外在Adobe Premiere Pro導出一個4分鐘4K H.264視頻,可以看到靈耀X雙屏Pro的速度比MacBook Air M1快了22%。



          最終成品輸出終歸只占創作體驗的最后一個環節,內容創作過程中,筆記本的操控體驗也相當重要。比如不接外設鍵鼠的情況下,MacBook Air M1的觸控板擁有很好的舒適度,一體成型的大面積設計外加順滑的金屬質感在體驗的過程中成了加分項。特別是利用震動點擊模擬出的點擊回饋,與物理回饋毫無差別,再配合多點觸控,剪輯過程可以行云流水。


          靈耀X雙屏Pro的設計則更為激進,由于在鍵盤上方放下了第二塊OLED觸控屏幕,觸控板被挪到了右下角,如果希望鼠標在高分辨率屏幕上進行大幅度移動,可能需要在觸控板上滑動幾次,并且觸控板本身沒有采用物理或者模擬的震動回饋,在體感上略差一些。



          但即便如此,仍然架不住靈耀X雙屏Pro的兩塊OLED觸控屏幕的酸爽,兩塊屏幕均使用了120Hz刷新率和0.2ms的響應時間,同時副屏還支持4096級壓感觸控筆,給予了更多樣的內容創作方式。



          與此同時,華碩還給靈耀X雙屏Pro搭配了ScreenXpert 3和ScreenPad Plus兩套操作模式。ScreenXpert 3相當于Windows 11跨屏互動的延伸,智能的進行窗口分配,給予專業軟件更合理的排版設計,省去每次啟動軟件后的調教時間。



          ScreenPad Plus則可以看成MacBook Pro Touch Bar的高階升級版,通過常駐在副屏左側的按鈕可以快速的實現屏幕切換、工具調用、控制面板等功能。不僅如此,當打開Adobe Photoshop或者Premiere這樣的專業軟件的時候,ScreenPad Plus還可以自動調出創意面板,以旋鈕、滑塊、按鈕的形式代替鍵盤上的快捷鍵,上手即用,降低了不少學習成本。



          在實際使用過程,靈耀X雙屏Pro副屏體驗回饋非常迅速,特別是視頻剪輯時可以實現細膩的逐幀滑動,輕松鎖定想要的關鍵幀,非常方便。



          另外,靈耀X雙屏Pro的接口擴展性能也優于MacBook Air M1,比如提供了2個雷電4,1個USB 3.2 Gen2 Type-A,1個HDMI 2.1 TMDS,1個MicroSD Express 7.1讀卡器,1個音頻接口。其中雷電4是英特爾Evo 3.0認證的主要條件之一,能夠提供40Gbps傳輸速率,8K視頻輸出,并支持100W USB-PD充電。



          MacBook Air M1的2個USB-C接口則只支持到雷電3,后續的MacBook Air M2則使用了USB4協議,由于英特爾授權給USB-IF組織的協議為雷電3,因此本質上MacBook Air M2的USB4也僅相當于雷電3版本,在視頻傳輸性能上有所欠缺。



          老生常談的系統生態


          生態對抗是老生常談的問題。macOS用戶和Windows用戶經常會在孰優孰劣的觀點中爭論很久。毋庸置疑macOS的閉環生態給體驗帶來的足夠好的順暢,特別是將iPhone復制的文本、圖片之后,就能順其自然的在macOS中進行粘貼,iPhone與iPad拍攝的圖片,也會無縫串流到MacBook上來,設備之間控制完全可以無縫切換。


          如果你是常年的iOS用戶,那么macOS的學習成本門檻低到基本可以忽略,特別是健全的應用商店機制,在尋找需要APP變得更為便利。但需要注意的是,M1或者M2芯片雖然本質上與iPhone、iPad上使用的A系列、M系列芯片相同,可以無縫適配iOS軟件,但蘋果在應用商店中還是做出了限制,常用的iOS軟件或者游戲,在macOS中有很大概率是找不到的。


          比如搜不到VSCO


          靈耀X雙屏Pro的Windows 11是當下最主流的操作系統,在兼容性上有著更廣泛的適配。特別是微軟最終加入了對Android應用的原生支持,讓Windows 11也可以不安裝模擬器無縫運行Android APP。與此同時,應用商店的優化也愈發流暢,甚至為了提升占有率,也開始學習Epic和Steam不時給熱門游戲提供折扣。



          但兼容性寬泛也往往意味著軟硬件銜接處理效果會不如封閉生態。比如擁有100% DCI-P3色域的OLED屏幕,在專業軟件之外的日常使用,會與Windows 11的sRGB配置有所沖突,導致平時瀏覽圖片和網頁,會遇到飽和度過高的問題。因此靈耀X雙屏Pro在My ASUS中提供了色域限縮的切換功能,以匹配不同的使用環境。



          而在同樣支持DCI-P3色域的MacBook Air M1上,這樣的問題不會發生,原因是macOS對整個系統進行了強制適配,所有應用都是圍繞DCI-P3色域基準進行調配的。


          值得一提的是,靈耀X雙屏Pro在Evo 3.0認證規范下,周邊設備也進一步得到加強。比如支持紅外人臉識別攝像頭搭配ToF傳感器可以自動判斷用戶是否在筆記本前,是否需要自動鎖屏。3DNR降噪攝像頭搭配酷睿i7-12700H的IPU改善了攝像頭的畫質,并具備AI雙向降噪功能,能夠自動過濾掉突如其來的狗叫聲、嬰兒哭啼等等,居家辦公時顯得更為友好。



          寫在最后


          MacBook Air M1正式發布已將近2年,限于產能的關系,后續機型MacBook Air M2需要在下單后一到兩周才能到貨,實際性能差距大概在15%左右。如果著急入手MacBook,M1系列仍然是合理的選擇,特別是使用M1 Pro的MacBook Pro 14降價幅度最大,散熱、性能表現也遠比MacBook Air M1和M2版本強悍,是果粉當下最理想的選擇。當然,前提是你必須給足將近13000元以上的預算。



          反觀PC筆記本,在10000元價位其實就已經有了十分豐富的選擇,特別像華碩靈耀系列今年開始全員使用OLED屏幕,觸控體驗、性能釋放、輕薄設計體驗到位,光是多看兩眼都有了讓人掏錢包的沖動。如果預算吃緊,也完全可以考慮單個OLED屏幕的靈耀Pro系列,價格甚至可以下降到7000元價位,在酷睿i7-12700H和LPDDR5內存的基礎上,還追加了獨立GPU,性能足夠將MacBook Air M1,甚至MacBook Air M2遠遠拉開。


          回到本篇文章的兩個主角,在性能和創意度上,靈耀X雙屏Pro比MacBook Air M1更勝一籌,就算后續的MacBook Air M2處理器性能提升,面對酷睿i7-12700H這樣的標壓處理器仍然是沒有招架之力的。



          在有限的空間和重量下,華碩給出了像靈耀X雙屏Pro這樣一款令人眼前一亮的作品,一方面得益于12代酷睿標壓處理器更多的調教性,另一方面也得益于英特爾Evo 3.0規范讓筆記本體驗更為友好。特別是與MacBook Air幾乎等價的時候,華碩靈耀X雙屏Pro無疑展現出了更多吸引力。

          TML5的新特性

          1. 語義特性(Class:Semantic)

          HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的微數據與微格式等方面的支持,構建對程序、對用戶都更有價值的數據驅動的Web。

          2. 本地存儲特性(Class: OFFLINE & STORAGE)

          基于HTML5開發的網頁APP擁有更短的啟動時間,更快的聯網速度,這些全得益 于HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要 的技術之一)和API說明文檔。

          3. 設備兼容特性 (Class: DEVICE ACCESS)

          4. 連接特性(Class: CONNECTIVITY)

          5. 網頁多媒體特性(Class: MULTIMEDIA)

          支持網頁端的Audio、Video等多媒體功能, 與網站自帶的APPS,攝像頭,影音 功能相得益彰。

          6. 三維、圖形及特效特性(Class: 3D, Graphics & Effects)

          7. 性能與集成特性(Class: Performance & Integration)

          沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術, 幫助您的Web應用和網站在多樣化的環境中更快速的工作。

          HTML5的優缺點

          優點:

          1、 網絡標準

          HTML5本身是由W3C推薦出來的,它的開發是通過谷歌、蘋果、諾基亞、中國移動等幾百家公司一起醞釀的技術,這個技術最大的好處 在于它是一個公開的技術。換句話說,每一個公開的標準都可以根據 W3C的資料庫找尋根源。另一方面,W3C通過的HTML5標準也就意 味著每一個瀏覽器或每一個平臺都會去實現。

          2、 多設備、跨平臺

          3、 即時更新。

          4、提高可用性和改進用戶的友好體驗;

          5、 有幾個新的標簽,這將有助于開發人員定義重要的內容;

          6、 可以給站點帶來更多的多媒體元素(視頻和音頻);

          7、可以很好的替代FLASH和Silverlight;

          8、 涉及到網站的抓取和索引的時候,對于SEO很友好;

          9、被大量應用于移動應用程序和游戲。

          缺點:

          1、 安全:

          像之前Firefox4的web socket和透明代理的實現存在嚴重的安全問 題,同時web storage、web socket 這樣的功能很容易被黑客利用,來盜 取用戶的信息和資料,另外http的機制導致了web應用安全性有所欠缺, 這將在很長時間內成為問題。

          2、 完善性:

          html5 還在成熟和發展中,像之前曾經支持的web sql database, w3c已經決定不再維護。許多特性各瀏覽器的支持程度也不一樣,而地理定位API在國內的前途還不清晰。

          3、 技術門檻:

          html5簡化開發者工作的同時代表了有許多新的屬性和API需 要開發者學習,想web worker、web socket、web storage 等新特性要求 對于后臺的技術需要有一定的了解,甚至需要深入了解其后面原理和邏輯,而canvas要求視覺和圖像算法的一些知識,傳統的前端開發者需要 掌握更多算法、視覺、后臺甚至瀏覽器原理的知識,機遇的同時也是巨大的挑戰

          4、 性能:

          某些平臺上的引擎問題導致html5性能低下,同時在不加入GPU加 速的情況下,html5處理復雜音視頻,動畫的性能不盡如人意。

          5、 瀏覽器兼容性問題:

          這是html5最大缺點,IE9以下瀏覽器幾乎全軍覆沒,而其他瀏覽器雖然支持很好,但不是很全。

          下期預告:

          HTML5學習筆記三:HTML5語法規則

          番外篇:昨天寫了第一篇文章,閱讀量還算可以,感謝收藏Tommy文章和訂閱Tommy say的童鞋!對于我的每一篇文章都可以在下面評論交流,我看到后也會和大家互動回答的哦!


          主站蜘蛛池模板: 日本国产一区二区三区在线观看| 久久99精品波多结衣一区| 国产精品高清视亚洲一区二区| 中文字幕一区在线观看| 一区二区三区免费在线视频| 国产成人高清视频一区二区 | 免费高清av一区二区三区| 色欲AV蜜桃一区二区三| 国产在线一区二区三区av| 成人区人妻精品一区二区不卡视频| 国产乱码一区二区三区爽爽爽| 91在线精品亚洲一区二区| 国产一区二区在线视频播放| 国产一区二区在线观看app| 亚洲色偷偷偷网站色偷一区| 秋霞日韩一区二区三区在线观看| 中文字幕无线码一区| 亚洲.国产.欧美一区二区三区| 日本在线视频一区| 亚洲熟妇av一区二区三区下载| 精品无码成人片一区二区| 亚洲综合av永久无码精品一区二区 | 国产91精品一区二区麻豆网站| 日韩一区二区免费视频| 国产丝袜美女一区二区三区| 亚洲另类无码一区二区三区| 日韩综合无码一区二区| 无码日韩精品一区二区免费| 手机看片一区二区| 韩国精品福利一区二区三区| 午夜影视日本亚洲欧洲精品一区| 日韩视频一区二区在线观看| 日韩精品一区二区亚洲AV观看| 秋霞鲁丝片一区二区三区| 午夜精品一区二区三区免费视频| 日韩精品一区二区三区在线观看| 日韩内射美女人妻一区二区三区| 国产福利电影一区二区三区,日韩伦理电影在线福 | 射精专区一区二区朝鲜| 偷拍精品视频一区二区三区| 色狠狠色狠狠综合一区|