SCSS calc variable error

今天遇到了一個詭異的問題。想用css variable來計算transform-origin的z軸,因此在scss中輸入:

transform-origin: 50% 50% calc(var(--board-width * -0.5));

當在dev模式中,一切沒問題,但production build時,就會噴Syntax Error。但更奇怪的是,其他地方一樣也有用到 calc(var()) 這樣的寫法,卻沒有錯。應該是dart-sass (v1.52.2)的bug吧。

最後把 calc(var(–board-width * -0.5)); 在包成一個variable,竟然就可以了。

--depth: calc(var(--board-width * -0.5));
transform-origin: 50% 50% var(--depth);

CURL筆記

加上Header

當我們在使用API時,應該都會需要我們透過header傳送token,或是指定所需要的格式(例如:json, xml),亦或是所需要的語系⋯⋯等等。我們可以透過 -H “Key: Value” 這樣的指令格式來輸入想要的Header。

curl -H "Authorization: Bearer mytoken...." -X GET https://xxx.xxx.xxx

加上多個Header

要加入多筆Header時也很簡單,只要再加一個 -H {header內容} 即可:

curl -H "Authorization: Bearer mytoken...." -H "Content-Type: application/json" -X GET https://xxx.xxx.xxx

利用CURL POST Form Data

當我們需要POST資料給server時,我們可以透過 -X 指令指定 method,要POST的話就輸入 -X POST {url},要PUT的話就輸入-X PUT {url},其他的methods就依此類推。然後,我們可以用 -d 指令來指定要傳輸的資料。form data的格式就像query string一樣是key=value,多筆時中間以&相連。

curl -d 'a=1&b=2' -X POST https://xxx.xxx.xxx

利用CURL POST JSON

與POST form data 的方式一樣,只是 -d 中的格式不是query string而是json,且可能會需要在header指定Content-Type為application/json。

curl -d '{"a":1,"b":2}' -H "Content-Type: application/json" -X POST https://xxx.xxx.xxx

跟硬碟使用量以及記憶體使用狀態有關的linux command line指令

前陣子因為用了六年多的DigitalOcean主機顯示硬碟容量不足,因此開始清理裡面的垃圾。清理完畢後發現MySql竟然記憶體飆高到40%,重啟服務、更新版本能試的方法試過一輪還是一樣。最後才發現原來自己誤刪了swap(類似Window的虛擬記憶體)。以下是當時在檢查問題點時常用到的command,我把他整理起來,免得之後要用又忘掉。注意:有些在mac上可用,有些不行。且有些雖然可用,但options可能會有點出入。

閱讀全文 跟硬碟使用量以及記憶體使用狀態有關的linux command line指令

JS浮點運算問題

Javascript在小數點的運算上,常常會出現無限小數的情況,這是因為Javascript依照IEEE754浮點數運算標準,因此在做運算時,會先把十進制轉成二進制,然而小數點在轉換到二進制時,會出現無限小數,例如:

// 將十進制的 0.1 轉為二進制
Number(0.1).toString(2) // '0.0001100110011001100110011001100110011001100110011001101'

因此在做 0.1 + 0.2 這樣的運算時,才會產生 0.30000000000000004 這樣的結果。遇到這個情況時,我們可以用 toFixed() 來解決。 number.toFixed(n) 會回傳一個 n 位內小數點的「五捨六入」的「字串」,n可為0-20,預設值為0,例如:

0.12366.toFixed(4) // '0.1237'
(0.1 + 0.3).toFixed(4) // '0.4000'

然後,因為輸出的是字串,我們可以再以 parseFloat() 轉回數字。例如:

parseFloat(0.12366.toFixed(4)) // 0.1237
parseFloat((0.1 + 0.3).toFixed(4)) // 0.4

用蘋果捷徑更新貓咪體重到Google試算表

以往在記錄家裡的貓咪體重時,都是打開Google試算表,切換到要記錄的貓咪的工作表,然後拉到整張表的最下面輸入當天日期跟體重。雖然步驟有點多,但因為不是經常性的在記錄,感覺上也沒那麼麻煩。不過自從家裡有腎貓,需要每天監控體重時,這個操作步驟實在有點繁雜。

今天要介紹一個我已經使用很久的方法——用蘋果的捷徑功能,搭配Google文件的Apps Script來記錄到Google試算表。

優點

好處是「不需安裝任何APP、完全免費、不怕個資外流」且蘋果捷徑在iPhone或MacOS上都可以執行,也很方便共享,不論手邊的裝置是什麼,都可以立刻執行。

Google文件的Apps Script就像是每一份Google文件的API。你可以自行編寫API的內容,就像寫JavaScript一樣,讓此API能根據你的程式碼來工作。

開工拉

首先先開一個新的Google試算表,因為我們要做的是可以支援多貓家庭的情況,所以我們先建立好每一隻貓名字的工作表

點選Menu上的擴充功能,選取Apps Script

閱讀全文 用蘋果捷徑更新貓咪體重到Google試算表