在【Day - 6】中，我們已經完成了一個基本的錄音功能，目前的操作方式是：按下按鈕開始錄音，再次按下則停止錄音。不過，今天我打算調整一下這種操作方式。我的目標...
在【Day - 5】中，我們準備了一個3D模型機器人，下一步是新增核心功能：「錄音」。首先，我計劃設計一個對話用的錄音按鈕。我想讓它位於中心的形狀為大圓形的，提...
在前幾天的準備之後，我們終於要開始規劃APP的畫面了。首先，根據【Day - 1】所設立的目標，第一步就是要在首頁中央放置一個3D模型機器人。提到3D模型，我們...
在【Day - 2】時，我們已經順利的將專案執行起來，接下來就可以開始開發APP的頁面。但在進行開發之前，我希望在這30天的鐵人賽中，能夠專注在Ionic和Ch...
在開始開發Ionic專案之前，有一些事項我們需要特別留意。這些細節可能影響到APP的效能、使用者體驗或開發過程中的效率等等。除此之外，為了使大家在接下來的30天...
在開發APP前，首要任務就是設定開發環境。在開始建構任何軟體或應用之前，必須先建立一個穩定且可靠的開發環境，這是一個不可或缺的步驟。環境建置完成後，我們還將介紹...
前言 大家好！今年是我首次參加鐵人賽，以往都有在關注鐵人賽也很想嘗試挑戰看看，可是始終不敢跨出那一步。而今年是我人生中的一個轉捩點，做了很多不一樣的決定和嘗試，...
今天工作期間有遇到一個問題：因公司是醫療體系，所以系統裡有很多病患的名字，而人的名字就會有一些特殊的字。當時公司的解決辦法就是建了自己的造字，並一直沿用到現在，...
結語 終於完成 Angular 專案開發指南 系列文章的撰寫，本以為可以輕鬆完成，卻剛好碰上許多事情同時發生，幸好平時就有寫一些研究成果來作為對內分享的文件，幫...
前言 登入功能也是一個網站應用專案中很重要的一部分，由於一般情況下只有在使用者登出或者登入的 token 過期的時候才會回到登入頁面，因此我們選擇用 延遲載入...
前言 大型網站應用程式專案由於功能較多，如果一開始就把全部的頁面或功能模組引入根模組，使用者體驗會因為初次進入畫面時間過久而降低，為了解決這個問題，延遲載入模組...
前言 上一篇使用 *ngComponentOutlet 的方式來動態產生元件，本篇要跟大家分享的是 ViewContainerRef，在程式中產生元件實體後再嵌...
前言 租賃代管業務中除了租戶管理，租賃物件本身宣傳廣告也是很重要的需求，為了吸引顧客上門，客戶要求提供一個元件給他們維護物件的資訊，廣告格式有， 文字敘述 -...
前言 路由是 Angular 裡很重要的部分，以前的網頁技術 MPA 透過改變 url 對 server 發起頁面需求來達到換頁的效果，而所謂的 SPA 單頁應...
前言 Angular 雖然內建許多的指令 @Directive 與管道 @Pipe，但專案開始進行後，就難免遇到需要自訂一些服務的時候，針對一些可以共用的方法或...
前言 所有前端框架都會遇到一個共同的問題，就是資料與狀態如何在組件之間傳遞，根據元件之間不同的組合關係，大致可分類為父子，兄弟與沒有關係，在 Angular 中...
前言 回到網站的首頁，為了量化租戶管理的效能，通常會將資料數據透過圖表的方式呈現，在網路上可以找到許多套件與 Angular 搭配完成各種任務，今天要跟大家介紹...
前言 回到基本的概念，今天來討論一下 Angular Lifecycle Hooks，雖然前面我們已經實作了租戶管理元件，但是對於 Angular 元件基本的生...
今天主題提到2022三大前端開發框架使用量排行誰勝出？先來張在Stack Overflow自 2008 年成立以來，基於標籤使用情況的技術隨時間推移的趨勢，就可...
JavaScript 的內容有很多，【每天 5 分鐘】的介紹，不知道要寫到什麼時候 XD這幾天很掙扎，在 30 天的鐵人賽中， JS 的部分 要介紹到哪邊為止？...
前言 國際化 （i18n） 是一個過程，用於對你的應用進行設計和準備以便在全球不同地區使用。本地化是指為不同的本地環境建構應用版本的過程，包括提取用於翻譯成不同...
前言 GitLab 最初是 MIT 授權的免費開源軟體。現在則有 GitLab CE（社群版） 和 GitLab EE（企業版），而兩者的核心程式碼是相同的，但...
前言 GitLab Workflow內容包括，git 版本控制系統、CI/CD Pipeline，以及專案管理的功能，像 Wiki、Issue Tracking...
前言 專案開發後期會進入 QA 測試階段，其中免不了各種手動點擊切換頁面或迴歸測試等，每個功能都要人工進到畫面中看一遍有沒有問題，這樣不僅工作量大重複性高，且當...
前言 透過自動化測試取代人工測試，降低測試成本，自動化測試帶來速度快、可重複與自動化的測試工程。 程式寫完之後，通常會需要做測試，可能就是跑跑看看東西或 log...
前言 利用 JSON Server 快速模擬 Restful API，支援開發中最常用的 GET、POST、PUT、PATCH、DELETE、OPTIONS 等...
前言 假設現在有一個租賃管理服務公司提出一個需求，有一批租戶的資訊需要被維護與管理，我們需要建一個頁面供使用者查詢租戶資訊，並支援新增，修改與刪除租戶資訊。...
前言 大多數前端應用都要透過 HTTP 協議與伺服器通訊，才能下載或上傳資料並訪問其它後端服務。Angular 給應用提供了一個簡化的 HTTP 客戶端 API...
前言 專案需求通常來源於對資料的處理，在專案規劃期間，前端開發人員經常需要先做一些 POC，甚至專案開始後，也經常需要在後端 API 尚未就緒前，先完成前端的功...
前言 前端的專案通常會挑一個樣式框架來搭配使用，好處是， 元件樣式如表格、列表與選單等元件不需要重新打造。 介面經過專業設計外觀優美。 元件樣式風格統一。...
iThome鐵人賽
看影片追技術
看更多
momochenisme
ShawnWu
cherylcloud
Olivia