整合營銷服務商

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

          免費咨詢熱線:

          HTML5干貨:幾個個炫酷的簡單實用技巧

          如下的快捷方式非常有用,能夠極大的提升你的工作效率:

          CTRL + U 剪切光標前的內容CTRL + K 剪切光標至行末的內容CTRL + Y 粘貼CTRL + E 移動光標到行末CTRL + A 移動光標到行首ALT + F 跳向下一個空格ALT + B 跳回上一個空格ALT + Backspace 刪除前一個單詞CTRL + W 剪切光標后一個單詞

          Shift + Insert 向終端內粘貼文本

          那么為了讓上述內容更易理解來看下面的這行命令。

          sudo apt-get intall programname

          如你所見,命令中存在拼寫錯誤,為了正常執行需要把“intall”替換成“install”。

          想象現在光標正在行末,我們有很多的方法將她退回單詞install并替換它。

          我可以按兩次ALT+B這樣光標就會在如下的位置(這里用指代光標的位置)。

          sudo apt-get install programname現在你可以按兩下方向鍵并將“s”插入到install中去了。

          如果你想將瀏覽器中的文本復制到終端,可以使用快捷鍵"shift + insert"。

          .使用nohup在登出SSH會話后仍運行命令

          如果你用ssh登錄別的機器時,nohup命令真的非常有用。那么怎么使用nohup呢?

          舉個例子,因為測試的需要,我用樹莓派來下載發行版。一般我總是用SSH從筆記本電腦連接到樹莓派。如果我在不用nohup的情況下使用樹莓派下載大型文件,那我就必須等待到下載完成后,才能登出ssh會話關掉筆記本。可如果是這樣,那我為什么要使用樹莓派下文件呢?

          使用nohup的方法也很簡單,只需如下例中在nohup后輸入要執行的命令即可:

          nohup wget http://mirror.is.co.za/mirrors/linuxmint.com/iso//stable/17.1/linuxmint-17.1-cinnamon-64bit.iso &

          頁面可見性API

          該API可以用來檢測頁面對于用戶的可見性,即返回用戶當前瀏覽的頁面或標簽tap的狀態變化。 在最小化瀏覽器、切換tap頁面時生效.(如需對app中幾個webview進行切換操作時,可使用pageVisibility接口進行相應的事件監聽和處理。)

          page visibility的介紹

          【document.hidden】:該值表示page是否是可見的,值為boolean值

          【document.visibilityState】:這個visibilitystate可有三個值得可能

          【visible】:表示該page是處于最前面的頁面并且不是處于一個最小化的窗口

          【hidden】:表示該page不是處于最前面的頁面或者是處于一個最小化的窗口

          【prerender】:表示該頁面內容正在重新渲染并且該頁面對于用戶是不可見的

          【isibilitychange Event】:監聽window visibility 的改變的事件

          相關代碼:

          1. // 設置隱藏屬性和可見改變事件的名稱,屬性需要加瀏覽器前綴

          2. // since some browsers only offer vendor-prefixed support var hidden, state, visibilityChange;

          3. if (typeof document.hidden !== "undefined") {

          4. hidden = "hidden";

          5. visibilityChange = "visibilitychange";

          6. state = "visibilityState";

          7. } elseif (typeof document.mozHidden !== "undefined") {

          8. hidden = "mozHidden";

          9. visibilityChange = "mozvisibilitychange";

          10. state = "mozVisibilityState";

          11. } elseif (typeof document.msHidden !== "undefined") {

          12. hidden = "msHidden";

          13. visibilityChange = "msvisibilitychange";

          14. state = "msVisibilityState";

          15. } elseif (typeof document.webkitHidden !== "undefined") {

          16. hidden = "webkitHidden";

          17. visibilityChange = "webkitvisibilitychange";

          18. state = "webkitVisibilityState";

          19. }

          20. // 添加一個標題改變的監聽器

          21. document.addEventListener(visibilityChange, function(e) {

          22. // 開始或停止狀態處理

          23. }, false);

          除此之外, 眾所周知,解析 DNS 是網站性能優化的比較重要的一部分,雖然加載時間不太長,但是很難壓縮起來。特別是為了并發下載資源而使用多個 CDN 域名來加載資源的大型網站,更不可忽視,每加載資源之前都要先進行 CDN 域名的 DNS 解析轉換。如果采用 DNS 預加載,支持該功能的瀏覽器就會提前對該域名進行 DNS 解析并且緩存一下,而不會在需要請求資源再進行解析。而且這個功能應用實在是太簡單:

          代碼如下:

          <link rel="dns-prefetch" >

          <link rel="dns-prefetch" >

          TML5的出現,掀起了Web時代的新浪潮,各大瀏覽器也都紛蓊支持HTML5。HTML5可以使網頁內容更加豐富,不僅可以顯示三維圖形,還可以在不使用Flash插件的基礎上實現音頻、視頻播放等。HTML5是向下兼容HTML4的,它是在HTML4的基礎之上,加進了一些新的標記、屬性、功能的一個新的超文本標記語言,例如HTML5擁有新的HTML文檔結構、新的CSS標準、API等。

          HTML5可以實現與原生APP相媲美的應用,不用另行下載安裝,完全靠瀏覽器就可以運行。

          HTML5可以讓開發人員在不使用Flash插件或第三方媒體插件的情況下,讓用戶瀏覽網頁中的視頻或音頻,大大降低了開發應用的成本與時間。HTML5還提供了很多的應用程序接口(API),例如基于瀏覽器支持的圖形API、地理信息API、本地存儲API和視頻播放相關的API等,這些API使得我們開發一個功能型的應用變得更加容易了。

          同時,HTML5是一種可以被PC、Mac、iPhone、iPad和Android手機等多種客戶端測覽器支持的跨平臺語言。如今,Web時代已被移動端主導,不管是在手機上還是在平板電腦上,隨處可以見到HTML5網站、HTML5應用軟件以及HTML5游戲,HTML5又作為移動端開發的主流語言,這都說明HTML5是前途無量的。

          tml5 基本常用9個標簽

          1. <!DOCTYPE> 定義文檔類型
          2. <html>定義一個 HTML 文檔
          3. <title>為文檔定義一個標題
          4. <body>定義文檔的主體
          5. <h1> to <h6>定義 HTML 標題
          6. <p>定義一個段落
          7. <br>定義簡單的折行。
          8. <hr>定義水平線。
          9. <!--...-->定義一個注釋

          html5 表格標簽

          1. <form>定義一個 HTML 表單,用于用戶輸入。
          2. <input>定義一個輸入控件
          3. <textarea>定義多行的文本輸入控件。
          4. <button>定義按鈕。
          5. <select>定義選擇列表(下拉列表)。
          6. <optgroup>定義選擇列表中相關選項的組合。
          7. <option>定義選擇列表中的選項。
          8. <label>定義 input 元素的標注。
          9. <fieldset>定義圍繞表單中元素的邊框。
          10. <legend>定義 fieldset 元素的標題。
          11. <datalist>規定了 input 元素可能的選項列表。
          12. <keygen>規定用于表單的密鑰對生成器字段。
          13. <output>定義一個計算的結果

          主站蜘蛛池模板: 亚洲AV永久无码精品一区二区国产| 91一区二区三区四区五区| 国产精品无码AV一区二区三区 | 国产av一区二区三区日韩| 精品亚洲一区二区| 无码中文人妻在线一区| 韩国美女vip福利一区| 日韩一区二区三区在线观看| 一区二区三区影院| 一区二区传媒有限公司| 国产suv精品一区二区6| 无码视频一区二区三区在线观看 | 日韩少妇无码一区二区三区| 精品视频一区二区三区四区五区| 久久99国产精品一区二区| 国产成人精品一区二区A片带套 | 免费看无码自慰一区二区| 国产免费无码一区二区 | 国产伦精品一区二区| 一区二区三区四区精品视频 | 日韩人妻不卡一区二区三区| 日韩视频在线一区| 中字幕一区二区三区乱码| 日韩免费视频一区二区| 精品福利一区二区三区| 成人毛片无码一区二区| 综合无码一区二区三区四区五区| 国产一区二区视频在线观看 | 日本一区二区三区不卡在线视频| 久久精品一区二区| 成人精品视频一区二区三区不卡| 国产免费一区二区三区VR| 亚洲AV无码一区二区乱子仑| 69久久精品无码一区二区| 99久久综合狠狠综合久久一区| 国产一区二区内射最近更新| 日本一区视频在线播放| 国产精品亚洲不卡一区二区三区 | 成人精品视频一区二区| 免费精品一区二区三区在线观看| 日韩视频一区二区|