Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
日,HTML 5 發布平臺Pressly再獲 210 萬美元的 A 輪融資,由 Gibraltar Ventures 領投,iNovia Capital 和 OMERS Ventures 跟投。
隨著移動端的崛起,用平板或者手機登陸更大網站時,出來的不再是讓粗手指星人無可奈何的縮小版原網站,而是基于 HTML5 技術的觸屏版網頁。這些網頁有簡潔干凈的界面和大而鮮艷的導航及控制按鈕,適用于不同的移動設備。它們披著 App 的外表,占著網頁的地盤,卻收獲了數量巨大的用戶。
Pressly 的出現就是為了迎合人們把網站變成適配移動設備瀏覽的版本的需要。它為企業客戶提供了與移動設備兼容的 HTML 5 框架,將網頁上的內容以優美的方式呈現于平板或是手機上。但是它們并不滿足于當一個只賣勞力的搬運工:Pressly 提供精確的監管信息,幫助網頁精選出訪客最喜歡的內容;企業客戶還可以選取感興趣的網站來源,由 Pressly 根據用戶喜好自動轉載合適的內容,豐富原本的信息架構;另外,Pressly 還提供各種商業相關的關鍵業績指標以及每周報告,幫助用戶優化營銷策略。
目前,Pressly 的客戶包括許多世界一百強公司,其中有 intel,Deloitte,IBM 等。早先一直被認為是 Pressly 主要競爭對手的OnSwipe已被 Beanstock Media 收購。相比提供一個框架,Pressly 似乎將重點放在了內容營銷策略上,在他們的官網上可以免費下載由許多成功的內容營銷者共同編著的《The Bible For Content Marketing》。
本例演示:如何使用 <noframes> 標簽。
<html> <frameset cols="25%,25%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> <noframes> <body>您的瀏覽器無法處理框架!</body> </noframes> </frameset> </html>
HTML基礎教程:框架實例大合集
本例演示如何制作含有三份文檔的框架結構,同時將他們混合置于行和列之中。
<html> <frameset rows="50%,50%"> <frame src="/example/html/frame_a.html"> <frameset cols="25%,75%"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> </frameset> </frameset> </html>
HTML基礎教程:框架實例大合集
本例演示 noresize 屬性。在本例中,框架是不可調整尺寸的。在框架間的邊框上拖動鼠標,你會發現邊框是無法移動的。
<html> <frameset cols="50%,*,25%"> <frame src="/example/html/frame_a.html" noresize="noresize" /> <frame src="/example/html/frame_b.html" /> <frame src="/example/html/frame_c.html" /> </frameset> </html>
HTML基礎教程:框架實例大合集
本例演示如何制作導航框架。導航框架包含一個將第二個框架作為目標的鏈接列表。名為 "contents.htm" 的文件包含三個鏈接。
<html> <frameset cols="120,*"> <frame src="/example/html/html_contents.html" > <frame src="/example/html/frame_a.html" name="showframe"> </frameset> </html>
HTML基礎教程:框架實例大合集
HTML基礎教程:框架實例大合集
HTML基礎教程:框架實例大合集
本例演示如何創建內聯框架(HTML 頁中的框架)。
<html> <body> <iframe wigth="200" height="100" src="/i/eg_landscape.jpg"></iframe> <p>一些老的瀏覽器不支持 iframe。</p> <p>如果得不到支持,iframe 是不可見的。</p> </body> </html>
HTML基礎教程:框架實例大合集
本例演示兩個框架。其中的一個框架設置了指向另一個文件內指定的節的鏈接。這個"link.htm"文件內指定的節使用 <a name="C9"> 進行標識。
<html> <frameset cols="20%,80%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/link.html#C9"> </frameset> </html>
HTML基礎教程:框架實例大合集
本例演示兩個框架。左側的導航框架包含了一個鏈接列表,這些鏈接將第二個框架作為目標。第二個框架顯示被鏈接的文檔。導航框架其中的鏈接指向目標文件中指定的節。
<html> <frameset cols="200,*"> <frame src="/example/html/content.html"> <frame src="/example/html/link.html" name="showframe"> </frameset> </html>
HTML基礎教程:框架實例大合集
HTML基礎教程:框架實例大合集
希望以上可以解決你們心中的一些疑惑,其中可能會有不對的地方或是需要改進的地方,歡迎留言糾正。感覺還不錯歡迎關注收藏轉載哦
本文轉自“Google開發者")
I/O 期間我們迎來 Flutter 框架的一個重要里程碑,因為我們的開發重點從移動平臺擴展到了更廣泛的設備和機型。在 I/O 大會上,我們發布了 Web 版 Flutter 的首個技術預覽版,宣布 Flutter 將為包括 Google Home Hub 在內的 Google Smart Display 平臺提供技術支持,并邁出利用 Chrome 操作系統支持桌面級應用的第一步。
Flutter 框架: https://flutter.dev/ Web 版 Flutter: https://flutter.dev/web
長期以來,Flutter 團隊的使命一直是為開發 iOS 和 Android 版移動應用構建最佳框架。我們認為對移動開發作出改進的時機已經成熟,因為現在開發者不得不選擇在兩個平臺上構建相同的應用兩次,或者作出某些妥協以使用跨平臺框架。Flutter 提供了一種最有效的方式,使單個代碼庫能夠為兩個平臺提供美觀、快速和量身定制的體驗,并提高開發者的工作效率。我們很高興能夠看到早期的努力成功催生出目前最熱門的開放源代碼項目之一。
從去年開始著力開發 1.0 版本時,我們就開始嘗試將 Flutter 的范圍擴展到其他平臺。這是基于兩方面考慮: 一是 Google 內部團隊越來越依賴于 Flutter,二是 Dart 平臺有提供便捷式體驗的潛力。特別是,已經著手為 Dart 構建 Web 框架以供內部使用的小型團隊啟動了一個探索性項目 (代號為 "Hummingbird"),以評估移植 Flutter 引擎以支持基于標準的 Web 有何技術優勢。
該項目的成效令人驚嘆,這在很大程度上要歸功于 Chrome、Firefox 和 Safari 等網絡瀏覽器的快速發展。這些瀏覽器廣泛地提供了硬件加速的圖形、動畫和文本,以及較快的 JavaScript 執行速度。在項目剛開始的幾個月內,我們就成功構建了 Flutter 的核心框架原語。不久之后,我們在移動和桌面瀏覽器上運行了演示版本。長期以來,Dart 語言經常用于編譯網頁內容,這證明我們也能在 Web 端運行 Flutter 框架和應用。
與此同時,Flutter 核心項目不斷取得進展,進而推動桌面級應用的發展,其中包括鍵盤和鼠標等輸入工具、窗口大小調整,以及適用于 Chrome 操作系統應用開發的調試工具。針對在 Windows、Mac 和 Linux 上運行的桌面級應用,我們嵌入了 Flutter,而這項探索性工作已逐步演變成 Flutter 的核心引擎。
最熱門的開放源代碼項目之一:https://github.com/flutter/flutter 1.0 版本:https://developers.googleblog.com/2018/12/flutter-10-googles-portable-ui-toolkit.html Dart 平臺:https://dart.dev/
毋庸置疑,高性能的便攜式界面框架具有巨大的商業潛力。該框架可以通過單個代碼庫來為各種設備提供量身定制的出色體驗。
對于創業公司來說,這讓他們能夠通過同一個應用在移動端、Web 端或桌面端接觸用戶。如此一來,他們從一開始就能全面覆蓋所有用戶,而不會受到技術上的限制。對于大型組織來說尤其如此,因為他們能夠使用同一個代碼庫為所有用戶提供相同的體驗,而這會降低工作復雜度和開發成本,更加專注于提升相關體驗的質量。
實現對移動、桌面和網絡應用的支持后,我們肩負更大的使命: 我們要構建最佳框架,以便為所有屏幕開發出色體驗。
我們即將發布 Web 版 Flutter 的首個技術預覽版。雖然這項技術還在開發中,但我們準備邀請嘗鮮者來試用并提供反饋。對于 Web 版 Flutter,我們的最初設想并不是將其用作文檔體驗 (針對其優化 HTML ) 的通用替代品;相反,我們打算通過這種有效方式構建高度交互和圖形豐富的內容,從而切實感受到成熟界面框架所帶來的益處。
為了展示 Web 版 Flutter,我們與《紐約時報》合作構建了一個演示版本。《紐約時報》不僅是世界一流的新聞媒體,而且以設計縱橫字謎等益智游戲而聞名。由于狂熱的解謎玩家希望能在當時使用的任何設備上玩游戲,所以《紐約時報》的開發團隊把目光轉向 Flutter,將其作為滿足讀者需求的潛在解決方案。發現能夠利用同一組代碼訪問網頁給他們帶來了巨大裨益。在 Google I/O 大會上,您可以率先了解他們最近更新的 KENKEN 解謎游戲。該游戲利用同一組代碼在 Android、iOS、Web、Mac 和 Chrome 操作系統上運行。
以下是《紐約時報》解謎游戲執行總監 Eric von Coelln 對 Flutter 使用體驗的看法:
"《紐約時報》縱橫字謎游戲的單獨訂閱數量已超過 40 萬份,玩這款游戲已經成為解謎者每天必做的事情。除了縱橫字謎游戲,我們還開發了數字解謎游戲,每個月都吸引了超過 200 萬名解謎者。
我們已經開始探索 Flutter,并將其作為快速開發有趣和優質的移動體驗這一挑戰的潛在解決方案。現在,我們能夠在 Web 端發布游戲,這使 Flutter 成為在所有用戶平臺快速部署內容的更具吸引力的選擇。之前基于 Flash 的 KenKen 游戲經過更新,能夠提供多平臺的暢玩體驗。今年我們很高興能為解謎者帶來全新體驗。"
由于篇幅有限,我們無法在此一一詳述 Web 版 Flutter。若有興趣,請前往 Flutter 博客,閱讀專門介紹 Web 版 Flutter 的文章。
鑒于目前處于早期開發階段,我們非常希望收到您的反饋,了解您希望如何使用 Web 版 Flutter。我們希望以性能為重中之重,快速開發代碼,并與 Flutter 項目的其他部分協調代碼庫。
更新的 KENKEN 解謎游戲:https://www.nytimes.com/games/prototype/kenken#/ 專門介紹 Web 版 Flutter 的文章:https://medium.com/flutter-io/bringing-flutter-to-the-web-904de05f0df0
我們還會升級核心 Flutter 框架,并會在穩定版渠道立即提供 Flutter 1.5。根據開發者的反饋,我們對 Flutter 1.5 進行了數百處更改,包括對全新應用商店 iOS SDK 要求、iOS 和材料微件的更新,新增對新設備類型的引擎支持,以及對具有最新 UI-as-code 語言特征的 Dart 2.3 作出改進。
隨著框架本身逐漸成熟,我們正在設法構建支持生態系統。Flutter 的架構模型一貫優先考慮小型核心框架,并輔以豐富的軟件包社區。在過去的幾個月,Google 為網頁視圖、Google 地圖和 Firebase ML Vision 提供了產品級質量的軟件包。我們還將新增對應用內支付的初步支持。得益于 2,000 多個適用于 Flutter 的開放源代碼軟件包,大多數場景均有合適的選擇。 在今年的 I/O 上,我們宣布推出一個尤其令人振奮的項目,即 ML Kit 自定義圖像分類器。該工具利用 Flutter 和 Firebase 構建,可為創建自定義圖像分類模型提供基于應用的簡易工作流。您可以使用手機的攝像頭收集訓練數據、邀請他人為您的數據集貢獻素材、觸發模型訓練以及使用訓練過的模型,這些操作都可以在同一個應用中實現。
Flutter 越來越受歡迎,使用人數也越來越多。有需求的客戶不斷增加,其中包括 eBay、Sonos、Square、Capital One、Alibaba 和 Tencent。這些公司正在利用 Flutter 開發應用,并從中發現樂趣!以下是 eBay 的高級開發者 Larry McKenzie 對 Flutter 的看法:
"Flutter 運行速度很快!過去需要很多天才能實現的功能,現在只需一天就能完成。過去我們花費很多時間處理的問題,如今再也不會發生了。我們的團隊現在可以專注于創建更出色的用戶體驗和提供相關功能。Flutter 讓我們能夠超越期望!"
從更廣泛的角度上看,LinkedIn 最近進行的一項研究顯示,根據網站成員在過去一年中所添加的個人資料,Flutter 是軟件工程師中增長最快的一項技能。在最近的 2019 年 StackOverflow 開發者調查問卷中,Flutter 被列為最受歡迎的開發者框架之一。
Flutter 目前也被用于桌面平臺。在過去幾個月,我們一直在研究桌面平臺這一實驗性項目。但現在該項目逐漸演變成 Flutter 引擎,并將這項工作直接集成到 mainline repo 中。盡管這些目標尚未在生產環境中部署,但我們已發布早期說明,以便開發在 Mac、Windows 和 Linux 上運行的 Flutter 應用。
另一個快速發展的 Flutter 平臺是 Chrome 操作系統,每年售出的 Chromebook 多達數百萬臺,尤其是在教育領域。無論是運行 Flutter 應用,還是作為開發者平臺,Chrome 操作系統都為 Flutter 提供了絕佳環境,因為該系統支持執行 Android 和 Linux 應用。借助 Chrome 操作系統,您可以使用 Visual Studio Code 或 Android Studio 來開發 Flutter 應用,并在沒有模擬器的情況下使用同一臺設備本機測試和運行應用。您還可以在 Play Store 發布適用于 Chrome 操作系統的 Flutter 應用,讓數百萬用戶因您的創作而受益。
實驗性項目:https://github.com/google/flutter-desktop-embedding 早期說明:https://github.com/flutter/flutter/wiki/Desktop-shells
舉例說明 Flutter 便攜性的最后,我們將介紹可嵌入其他設備的 Flutter。最近我們發布了一些示例,演示了直接在 Raspberry Pi 等小型設備上運行 Flutter 的情況。我們還為 Flutter 開發了一個嵌入式 API,以便將其用于家庭和汽車等場景。
Smart Display 操作系統或許是 Flutter 目前已運行的最常見嵌入式平臺之一,其為類似于 Google Home Hub 的設備提供技術支持。
目前在 Google 中,Smart Display 平臺的部分 Google 自建功能由 Flutter 提供技術支持。Google 助理團隊很高興能夠在接下來的幾個月繼續擴展通過 Flutter 為 Smart Display 構建的各項功能;而今年的目標是利用 Flutter 來驅動整個系統界面。
示例:https://medium.com/flutter-io/flutter-on-raspberry-pi-mostly-from-scratch-2824c5e7dcb1 嵌入式 API:https://github.com/flutter/flutter/wiki/Custom-Flutter-Engine-Embedders
開發者經常詢問我們如何完成 Flutter 入門。現在我們很高興地宣布推出全新的綜合性 Flutter 培訓課程。該課程由 Udemy 上評分最高的 iOS 培訓課程的制作者 The App Brewery 構建。他們的最新課程涵蓋 30 多個小時的 Flutter 內容,其中包括視頻、演示和實驗。在 Google 的贊助下,The App Brewery 宣布推出此課程的限時折扣,原來的零售價為 199 美元,現只需 10 美元。
許多開發者正在利用 Flutter 開發振奮人心的應用。在 Google I/O 大會的籌備階段,我們舉辦了名為 Flutter Create 的挑戰賽,鼓勵開發者使用不超過 5KB 的 Dart 代碼通過 Flutter 構建內容。我們收到來自世界各地的 750 多個獨特參賽作品,其中一些作品讓我們大開眼界,誰能想到如此少的代碼竟然能創造出如此精彩的作品。
我們在此宣布獲勝者,您可前往 flutter.dev/create 查看獲勝名單。祝賀總冠軍 Zebiao Hu,其將榮獲價值超過 1 萬美元的全加載式 iMac Pro!
Flutter 不再只是一個移動框架,更是一個多平臺框架,可幫助您觸及任何地方的用戶。我們迫不及待地看到您利用 Flutter 在 Web、桌面、移動及其他平臺上構建的內容!
全新的綜合性 Flutter 培訓課程:https://www.appbrewery.co/p/flutter-development-bootcamp-with-dart/ The App Brewery:https://www.appbrewery.co/ flutter.dev/create:https://flutter.dev/create 多平臺框架:https://www.youtube.com/watch?v=5VbAwhBBHsg&feature=youtu.be
大家如何看待Flutter的出現,它有可能顛覆傳統的技術棧嗎?
*請認真填寫需求信息,我們會在24小時內與您取得聯系。