天氣情況精品文章

• 

  [技術(shù)分享] 理解 SVG 中的 Viewport 和 ViewBox－拖曳與縮放功能實(shí)做（上）

  ...2：在這篇文章中我們只考慮 viewport 和 viewBox 為等比例的情況。 最後實(shí)做出來的功能會像這樣子：實(shí)做 SVG 拖曳與縮放 瞭解 SVG 中的 Viewport 和 ViewBox 在 SVG 的世界中，空間的概念可以分成 Viewport 和 ViewBox 兩個部分。在這篇文章中...

  Leo_chen 2019-08-20 15:19 評論0 收藏0
• 

  [技術(shù)分享] 理解 SVG 中的 Viewport 和 ViewBox－拖曳與縮放功能實(shí)做（上）

  ...2：在這篇文章中我們只考慮 viewport 和 viewBox 為等比例的情況。 最後實(shí)做出來的功能會像這樣子：實(shí)做 SVG 拖曳與縮放 瞭解 SVG 中的 Viewport 和 ViewBox 在 SVG 的世界中，空間的概念可以分成 Viewport 和 ViewBox 兩個部分。在這篇文章中...

  AJie 2019-08-01 16:34 評論0 收藏0
• 

  Travis CI + github + hexo 自動化部署

  ...master分支，master是我的博客源碼分支的名稱，可根據(jù)自己情況設(shè)置 env: # 環(huán)境變量配置 global: - GH_REF: github.com/***/blog.git #設(shè)置GH_REF，注意更改*** 更詳細(xì)的參數(shù)配置可以參考官網(wǎng)如下是我的配置信息: language: node_js #設(shè)置語言 ...

  iliyaku 2019-08-23 14:45 評論0 收藏0
• 

  【譯】chrome-remote-interface

  ... 這種行為可以改變在 connection 的remote選項(xiàng)為true，在這種情況，遠(yuǎn)程實(shí)例要求自己提供協(xié)議描述符。 Chrome < 60.0.3097.0 不支持這麼做，所以當(dāng)這種情況，將從源倉庫獲取協(xié)議描述符。 有三個選項(xiàng)可以覆蓋上述行為： 使用特定的協(xié)...

  lentoo 2019-08-20 18:27 評論0 收藏0
• 

  通過gzip和nginx來提高網(wǎng)站打開速度

  ...g:?gzip字樣。說明服務(wù)器正在用gzip壓縮來發(fā)送文件。默認(rèn)情況下，nginx僅壓縮html文件。所有在這個命令中可以看到文件做了壓縮處理。但其它的文件格式，並未做壓縮處理。 可以通過下面這條命令來驗(yàn)證我們剛才的說法。 ...

  mindwind 2021-09-03 10:33 評論0 收藏0
• 

  [譯 + 補(bǔ)充]理解 DOM 座標(biāo)

  ...等於 window（viewport） 的座標(biāo)加上 scroll 的位置，大部分的情況下我們會使用 document 座標(biāo)系統(tǒng)，因?yàn)樗幢?scroll 了，還是會保持一致。 元素座標(biāo)與 offsetParent 一個元素的座標(biāo)位於該元素的左上角，不幸的是沒有屬性可以直接取得...

  Lionad-Morotar 2019-08-21 15:09 評論0 收藏0
• 

  [譯] Houdini: 你還沒聽說！這可能是 CSS 下一件最令人興奮的大事

  ...的狀況，瀏覽器已經(jīng)支援了但卻充滿問題。我敢打賭這些情況你肯定遇過了。如果上面這種情形你曾經(jīng)遇過，那麼你是應(yīng)該關(guān)心一下 Houdini。 Houdini 是 w3c 新的任務(wù)團(tuán)隊，他們的終極目標(biāo)就是解決上面這些問題 - 讓瀏覽器更迅速...

  bergwhite 2019-08-30 12:53 評論0 收藏0
• 

  [譯 + 補(bǔ)充] Webpack 2 入門

  ...分具有大量相依函式庫，且程式的其他地方不需要。這種情況正好就適合將其拆分出來。看看下面的範(fàn)例，我們的 dashboard.js 需要 d3，但可以見得的其它地方不需要 d3。 $ npm i d3 -S src/dashboard.js import * as d3 from d3 console.log(Loaded,...

  betacat 2019-08-20 14:22 評論0 收藏0
• 

  【移動適配】一個像素的border怎么實(shí)現(xiàn)

  ...生了什么變化 代碼如下： 以下是運(yùn)行結(jié)果 viewport=500的情況 viewport=900的情況 我們只分析用戶頭像的圖片，已知頭像寬度是50px。 當(dāng)viewport寬度為500時，屏幕橫向被分為500份，每份1px，所以頭像寬度是屏幕的1/10。（500/50=10） 當(dāng)vi...

  SoapEye 2019-08-19 17:45 評論0 收藏0
• 

  【移動適配】一個像素的border怎么實(shí)現(xiàn)

  ...生了什么變化 代碼如下： 以下是運(yùn)行結(jié)果 viewport=500的情況 viewport=900的情況 我們只分析用戶頭像的圖片，已知頭像寬度是50px。 當(dāng)viewport寬度為500時，屏幕橫向被分為500份，每份1px，所以頭像寬度是屏幕的1/10。（500/50=10） 當(dāng)vi...

  junnplus 2019-08-30 12:49 評論0 收藏0
• 

  關(guān)於 Javascript {} + {}

  ...了 Date 是代入 String 外，其他的是 Number。 (2). 兩數(shù)相加的情況下，如果 prim1 或 prim2 只有要一個是 String 那麼兩者都會被轉(zhuǎn)成字串，最終結(jié)果就是串接字串。 (3). 否則，兩者都會被轉(zhuǎn)成數(shù)字並加總。 到這一步可能造成困惑的地方...

  charles_paul 2019-08-21 11:24 評論0 收藏0
• 

  深入 css z-index 屬性

  ...rgin來覆蓋 inline 的元素，大致上我們不會遇到這些極端的情況。 當(dāng)我們開始加入 position，任何被設(shè)定 position 的元素和它們的後代會呈現(xiàn)在其他沒有設(shè)定 position 的元素之前，這裡說的設(shè)定 position 指的是除了設(shè)為 static 以外得值例...

  godlong_X 2019-08-30 12:53 評論0 收藏0
• 

  筆記：V8 的 Javascript 對象表示

  ...operties in-object properties 使用公共 map 來描述其結(jié)構(gòu)，某些情況（難以共用 map）會降級爲(wèi) Dictionary mode。 V8 can handle minor divergences like this just fine, but if your code assigns all sorts of random properties t...

  fyber 2019-08-21 12:35 評論0 收藏0