常用函數(shù)之 supportWebp

instein 發(fā)布于2019-08-23 11:57 / 1085人閱讀

收錄一個常用的函數(shù)

const inBrowser = typeof window !== "undefined"

function supportWebp () {
  if (!inBrowser) return false

  let support = true
  const d = document

  try {
    let el = d.createElement("object")
    el.type = "image/webp"
    el.style.visibility = "hidden"
    el.innerHTML = "!"
    d.body.appendChild(el)
    support = !el.offsetWidth
    d.body.removeChild(el)
  } catch (err) {
    support = false
  }

  return support
}

GPU云服務(wù)器云服務(wù)器 PHP常用函數(shù) python常用函數(shù) javascript常用函數(shù) php常用函數(shù)記憶

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/97741.html

相關(guān)文章

構(gòu)建一個簡單的新聞客戶端PWA應(yīng)用

摘要：開始這是一個純練手的小項目，旨在練習(xí)使用相關(guān)技術(shù)構(gòu)建一個網(wǎng)絡(luò)應(yīng)用。中一個很重要的點就是利用攔截攔截客戶端請求，如果請求命中緩存中的數(shù)據(jù)，則無需訪問網(wǎng)絡(luò)，直接返回。開始這是一個純練手的小項目，旨在練習(xí)使用PWA(Progressive Web Apps)相關(guān)技術(shù)構(gòu)建一個網(wǎng)絡(luò)應(yīng)用。項目地址：https://github.com/bjw1234/ne... 預(yù)覽地址：https://b...

shiyang6017 2019-08-26 11:56 評論0 收藏0
如何利用Webp和http緩存節(jié)省30%的網(wǎng)絡(luò)流量

摘要：年月日，開始讓支持無損壓縮和透明色通道的功能，而在年月日的引用實做中正式支持。根據(jù)較早的測試，的無損壓縮比網(wǎng)絡(luò)上找到的檔少了的文件大小，即使這些檔在使用和處理過，還是可以減少的文件大小。這兩種緩存方式是可以同時存在的。 ??Webp推出那年，我剛剛考上高中。轉(zhuǎn)眼間，大學(xué)畢業(yè)將近一年，我依舊是那個青蔥少年！就像Webp一樣，還是那么年輕，時至今日尚未嶄露頭角，原因是各大瀏覽器對它的兼容依...

fyber 2019-08-26 11:59 評論0 收藏0
PWA 時代的移動端圖片優(yōu)化新思路

摘要：是一個注冊在指定源和路徑下的事件驅(qū)動。移動端方面的支持度較好，從版本開始支持。作為提出的一項技術(shù)，在端有很好的支持，但目前的兼容性還無法在移動端網(wǎng)頁中廣泛使用。從而達到向后兼容式的優(yōu)化。圖片通常是移動端網(wǎng)頁中最占流量的資源。在很多類型的網(wǎng)站中（比如電商、社區(qū)），圖片占據(jù)了網(wǎng)頁的大部分空間。優(yōu)化圖片的質(zhì)量和加載速度成為提高用戶體驗的重要途徑。傳統(tǒng)方案的弊端目前有一些被廣泛應(yīng)用的方案...

RaoMeng 2019-08-29 16:16 評論0 收藏0
PWA 時代的移動端圖片優(yōu)化新思路

摘要：是一個注冊在指定源和路徑下的事件驅(qū)動。移動端方面的支持度較好，從版本開始支持。作為提出的一項技術(shù)，在端有很好的支持，但目前的兼容性還無法在移動端網(wǎng)頁中廣泛使用。從而達到向后兼容式的優(yōu)化。圖片通常是移動端網(wǎng)頁中最占流量的資源。在很多類型的網(wǎng)站中（比如電商、社區(qū)），圖片占據(jù)了網(wǎng)頁的大部分空間。優(yōu)化圖片的質(zhì)量和加載速度成為提高用戶體驗的重要途徑。傳統(tǒng)方案的弊端目前有一些被廣泛應(yīng)用的方案...

zhaofeihao 2019-08-23 10:39 評論0 收藏0
Python3中級玩家：淘寶天貓商品搜索爬蟲自動化工具（第一篇）

摘要：這就是我們第一個核心函數(shù)代碼，后面還有很多個喔明天待續(xù)中級玩家淘寶天貓商品搜索爬蟲自動化工具第二篇等不及，請武裝查看·Github 使用Golang重構(gòu)PC版本搜索框：https://github.com/hunterhug/... 一、前言大家好，今天我要來講講一個比較實用的爬蟲工具，抓取淘寶的關(guān)鍵字商品信息，即是： showImg(https://segmentfault.co...

oliverhuang 2019-07-30 14:29 評論0 收藏0