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