Search for a command to run...
在上一個單元，已經學習到如何使用 if 判斷式，接下來這個單元進入到迴圈。if 判斷式可以方便使用變數來控制內容是否顯示，而迴圈則是方便顯示重複的內容。 迴圈通常會跟陣列一起使用，先宣告一個陣列變數： <script> export default { name: 'App', data() { return { users1: ['Jake', 'Allan', 'Eason'], }; }, }; </script> 宣告了一個陣列 user1，然後...
在上一個單元，已經學習到如何宣告變數與顯示出來。從這個單元開始，會接觸各種程式邏輯判斷的方法，首先先來看看什麼是 if 判斷。 一樣跟上一個單元一樣，宣告一個變數 isShow，但這裡的變數的型別是使用布林型別，只有 true 與 false 兩種值，我將其設定為 true： <script> export default { name: 'App', data() { return { isShow: true, }; }, }; </script> ...
在上一個單元，已經學會了一個基本的 Vue 的程式流程，接下來一樣開啟 App.vue ，然後刪除所有的程式碼，改寫成： <template> {{ message }} </template> <script> export default { name: 'App', data() { return { message: 'Hello World', }; }, }; </script> 程式邏輯說明： 在這裡只先改寫 <template></...
在上一個單元，已經學會了如何使用 Vue CLI 工具新增專案，而在建立好專案之後，可以使用 Visual Studio Code 來打開 vue3-demo 這個資料夾，在左側的目錄上可以瀏覽整個專案的結構： 總共會有這些資料夾檔案： node_modules public src .gitignore babel.config.js jsconfig.json package-lock.json package.json README.md vue.config.js ...
前言 這個 Vue3 101 的系列，是一個關於 Vue3 的學習入門，我將會分享關於學習 Vue3 的一切基礎，所以非常適合從零開始想要接觸前端開發的朋友。 那麼學習 Vue3 需要會什麼樣的技術背景？ 一點點的 HTML、一點點的 CSS 跟一點點的 JavaScript，就算完全沒有接觸過網頁開發，我也會希望可以藉由這個系列幫助到大家真的可以完全從不會到會。 Vue3 是一個前端開發者可以學習的框架，在前端框架數量爆炸的現今，除了 Vue3 之外，還有 React 、Next.js 等框架...
一、什麼是 Bazel Bazel 是 Google 開發的免費建構軟體的工具，通常用在軟體的建構與測試上。詳細的官方使用說明可以去直接去官網參考：https://bazel.build/ 二、為何要用 Bazel 來建構 iOS App 在開發 iOS App 使用 Xcode 就已經可以滿足所有需求，從開發、建構到測試。但在更大型的 App 的建構，將所有功能模組化開發，而在最後整合打包的時候使用 Bazel 會是更方便的選擇。 本篇文章將會說明如何利用 Bazel 來建構 iOS App，...
0. 影片教學 本篇文章是一個步驟指導，建議可以搭配影片一起學習： 1. 安裝 Flutter 開發環境 Flutter 首先到 https://docs.flutter.dev/get-started/install/macos 下載 flutter 下載完成後，選擇要解壓縮的目錄之後進行解壓縮，因為它不需要進行安裝，所以位置要選一個不會被變動到的位置。 設定路徑： $ vim .bash_profile 將 flutter 路徑填入： $ export PATH=$PATH:/Users/j...
0. 完成成品 這一篇要用 SwiftUI 來製作一個簡單的待辦清單。 本篇文章是一個步驟指導，建議可以搭配影片一起學習： https://youtu.be/irw4WJZIxQs 1. 開啟 SwiftUI 專案 用 Xcode 新建一個 SwiftUI 的專案 2. 建立一個列表 List 可用來呈現列表，但內容必須要自己定義，這邊用 ForEach 來產生 10 個 Text 的內容： struct ContentView: View { var body: some View...
0. 說明 本篇將完整說明如何使用 node.js 建立一個簡單的 web，也介紹如何對 mysql 的資料庫操作。 本篇文章是一個步驟指導，建議可以搭配影片一起學習： https://youtu.be/Rlj0xVAEoxk 1. 安裝 node.js 安裝最新版： $ sudo apt-get install curl $ curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - 開始安裝： $ sudo apt-get ...