PHP array_merge do not reset index

array_merge 用來進行2個或多個陣列合併

輸出結果:

輸出出結果,陣列的索引重新排序了。某些情況陣列的索引與值是有關聯的,這麼做丟失索引及值的關聯,目前 array_merge 並沒有是否重建索引的選項,所以要透過另外一種方式來合併陣列,並保持索引鍵與值的關聯。

透過下面的代碼實現:

輸出結果:

就這樣,用運算符「+」來進行陣列的累加,非常簡單,且保持 鍵與值的關聯。

請注意型態必須都為 array
但也不必太擔心,型態錯誤會報錯

[……]

Read more

vscode 搜尋檔案,停用排除 .gitignore 中的檔案

原來vscode搜尋會排除.gitignore中的檔案,害我今天在Debug花了蠻多時間的,開發時看錯誤訊息明明有某一個function,用Ctrl+Shift+f 做整個站的查詢,就是找不到那個function,後來才發現,vscode會排除 .gitignore中的檔案,本文告訴你開關在這邊。

按下組合鍵 Ctrl + Shift + f 開啟全站查詢面板,輸入要查詢的關鍵字

開關就在這邊,超級不明顯,如果這個icon有藍框,代表啟用排除,反之,再按一下,藍框消失即停用搜尋排除,停用後 .gitignore中的排除檔案或目錄,也可以找得到囉

reference:
https://github.com/Microsoft/vscode/issues/45487

[……]

Read more

PHP number convert to Excel column letters 2

本篇提供兩個方法互轉,簡潔又好用,沒有限制數字大小

繼下面這篇文章後,我發現更簡短的方法,提供給大家參考

數字轉換 Excel 欄位英文字母

ex:

Excel 欄位英文字母轉換回 數字

ex:

[……]

Read more

PHP number convert to Excel column letters

數字轉換 Excel 欄位英文字母,例如 1 = A , 2 = B , 27 = AA
Excel 欄位英文字母轉換回 數字 , 例如 A = 1 , B = 2 , AA = 27

本篇提供兩個方法互轉,簡潔又好用,沒有限制數字大小

數字轉換 Excel 欄位英文字母

ex:

Excel 欄位英文字母轉換回 數字

ex:

https://stackoverflow.com/a/25214690/6784662

我發現一個更簡潔的方法

[……]

Read more

2019 瀏覽器市佔率 – 台灣 / 全球

不再告訴我 IE 會跑版了
沒人在用IE 已經作古了
“可是我還在用,一定很多人跟我一樣啊”
沒有 ~ 你已經被是界淘汰了

宣洩一下怨氣,網頁前端設計師都會有的痛點,時代的轉變,追求絢麗的特效的同時、更方便的功能時就必須有所取捨,新的技術,新的規範舊瀏覽器當然不懂 (就跟你的腦袋一樣),但你不用換腦袋,只需要換瀏覽器,不要再堅持要用被淘汰的東西,也需應該像我一樣跟客戶好好溝通,應該花更多時間在新功能的發展上,而不是一昧的追求無止境的向下相容。

那種要支援ie7的,請容我拔除所有特效,至於追求支援ie6的,恩亨,我已經不知道要說什麼了

希望這可以幫你打槍你的客戶

這是台灣啊,國外還是很多人用啊!!

早知道你會來這招,以下是全世界的瀏覽器市佔率,看臉要多響

[……]

Read more

jQuery TinyMCE remove html head body tag in textarea

TinyMCE Editor 是一個很常見的所見及所得文字編輯器,功能很強大,並提供很多插件來擴展編輯器功能,但安裝4.8.2版本時,在textarea中會自動包覆<HTML><head><body>等標籤,即便未輸入內容,然然會存入 <HTML><head><body>等標籤 。

解決方法

非常簡單,在初始 TinyMCE 的時候不要使用 fullpage 這個 plugin 舊可以了。

參考:

jQuery TinyMCE Editor

[……]

Read more

jQuery clone element and events

jQuery 一般情況下,利用 clone() 來複製元素,但是複製元素後,並沒有複製原本元素綁定的事件及數據,這點有點困擾,之前是在Clone之後,重新綁定事件,但這樣會變得很麻煩,也會讓程式碼變得很亂,在 jQuery 1.4 以後 clone() 加了一個貼心的功能,可以在複製的時候選擇要不要連事件及數據一起複製。

Demo 程式如下:

這是一個簡單的範例,在按鈕上綁定一個click事件,點擊按鈕開啟警告窗

這示例程式,當我們點擊 “Clone” 這按鈕,會複製一個上方的 “Click Me”按鈕,當我們點下新產生的 “Click Me”按鈕並沒有任何反應,代表並沒有複製到原本元素綁定的事件及數據。

See the Pen jQuery clone element by VECTOR.cool
(@ann71727) on CodePen.

接著我們看下方程式碼,用相同動作,原本的 “Click Me” 按鈕及新複製出的 “Click Me” 按鈕,都可以正常運行綁定事件,換而言之,事件成功被複製,如此就不用重新綁定,非常省事呢!

[……]

Read more