天氣情況精品文章

• 

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

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

  Leo_chen 2019-08-20 15:19 評(píng)論0 收藏0
• 

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

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

  AJie 2019-08-01 16:34 評(píng)論0 收藏0
• 

  Travis CI + github + hexo 自動(dòng)化部署

  ...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è)置語(yǔ)言 ...

  iliyaku 2019-08-23 14:45 評(píng)論0 收藏0
• 

  【譯】chrome-remote-interface

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

  lentoo 2019-08-20 18:27 評(píng)論0 收藏0
• 

  通過(guò)gzip和nginx來(lái)提高網(wǎng)站打開速度

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

  mindwind 2021-09-03 10:33 評(píng)論0 收藏0
• 

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

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

  Lionad-Morotar 2019-08-21 15:09 評(píng)論0 收藏0
• 

  [譯] Houdini: 你還沒(méi)聽(tīng)說(shuō)！這可能是 CSS 下一件最令人興奮的大事

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

  bergwhite 2019-08-30 12:53 評(píng)論0 收藏0
• 

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

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

  betacat 2019-08-20 14:22 評(píng)論0 收藏0
• 

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

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

  SoapEye 2019-08-19 17:45 評(píng)論0 收藏0
• 

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

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

  junnplus 2019-08-30 12:49 評(píng)論0 收藏0
• 

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

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

  charles_paul 2019-08-21 11:24 評(píng)論0 收藏0
• 

  深入 css z-index 屬性

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

  godlong_X 2019-08-30 12:53 評(píng)論0 收藏0
• 

  筆記：V8 的 Javascript 對(duì)象表示

  ...operties in-object properties 使用公共 map 來(lái)描述其結(jié)構(gòu)，某些情況（難以共用 map）會(huì)降級(jí)爲(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 評(píng)論0 收藏0