David's Blog


  • 首頁

  • 關於

  • 分類

  • 歸檔

  • 檢索

PWA 偽裝術

發表於 2020-06-07 | 分類於 技術文章 |

A: 你看我做了一個 APP!
B: 那是 WEB 好嗎?
A: 露餡了…

內文:

  • 隱藏 PWA 在手機上的縮放
  • 隱藏跳出的 GOOGLE 翻譯
  • BONUS: 更新快取內容
閱讀全文 »

PWA 漸進式網頁應用程式

發表於 2020-06-03 | 分類於 技術文章 |

讓你的 Web 直接變 APP?! …當然沒那麼誇張, 但除了一些限制外, 看起來就和 APP 一樣…

內文備註:

  • 基本設定
  • 插件推薦
  • Tips
閱讀全文 »

Shell Script 程式化指令碼

發表於 2020-05-31 | 分類於 技術文章 |

在一些架構較大的專案中, 會時常使用到 command line 來執行相關的指令, 如: 啟動開發伺服器, 打包檔案, 部署檔案 etc. 通常會將單一功能的命令寫在 package.json 內的 scripts 裡, 但如果一次需要執行的命令不只一條, 其實可以將相關指令寫成腳本(.sh)放在專案根目錄下, 往後只要執行這隻檔案, 就可以按照腳本順序來執行一連串的相關指令, 以達到程式自動化的效果, 優點是減少重複行為並下錯指令的可能性

另外建立的腳本檔案會需要修改權限才能執行
以下備註檔案修改權限的方法:

閱讀全文 »

Bookmarklet 書籤小程式

發表於 2020-05-31 | 分類於 技術文章 |

javascript 在客戶端瀏覽器上, 除了console內可以執行外, 也可以在網址列URL上執行, 只需要將協定的部分改為 javascript: 即可, 如: javascript: alert('Hello Bookmarklet'), 之前在工作上會寫給一些非開發人員做產品上簡單的測試, 如在CMS後台添加測試資料, 或是在前後台快速登入並執行相關功能, 通常會把書籤程式寫進匿名函式並壓縮成一行, 然後存在 chrome 的書籤裡, 接下來只要在程式要執行的頁面點擊書籤就可以執行程式了

本文作者: David Huang
本文地址: https://davidblog.github.io/2020/05/31/bml/

序

發表於 2020-05-31 | 分類於 部落格歷史 |

此 Blog 正式啟用, 採用 Hexo 框架搭配 NexT 模板, 建置於 Github Page 於 2020年05月31日

本文作者: David Huang
本文地址: https://davidblog.github.io/2020/05/31/序/

<1…45
David Huang

David Huang

45 文章
4 分類
GitHub
© 2023 David Huang
訪客數 人 總訪客次數 人
0%