Secret Note

react component重構心得分享

發表於 2019-03-12 分類於 Frontend ， React 文章字數： 1k 所需閱讀時間 ≈ 4 分鐘

最近在寫新的功能時，因為有些跟舊有的功能有關係，所以一定會去改到原本的code，沒去看都不知道，看了大罵WTF，這也太噁心了吧…

寫過react的人都知道，component分為兩種，一個是class component，而另一個就是pure component，不管用哪一種，不知道各位可以接受一個js(x)的行數有多少，或者更精準的是render幾行內你可以接受

發表於 2019-03-03 分類於 Frontend ， JavaScript 文章字數： 660 所需閱讀時間 ≈ 2 分鐘

前幾天收到QA開的一個bug，是關於日期時間顯示的錯誤，因為開發習慣都是以chrome為主，所以沒特別發現問題，結果QA是在firefox使用而發現的bug，經過追查以後才發現是字串轉成日期格式有問題

發表於 2019-02-25 分類於 Frontend ， RxJS 文章字數： 550 所需閱讀時間 ≈ 2 分鐘

昨天看了一部影片，是由大神Ben介紹expand的功能

這篇是跟著實作並且去理解使用，將透過pagination的應用來做介紹，每頁10筆，假設不確定會有幾頁，要全部都拿回來的話可以怎麼實作

發表於 2019-02-19 分類於 Frontend ， GTM 文章字數： 825 所需閱讀時間 ≈ 3 分鐘

最近有一個需求是在特定頁面要加上content group的資料，很多的功能用GA都還蠻簡單，但是用了GTM就會變得比較複雜一點，今天來分享一下用GTM怎麼完成這個需求

發表於 2019-02-15 分類於 Frontend ， Testing 文章字數： 692 所需閱讀時間 ≈ 3 分鐘

quokka是一個測試工具，支援蠻多的編輯器，可以直接即時的就看到結果，所以大部分都是開發或是測試的時候可以拿出來使用

在使用webpack作為打包編譯的工具的時候，有一些設定會讓quokka看不懂，這邊就來介紹一下怎麼設定

發表於 2019-01-09 分類於 Frontend ， React 文章字數： 1.5k 所需閱讀時間 ≈ 6 分鐘

系列文終於要來到最終章，前面的每一個都是重要的元素，但要怎麼整合起來會在這篇完整的交代

發表於 2019-01-08 分類於 Frontend ， React 文章字數： 2.3k 所需閱讀時間 ≈ 8 分鐘

crop系列之第n篇，這篇要來說怎麼用rxjs來實作drag並且要支援手機的touch行為

發表於 2018-12-25 分類於 Frontend ， CSS 文章字數： 584 所需閱讀時間 ≈ 2 分鐘

crop系列文之3，今天要來說一下怎麼用css的方式做一個四周有遮罩中間一個50*50的圓是亮的功能

發表於 2018-12-22 分類於 Frontend ， canvas 文章字數： 873 所需閱讀時間 ≈ 3 分鐘

這是接續前一篇[crop系列] 1 scale和position的糾葛的系列之二，前面有提到說要做圖片剪裁，經過了drag和scale後，只要留下一個區塊是我們要的，這時候canvas就出現啦

發表於 2018-12-20 分類於 Frontend ， CSS 文章字數： 514 所需閱讀時間 ≈ 2 分鐘

最近剛做完一個功能是圖片上傳剪裁(要支援drag和scale)，晚點會把全部整理起來，先來分享一個小東西
當我們有一個block要做scale，那這時候的position會是？