技術 【Day11】Vue生命週期—Lifecycle Hooks ft.Composition API

一開始只看到中譯想說到底為什麼要叫「生命週期鉤子」，看到Hooks…好吧。在之前的ToDoList練習還尚未學習Vue生命週期的概念，所有狀態和動作在頁面都亂亂...

技術 [客戶留存] 勾住用戶的心：深入理解Hook模型

作為一位產品經理，你的目標除了開發出引人入勝的產品，更重要的是在產品正式發布之後如何讓用戶一次又一次地回來，擁有更多的持續使用者。很多產品經理只知道怎麼樣把產品...

技術 【D30】 總結小工具

做個總和，就把所有整合在一起，就把之前 Day11 、 Day18 和 Day28 的 component 放在一起吧！ 修改 index.js import...

技術 【D28】 小工具：身分證製造機（part 8）－加入檢查

這次來簡單加入一下之前 Day20的檢查工具，來檢查我們製作出來的身分證是不是合規。 .js 引入功能 把之前 Day20 做好的檔案 IDChecker.js...

技術 【D25】 小工具：身分證製造機（part 5）－製作身分證製造機產生頁面

之前遇到的問題還沒有解法，但在 JavaScript 中是可以判斷身分證是否正確，僅在頁面顯示無法的，因此先略過這邊，我們繼續製作身分證製造機。 目標 這次要做...

技術 【D24】 淺談：製作檢查功能時發生的 render 問題

昨日的作業中，發現可以在 console 中顯示結果，但是無法在畫面顯示檢查結果。 嘗試了幾個方法，仍無法讓 React 正常的轉譯（Render）我的訊息。儘...

技術 【D18】 再探 props：修改上下層資料（part 2）

上次使用了參數，讓可以從親層修改子層，但要如何讓子層修改親層呢？ 製作新子層 要修改親層的方法，就是在修改的 handler 傳到子層，藉由呼叫 handler...

技術 【D17】 再探 props：修改上下層資料（part 1）

無論是在 D15 還是 D16，都是在同一層進行修改資料，或是使用參數從「親層」（Parent，個人比較喜歡翻成「親層」，而不是「父層」）傳到「子層」（Chil...

技術 【D15】 小工具：溫度換算（part 2）

先前遇到的問題 在第10天發現取到的值都是之前的值，對此完全不知道發生什麼事情。經過網友的回應，原來是在 batch update 發生的問題。原來 React...

技術 【D1】前言與規劃

規劃 之前學的網頁，比較偏向以前的 Javascript ，後來有學一點 Vue.js，而現在 React.js 成為顯學，因此學習新的網頁工具就是朝這邊發展...

技術 IT 邦鐵人賽 Day 11 - RSpec 語法 before hook & after hook

在前一篇，我們介紹了 RSpec 裡基礎的語法，今天我們來介紹很好用很常用的語法：before hook, after hook。 當我們需要重複測試同一個物件...

技術 Day 21 客製化 WordPress 程式的起點：勾點 (hook)

大家好，我是 Eric。 昨天介紹了 PHP 變數與函式的基本定義方式，接下來我們要介紹 WordPress 中扮演要角的函式們：勾點 (Hook)。所謂的勾點...

技術 Day26. 部落格實作 (五)

今天實作首頁的顯示舊文章的按鈕功能。 在實作前想先介紹react的hook這個東西:在去年以前，react的組件實作都是使用Class component，也就...