pCloud Partner Program

holder.js圖片佔位器

程式技術/Javascript 2019/04/30 17:33
views: 111576 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: 102267 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: 87868 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




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二合一顯示轉接器
realme XT (8G/128G) 6.4吋6400萬畫素 四鏡頭鷹眼猛獸


 Waiting...