pCloud Partner Program

holder.js圖片佔位器

程式技術/Javascript 2019/04/30 17:33
views: 102091 times
之前介紹過 fakeimg 利用圖片來進行假圖佔位:

https://diary.tw/tim/1029

這裡介紹另一種方式來進行圖片佔位, holder.js 工具:

http://holderjs.com/

使用方式十分容易簡便, 引用 holder.js 後, 直接下達參數即可順利使用, 也可以指定寬高與文字內容, 中文字也可以哦. 生成的方式是動態的 SVG 進行, demo 程式如下:

<img src="holder.js/300x200">
<img src="holder.js/300x200?theme=sky">
<img src="holder.js/300x200?bg=2a2025&text=Hello">
<img src="holder.js/300x200?bg=f3f2fe&fg=001100&text=中文字也可以哦!">

於 codepen.io 上的 demo 請參考:

https://codepen.io/timhuang/pen/MRdwyO
top

中文字平均筆劃數

懶得分類 2019/04/24 16:25
views: 95128 times
如何計算呢? 查了一下, 有全字庫的資料可用:

https://www.cns11643.gov.tw/search.jsp?ID=11

取得資料如下:

用戶插入圖片

1劃 (71)
2劃 (137)
3劃 (247)
4劃 (558)
5劃 (938)
6劃 (1811)
7劃 (3037)
8劃 (4392)
9劃 (5653)
10劃 (6592)
11劃 (7625)
12劃 (8374)
13劃 (8236)
14劃 (7864)
15劃 (7697)
16劃 (6973)
17劃 (5532)
18劃 (4842)
19劃 (3947)
20劃 (3082)
21劃 (2480)
22劃 (1841)
23劃 (1429)
24劃 (1056)
25劃 (722)
26劃 (457)
27劃 (369)
28劃 (233)
29劃 (139)
30劃 (105)
31劃 (59)
32劃 (52)
33劃 (35)
34劃 (13)
35劃 (12)
36劃 (16)
37劃 (9)
38劃 (6)
39劃 (3)
40劃 (4)
41劃 (1)
43劃 (2)
44劃 (3)
46劃 (1)
48劃 (3)
52劃 (1)
60劃 (1)
64劃 (2)

全字庫得到總字數: 96662字, 總筆劃: 1350455, 所以得到平均筆劃: 13.97 劃. 不過從 9萬多字來平均似乎也不太合理(不常用的太多, 導致筆劃數較高), 再來找看看常用字的部分, 有沒有比較合適.

------
從教育部的"國語小字典"下載內容來看:

https://resources.publicense.moe.edu.tw/dict_mini_download.html

共計有: 4302個字, 51845劃, 平均為 12.05劃.

------
從"重編國語辭典修訂本"下載內容來看:

https://resources.publicense.moe.edu.tw/dict_reviseddict_download.html
共有三個檔案, 分離出單一字的詞與筆劃整理如下:
1. 12434 字, 159873 劃
2. 789字, 9489 劃
3. 542字, 6166劃

共計有: 13765字, 175528劃, 平均為 12.75劃

-----
從"

繼續閱讀:
http://idv.sinica.edu.tw/bear/charcodes/Section05.htm
https://blog.xuite.net/wellsli/003/31044046


top

Ajax透過cors-anywhere服務取得跨網域內容

程式技術/Javascript 2019/04/11 18:35
views: 79433 times
在製作一些 demo 效果於 codepen (或其他網站), 要取得非同源(cross-domain)資料, 可以透過 cors-anywhere 服務來達成, 說明如下:

https://cors-anywhere.herokuapp.com/

這對於在實作測試時, 有很大的幫助, 例如在 codepen 上取得空氣盒子的一個盒子資訊:

https://airbox.edimaxcloud.com/query_history?id=74DA38EBF830&token=2cf933ee-4d2f-4a87-b146-6ef4ac344769

於 codepen 上, 直接透過 Ajax 方式配合 cors-anywhere 即可順利取得資料, 進行應用輸出, 如 demo :

https://codepen.io/timhuang/pen/vMmeVE

工作原理為透過 cors-anywhere 服務, 可以多增加上

Access-Control-Allow-Origin: *

這個 response header 供跨網域存取而不受同源政策限制.

繼續閱讀:
https://developer.mozilla.org/zh-TW/docs/Web/HTTP/CORS
top
TAG AJAX, Codepen, CORS

於linux command line下進行主機網路測速

系統技術/FreeBSD/Linux 2019/03/21 10:12
views: 76746 times
在有 GUI 的環境下, 可以使用 browser 訪問 https://www.speedtest.net/ 進行測速, 若在 linux 下沒有 GUI 與 browser 的狀況下, 進行測速, 一樣使用 speedtest 的服務來測試, 需要這個 speedtest-cli 工具.

這裡將介紹的工具是需要 python runtime 的, speedtest-cli 工具, github 連結:

https://github.com/sivel/speedtest-cli

操作方式有許多種, 最簡便的就是下載執行 (需注意執行安全性, 此列執行無須 root):

curl -s https://raw.githubusercontent.com/sivel/speedtest-cli/master/speedtest.py | python -

結果就是在主機下執行對應網路速度的速度, 範例結果如下:

用戶插入圖片

很容易理解目前主機的網路速度概況.

其他參數, 例如列出所有測速主機, 使用 --list 如下:

curl -s https://raw.githubusercontent.com/sivel/speedtest-cli/master/speedtest.py | python - --list

就會列出許多對應測速主機, 還列出了距離(由近至遠).

Retrieving speedtest.net configuration...
17383) Windstream (Ashburn, VA, United States) [0.98 km]
 5132) Shentel Service Company (Ashburn, VA, United States) [0.98 km]
 3810) BroadAspect (Ashburn, VA, United States) [0.98 km]
....
 9662) Foxtel Broadband (Perth, Australia) [18575.84 km]
 2171) Internode (Perth, Australia) [18575.84 km]
 3414) Optus (Perth, Australia) [18575.84 km]
17109) Pentanet (Perth, AU) [18575.84 km]
 3254) Vodafone Hutchison Australia (PH) (Perth, Australia) [18575.84 km]
22904) Superloop (Perth, Australia) [18575.84 km]
 1931) IX Australia (Perth, Australia) [18575.84 km]
10613) Optus (Rockingham, Australia) [18607.31 km]

十分有趣呢.


繼續閱讀:
https://blog.gtwang.org/linux/speedtest-cli-linux-command/
https://askubuntu.com/questions/104755/how-to-check-internet-speed-via-terminal

top

Dropbox免費版限制三個設備連結

好用軟體 2019/03/15 17:39
views: 79552 times
來了. Dropbox 限制免費版只能有三個設備連結了.

https://help.dropbox.com/account/computer-limit

plus, profession, business 則維持沒有特別限制.

當然也不能說對與不對, 就是生意嘛, 套養殺, 這還蠻合理的, 只是限制三個似乎有點少, (因為也包含了行動設備, 若同時有四個或以上, 就得買 plus 或 profession 來用囉.


top

PREV : [1] : [2] : [3] : [4] : [5] : [6] : ... [105] : NEXT



Patriot美商博帝 BURST 960G 2.5吋 SSD固態硬碟
TEAM十銓 L5 Lite 3D 1TB 2.5吋 SSD固態硬碟
統一 番茄汁(6入/組)
UNITEK TYPE-C 轉VGA/HDMI/PD充電/HUB 鋁合金多功能轉接器
亞果元素 CASA Hub VH1 Type-C 轉 VGA - HDMI二合一顯示轉接器


 Waiting...