Anthony Chao

Pseudo Worker not allowed

JS30 day7 Array Cardio Day2"

JS30 day07 - Array Cardio Day2 作業內容 今天的內容比較無聊，有關一些陣列的方法練習 學到什麼 列點如下： CSS 第一次碰到 outline 屬性，他跟 border 有什麼差呢？ border 會影響這個元素的大小(因為他在 box-model 裡)，而 outline 不會 border 可以對上下左右有不同設定，但 outline 不行 out......

Posted by Anthony Chao on 2019-11-06

Javascript

JS30 day6 Ajax Type Ahead

JS30 day06 - Ajax Type Ahead 作業內容 今天要做的是做出一個網頁，畫面上有一個輸入欄位，填入字之後就會依照這個字去找出美國哪個州或城市名字裡面有包含你輸入的字的內容 可以參考這份 CodePen 學到什麼 列點如下： CSS 第一次碰到 outline 屬性，他跟 border 有什麼差呢？ border 會影響這個元素的大小(因為他在 box-mod......

Posted by Anthony Chao on 2019-11-05

Javascript

JS30 day5 Flex Panels Image Gallery

JS30 day05 - Flex Panels Image Gallery 作業內容 今天要做的是做出一個網頁，畫面上有五條欄位，我點擊其中一個他就會放大，並同時會有字從上方跟下方冒出來，再點一次他就會縮小 可以參考這份 CodePen 學到什麼 列點如下： CSS box-shadow 內陰影的效果還滿漂亮的 box-shadow: inset 0 0 0 5px rgba(2......

Posted by Anthony Chao on 2019-11-04

Javascript

JS30 day3 Update CSS variables

JS30 day03 - Update CSS variables 作業內容 今天要做的是做出一個網頁，裡面有張圖片，上面有兩個滑桿，一個選顏色的欄位，隨便改變其中一個，就會讓圖片的顏色 / 模糊度 / padding 跟著改變 HTML: 1234567891011121314<h2>Update CSS Variables with <span class='hl'&......

Posted by Anthony Chao on 2019-11-02

Javascript

JS30 day4 Array Cardio 1

JS30 day04 - Array Cardio 1 作業內容 今天的作業就比較無趣一點，是各種有關使用陣列運算的小挑戰，在練 JS 的陣列相關語法 作業內容跟做完之後的 code 如下： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455......

Posted by Anthony Chao on 2019-11-02

Javascript

JS30 day2 Clock

JS30 day02 - Clock 作業內容 今天要做的是做出一個網頁，裡面有個時鐘會表現出現在的時間，當然秒針 / 分針 / 時針也要跟著動 JS 的部分我放在下面這邊： 123456789101112131415161718192021const secondsHand = document.querySelector('.second-hand');const minsHand =......

Posted by Anthony Chao on 2019-11-01

Javascript

JS30 day1 Drum Kit

JS30 day01 - Drum Kit ###為什麼會想要做 JS30 呢？ 在看職缺的時候，因為看到很多公司要求同時寫過 Rails 又要會前端框架的能力，所以想要試試看前端框架，但在用框架之前，覺得自己對 JS 還太不熟惹～ 所以想要先做過 JS30 培養一下基礎的能力再來做個小專案練練 React JS 作業內容 今天要做的是做出一個網頁，可以按下 A ~ L 這排的按鍵發出不同的......

Posted by Anthony Chao on 2019-10-31

Javascript

Mock and Stub in test

測試中的 Mock 跟 Stub 代表什麼 Mock 跟 Stub 這兩個名詞，在我試圖寫有關第三方 API 的相關測試時，一直困擾著我，到底我現在用的是 mock 還是 stub?? 我並不能百分之百確定我講的是對的，但我希望能用比較有公信力的方法，用我自己能懂的語言理出一番頭緒 XD 首先我先參考 Everyday Rails Spec 這本書的內容，畢竟能出書的應該也能稱得上是位大大吧......

Posted by Anthony Chao on 2019-10-26

Rails

鐵人賽 30 天完賽感言"

完賽的第一句心得，必須一定要說一下： 看 Rails Guide 真的好催眠 R 真的就有點像在看家電使用說明的感覺，雖然有時候會覺得: Wow，竟然有這樣的功能啊，但過了一會還是覺得好想睡ＸＤ 不過也必須說，看 Rails Guide 對寫 Rails 來說的確是很有幫助的，雖然當下可能有點忘記如何使用，但會知道 Rails 有這樣的功能，也大概知道會是在哪裡可以找到使用說明，在這時候就會......

Posted by Anthony Chao on 2019-10-06

Rails

Active Record Query Interface part2

今天繼續來看看昨天沒看完的部分！ Active Record 搜尋的條件 純字串 我們在搜尋時，可以直接在條件使用字串 1Client.where("orders_count = '2'") 這個例子會抓出 order_count 是 2 的所有 customer 集合 Array Conditions (字串搜尋多條件) 除了使用字串之外，可以使用陣列的方式，陣列的第一個值放字串，......

Posted by Anthony Chao on 2019-10-05

Rails

FEATURED TAGS
Rails Javascript Life Ruby Devops Docker Cache Continuous Delivery Jenkins AWS Shell Kubernetes K8S Elixir Regular Expression SSH Apps Script GraphQL SQL AI Developer
ABOUT ME

喜歡彈吉他，打電動，看漫畫，調酒，煮菜，算是個多方位宅男

RECENT POSTS
FRIENDS
ARCHIVES
prevent_hack