前情提要 在寫程式產生器的過程中,很常遇到會一直重複使用的方法,例:字串轉換、陣列群組...。 一般來說我會直接在專案下建立 common 資料夾,並在此資料夾內建立對應的方法程式檔案,並在各處會使用到該方法的地方引入該方法。 ==TS== src/lib/common/string.ts /**首字大寫並使用駝峯取代分隔字 * @param val 字串 * @param separator 分隔字
Nov 17, 2024Contributed by
本篇將簡單講解在開發工具完成後,在其他專案中引入該開發工具後,發現其工具還有地方需要調整時,該如何同時執行這兩個專案一起開發、除錯。 前情提要 開發完 quest 工具後,我們想在 ss-question 透過網址直接使用 quest,所以我們想說應該可以直接透過雙開兩支專案,並使用 proxy 同時來測試兩個專案。 但實際測試後發現我們無法單純的直接透過 proxy 轉接,其原因是因為 library 相關的 js 檔在載入的時候會失敗。 因此我們就來探討該如何能讓 library 的 js 能夠成功載入到 app 的程式內。 方法一
Jul 07, 2024Contributed by
image 前情提要 最近在製作多選下拉的元件,多選下拉(multi-select) 畫面的操作流程爲: step1. 點擊下拉選單展開多選選項窗 step2. 勾選要選擇的選項 step3. 關閉多選選項窗 其中第三步驟(step3)的關閉時機,希望是在「點擊非元件本身」的時候發生,目前有嘗試過:
Jul 07, 2024Contributed by
無限滾輪 (Infinite Scroll) 近年因為社群軟體的興起(Twitter,Facebook,Pinterest,Instagram),讓以==滾動==呈現內容的方式很流行,因此藉著機會我也來實作無限滾輪。 呈現內容的方式,目前主要被使用的有兩種 : 滾動 (Scroll) 分頁 (Pagination) 使用的時機也有些不同,下面有相關的文章可以看。
Mar 31, 2021Contributed by
主要內容如下 認識表單及應用 表單基本介紹 Angular文件-Form 表單常見的應用為使用者輸入的處理(ex: 登入),Angular提供兩種表單(Form),兩者皆提供: 捕捉使用者的輸入事件
Jan 05, 2021Contributed by
需求簡述 SD希望我們的專案可以幫使用者將業務行事曆的事件匯入使用者的google calendar中。 資料蒐集 Google Calendar API Guides 主要參考JavaScript Gsuit: 內部的人使用的,意思是為此企業的帳戶(gmail被標上Gsuit)才可以被使用 Google Calendar API Event
Nov 04, 2020Contributed by
Github-json-server 前言 在30秒內不打任何程式碼 快速建立一個RESTful API JSON Server是套可以快速簡單設計出RESTful API的套件,在前後端分工卻又不能同步開發的窘境下,可以幫助前端快速建立假的API先行開發。 除了可以解決不同步開發的問題外,也可以依此撰寫測試程式,在串接後端資料時減少錯誤,也能在發生錯誤時,加速排查速度。
Nov 03, 2020Contributed by
主要內容如下 元件基本介紹 元件間的資料傳遞 管道與指令 參數傳遞方式整理 [T]Passing Parameters 參數傳遞 Component
Oct 16, 2020Contributed by
Git介紹 Git 是一種==分散式版本的版本控制系統(Version Control System)==,它可以快速又有效率的管理專案,並提供各種作業系統平台版本,==免費==自由下載使用,建立個人或團隊的版本控制,可以==協助開發人員同步開發==。 為什麼要使用Git? 假如,今天你想保留編輯前的檔案,方便編輯後不滿意還可以找回原檔會怎麼做? 我想大多數的人都是會直接在編輯前先複製一份,然後再對檔案做編輯,並在檔名上依照日期命名,但這麼時間一長就很容易造成檔名混亂,且不清楚內容到底改了什麼還需要一支一支點開來看。 或許一個人的時候,可能還可以接受這樣的方式運作,因為檔名都是依照自己既有的方式命名,檔案可能也沒有多少支,頂多就多花一些時間找檔案罷了,但今天如果是跟團隊要一起維護專案呢? 那麼就來假設今天團隊要維護專案,開了一個用共的資料夾,為了解決上面的問題,他們決定不保留舊的檔案,直接對目前的檔案做修改,這麼一來就沒問題了吧!,但過了一陣子他們發現,在兩個人要同時修改一個檔案的時候,很常會有B把A調整的東西給蓋掉了......
Oct 16, 2020Contributed by
https://wekan.github.io/ 基本介紹 Protractor E2E測試觀念 端對端測試E2E 測試使用者操作與想要的結果是否符合規格。 端對端測試(E2E),是以使用者的角度(從開啟瀏覽業開始,一步一步操作)來進行測試,若測試程式是依照使用者需求正確撰寫的,且測試結果正確,表示產品是符合需求且正確的。
Sep 23, 2020Contributed by
內容大綱 主要內容如下: 如何下載專案 如何執行專案 如何修改專案 開發前需準備: Angular基礎教學00 #環境安裝
Sep 18, 2020Contributed by
內容大綱 主要內容如下 如何安裝Node.js 如何安裝VSCode 如何安裝Angular 如何安裝Git 相關參考文章 Angular 10 開發環境說明
Sep 18, 2020Contributed by