文章

目前顯示的是 九月, 2018的文章

Laravel 之 javascript 事件處理失效之解法

Laravel 預設的 layouts/app.blade.php 中,預設使用 defer 載入 js/app.js

結果導致自己寫的 javascript 中 event handler 失效,似乎根本沒註冊的樣子,後來拔掉 app.js,自己加入 bootstrap 4 與相關 js,即使都有加入 defer,也都沒有問題

網路社群大大推測 app.js 似乎有做清除事件的動作,導致 app.js 因為 defer 的關係,會在頁面解析完成,頁面中的 script 執行完成之後才執行,而把我註冊的事件清除了

解決方式:

繼續使用 app.js,但不用 defer繼續使用 defer app.js,但需要把 code 寫在 document 的 DOMContentLoaded 事件中繼續使用 defer app.js,但需要把 code 寫在外部檔,在 app.js 之後用 script defer 引入不使用 app.js,自行載入相關 js
參考資料: https://stackoverflow.com/questions/40199551/how-to-preserve-script-execution-order-with-defer-and-inline-scriptshttps://developer.mozilla.org/zh-TW/docs/Web/HTML/Element/script

解決空連結造成 SPA reload 的問題

The Will Will Web | 在 Angular 套版時應注意多層次選單超連結的使用

解決 <a href="#"></a> 這樣的空連結造成 SPA reload 的問題

Linux下检查硬盘是否4K对齐

Linux下检查硬盘是否4K对齐 - SztWejtsNppTDCcfZYEe的个人空间 - 开源中国

sudo fdisk -lu

看分区的Start地址要能被 8 整除

PHP 7 中 ?? 與 ?: 的差別

php 7 - PHP ternary operator vs null coalescing operator - Stack Overflow

echo $a ? : $b;

echo $a ?? $b;

以上兩種用法相當於如下之傳統三元運算

echo $a ? $a : $b;

若 $a 為 truthy 值則 echo 出 $a 之值,$a 為 falsy 值則 echo 出 $b 之值

但 $a 未宣告或未賦值時會 echo 出 $b 之值,但有警告訊息,可加 isset() 避免

echo (isset($a) && $a) ? $a : $b;

?:  (ternary operator) 之行為表現與傳統三元運算一致,單純簡寫而已

??  (null coalescing operator) 則不會有警告訊息

若 $a = null 則三種語法表現一致,均  echo 出 $b 之值

介绍 Laravel 授权方式 Gate 和 Policy

[ 參考 ] 釐清幾個超容易混淆又很常用的 RxJS 運算子

讓你的 Angular CLI v6 專案加入 webpack 強大的 Hot Module Replacement (HMR) 功能

Enabling Hot Module Replacement (HMR) in Angular 6 - The Info Grid

保哥提供的參考文章

不想看文章的人,直接輸入 ng add hmr-enabled 命令,就會全自動幫你設定到好! 感謝保哥!!

[ 參考 ] 離線安裝完整 Angular 開發環境的標準作業流程 (大型企業適用)