標籤: javascript

PHP 如何為 json_encode 移除 Array Index

PHP 與 JavaScript 串接經常回傳 JSON 格式，但是會遇到 PHP 的 Array 預設 Index (Assoc array key reference index) 都會有 1、2、3 ...，要怎麼移除這 Index 在傳給 JavaScript 呢？

閱讀全文〈PHP 如何為 json_encode 移除 Array Index〉

Googlebot 將使用新版 Chromium 引擎來執行 JavaScript

Googlebot 以前都使用 Chrome 41.0 的引擎來 Rendering (解析) JavaScript，預計要更新成 Chromium 最新的版本 (74.0+)。

由 access.log 可以看到下述：

"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5X Build/MMB29P) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.96 Mobile Safari/537.36 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"

不過，雖然宣佈了，目前暫時還沒看到新版的 Bot 來的跡象~

閱讀全文〈Googlebot 將使用新版 Chromium 引擎來執行 JavaScript〉

JavaScript 各種檢查的函式庫：is.js

JavaScript 要做各種檢查，例如：Email、URL、信用卡、日期 ... 非常多，每次都是自己寫個 regex 檢查，這邊有個 Open Source 的套件(函式庫)，有整理各種情況所需要的檢查與判斷。

is.js 使用很簡單，範例也都很清楚，這邊隨意列幾種可以參考看看：

使用 Polyfill 來解決瀏覽器不支援 HTML 新功能的問題

HTML5 在某些瀏覽器不支援，想要跨瀏覽器支援，可以靠 Polyfill (外部 library) 讓瀏覽器支援，此篇裡面有各種的 Polyfills (SVG、Canvas、Web Storage、Video... )

WebAssembly 草案 1.0 發布

WebAssembly (wasm) 是什麼？可以直接看 維基百科 與 MDN 的說明，下述摘錄自此篇：WebAssembly - 維基百科

WebAssembly 或稱 wasm 是一個實驗性的低階程式語言，應用於瀏覽器內的客戶端。WebAssembly 是可攜式的抽象語法樹，被設計來提供比 JavaScript 更快速的編譯及執行。

WebAssembly 將讓開發者能運用自己熟悉的程式語言（最初以 C/C++ 作為實作目標）編譯，再藉虛擬機器引擎在瀏覽器內執行。

WebAssembly 的開發團隊分別來自 Mozilla、Google、Microsoft、Apple，代表著四大網路瀏覽器 Firefox、Chrome、Microsoft Edge、Safari。

2017年11月，所有以上四個瀏覽器都開始實驗性的支援 WebAssembly。

下述摘錄此篇：WebAssembly | MDN

WebAssembly 是一種新的低階程式語言，可在今日的網頁瀏覽器中被執行 —— 它是低階的類組合語言，具有嚴謹的二進位格式，能以接近原生應用程式的效能執行，並提供如 C/C++ 等語言一個構建目標，使它們能在 Web 上被執行。他也被設計為可與 JavaScript 共存，允許兩者一同工作。

使用 js-beautify 將 JavaScript 自動排版、縮排

現在很多 JavaScript 都會經過最小化、壓縮，要還原回來就需要 formatter 或 beautify 的幫忙。

在對 js 經過 minify 的小檔案，可以用 Vim 的外掛直接做排版，如：Vim 的 JavaScript 縮排格式最佳化 外掛

不過如果檔案太大、行數太多，建議就要另外找其他工具了~

閱讀全文〈使用 js-beautify 將 JavaScript 自動排版、縮排〉

Oracle 對 Java 授權變更、JavaScript 商標 - 2018

Oracle 近日對 Java 的 License 授權的調整，然後 Apple 針對 JavaScript 商標的處理，看來 Oracle 正在逐漸將購買 Sun 的花費開始做收割，要來搶錢囉~

閱讀全文〈Oracle 對 Java 授權變更、JavaScript 商標 - 2018〉

iframe 父頁與子頁互相呼叫的方法 (使用 postMessage 呼叫)

HTML iframe 很常使用，遇到內外(父頁與子頁)想要互相溝通(使用 postMessage) 要怎麼做呢？

此篇使用 HTML postMessage 的 呼叫方式來說明

閱讀全文〈iframe 父頁與子頁互相呼叫的方法 (使用 postMessage 呼叫)〉