JavaScript es6 有引入外部文件的功能 import
import 後得到一個錯誤
Uncaught SyntaxError: Cannot use import statement outside a module
解決方法
必須要宣告為js的模組,在引入js的script tag中加入type=”module” 這個屬性如下
[……]
JavaScript es6 有引入外部文件的功能 import
import 後得到一個錯誤
Uncaught SyntaxError: Cannot use import statement outside a module
解決方法
必須要宣告為js的模組,在引入js的script tag中加入type=”module” 這個屬性如下
[……]
Google Map JavaScript API 產生地圖,預設是英文,雖然英文編排比較好看,哈,但真的要找路會瘋掉,地圖的用途還是讓使用者快速得到位置的資訊
切換成中文其實很簡單,初始化地圖前會引入 Google Map JavaScript API,在引入網址後方再多加入一個參數即可
引入 Google Map JavaScript API 長這樣:
加入語言參數 language=zh-TW:
[……]
有個陣列,希望將陣列儲存至 Cookie 中,這裡提供兩種方法
在官網的範例中,可用下方的方式達成目的
https://www.php.net/manual/en/function.setcookie.php
output:
雖然是達到目的了,但事實上是建立了三個Cookie,怎麼看都不優雅,更難想像若是一個複雜的多惟陣列,會產生多少Cookie
再來介紹一個比較優雅的做法,我也比較喜歡,先將陣列序列化成字串存入Cookie
需要用到的時候,再將字串反序列化,是不是方便多了呢
output:
[……]
Output:
https://stackoverflow.com/questions/5212282/strtotime-a-second-before-midnight
[……]
CSS選擇器中沒有所謂的「萬用字元(*)」,可以透過一些方式接近模糊查詢方式,查找匹配屬性或值的元素
下表屬性名稱不一定為Class,可以替換成需要的屬性
單引號可有可無
[class]比對元素包含指定屬性[id][class][href] 比對元素包含其中一個屬性[class=’test’] 完全比對元素屬性與值 (區分大小寫)[class^=’test’]比對元素屬性開頭為指定的值[class$=’test’] 比對元素屬性結尾為指定的值 [class*=’test’] 模糊比對屬性包含指定的值
See the Pen
CSS 選擇器,模糊查找匹配元素 by VECTOR.cool (@ann71727)
on CodePen.
[……]
array_merge 用來進行2個或多個陣列合併
輸出結果:
輸出出結果,陣列的索引重新排序了。某些情況陣列的索引與值是有關聯的,這麼做丟失索引及值的關聯,目前 array_merge 並沒有是否重建索引的選項,所以要透過另外一種方式來合併陣列,並保持索引鍵與值的關聯。
透過下面的代碼實現:
輸出結果:
就這樣,用運算符「+」來進行陣列的累加,非常簡單,且保持 鍵與值的關聯。
請注意型態必須都為 array
但也不必太擔心,型態錯誤會報錯
[……]
原來vscode搜尋會排除.gitignore中的檔案,害我今天在Debug花了蠻多時間的,開發時看錯誤訊息明明有某一個function,用Ctrl+Shift+f 做整個站的查詢,就是找不到那個function,後來才發現,vscode會排除 .gitignore中的檔案,本文告訴你開關在這邊。
按下組合鍵 Ctrl + Shift + f 開啟全站查詢面板,輸入要查詢的關鍵字
開關就在這邊,超級不明顯,如果這個icon有藍框,代表啟用排除,反之,再按一下,藍框消失即停用搜尋排除,停用後 .gitignore中的排除檔案或目錄,也可以找得到囉
reference:
https://github.com/Microsoft/vscode/issues/45487
[……]
本篇提供兩個方法互轉,簡潔又好用,沒有限制數字大小
繼下面這篇文章後,我發現更簡短的方法,提供給大家參考
ex:
Excel 欄位英文字母轉換回 數字
ex:
[……]
數字轉換 Excel 欄位英文字母,例如 1 = A , 2 = B , 27 = AA
Excel 欄位英文字母轉換回 數字 , 例如 A = 1 , B = 2 , AA = 27
本篇提供兩個方法互轉,簡潔又好用,沒有限制數字大小
ex:
Excel 欄位英文字母轉換回 數字
ex:
https://stackoverflow.com/a/25214690/6784662
[……]