Angular 4 教學 - IFrame 自動調整大小
在網頁新舊版本交界期,IFrame
算是蠻常用的手法,在 Angular 4 (Angular 2) 的 SPA 頁面中,利用 IFrame
插入舊版網頁,使系統整體感一致。IFrame
的寬高大小又不能固定不變,太小會留下很多空白,太大會使內外頁都產生 Scrollbar。
本篇將介紹如何讓 IFrame
在 Angular 的 SPA 頁面中,隨著視窗自動調整大小。
在網頁新舊版本交界期,IFrame
算是蠻常用的手法,在 Angular 4 (Angular 2) 的 SPA 頁面中,利用 IFrame
插入舊版網頁,使系統整體感一致。IFrame
的寬高大小又不能固定不變,太小會留下很多空白,太大會使內外頁都產生 Scrollbar。
本篇將介紹如何讓 IFrame
在 Angular 的 SPA 頁面中,隨著視窗自動調整大小。
Angular 4 (Angular 2) 在 IE9 運行發生整頁空白,看 Console Log 會發現拋出 JavaScript 不支援 apply
的錯誤。
可以透過 Angular Shim/Polyfill for IE9 的套件解決此問題。
Angular 4 (Angular 2) 參考都是一連串的往底層參考,有時候用 Webpack 打包完的檔案大的莫名其妙。
本篇將介紹如何用 webpack-bundle-analyzer
這個套件分析 Webpack 打包出來的檔案。
最近在檢查 Angular 4 (Angular 2) 用 Webpack 打包出來的檔案,發現參考到 moment
套件有很多不必要的內容。沒用到的部分也被一併打包,搞的打包完的檔案很大。
本篇將介紹如何使 Webpack 打包忽略指定套件(Ignore Plugin),把不必要的內容排除。
雖然 Hexo 有提供 Local Search 套件,但我個人覺得不是很好用。
我比較喜歡用 Google Search,Google Custom Search (GCS) 站內搜尋服務,GCS 可以巧妙的整合在網頁之中,速度又快又可以幫忙統計資訊。
本篇將介紹如何把 GCS 整合到 Hexo 部落格。
Angular 4 (Angular 2) 用 Webpack 打包遇到警告:
WARNING in ./~/@angular/core/@angular/core.es5.js
WARNING in ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
WARNING
忽視並不是好的做法,本篇將介紹如何修復 Webpack 打包出現的此警告。透過 Jenkins 執行 Pipeline Job 時,如果執行沒有授權過的方法,就會發生 RejectedAccessException
。
本篇將介紹如何授權 Groovy 的使用權限。