❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的前端學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2022. All rights reserved.
「Visual Testing」MOPCON 2022 逐字稿，歡迎搭配投影片與範例一同服用。
October 15, 2022 visual testing Storybook Percy MOPCON Mixtini Cypress Chromatic 打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵 visual regression testing Unit Test Jest Integration Test GitHub Actions GitHub End-to-End Testing cypress.io CI/CD 整合測試 單元測試 視覺測試 自動化測試 趨勢科技 Trend Micro pull request sharing · 留言
MOPCON 逐字稿
October 24, 2021 Core Web Vitals Web Vitals SEO 搜尋引擎優化 效能調校 MOPCON Firebase Performance Firebase Image Optimization Lighthouse Loading Performance lighthouse-cli sharing 加載效能 圖片最佳化 趨勢科技 Trend Micro Real User Monitoring Synthetic Monitoring 打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵 Mixtini 前端效能 系列文 · 留言
Tipping Point Front-End Case Study and Practice: CSS
June 24, 2021 Tonic Styled UI styled-system styled-components BEM CSS Modules CSS in JS css Modern Web Loading Performance Responsive Web Design 響應式網頁 加載效能 趨勢科技 Trend Micro sharing · 留言
參加 91 Unit Testing 單元測試實戰操練營的簡單筆記。
March 29, 2021 單元測試 Unit Test 自動化測試 Jest 趨勢科技 Trend Micro sharing · 留言
本文說明 Lighthouse 以使用者為出發點來探討效能的指標。
September 7, 2020 Lighthouse Web Vitals Core Web Vitals 效能調校 Loading Performance 加載效能 RAIL sharing Synthetic Monitoring active monitoring Real User Monitoring passive monitoring 趨勢科技 Trend Micro 前端效能 系列文 · 留言
本文主要由此投影片「Start your app the better way with Styled System」之講稿改寫。本文會從 CSS 歷史開始談起，接著會來看過去我們在使用元件庫上遇到的問題，以及怎麼使用 Styled System 來解決這些問題。
February 25, 2020 styled-system styled-components BEM CSS Modules CSS in JS css End-to-End Testing Media Query Modern Web Loading Performance Responsive Web Design react.js webpack 自動化測試 響應式網頁 加載效能 sharing · 留言
利用 Styled System 建立一個更好的 UI 元件庫！
November 30, 2019 styled-system styled-components OOCSS BEM SMACSS CSS Modules CSS in JS css Bootstrap Critical Rendering Path End-to-End Testing Loading Performance Media Query Modern Web Rendering Performance Responsive Web Design react.js webpack 加載效能 效能調校 自動化測試 轉譯效能 關鍵轉譯路徑 響應式網頁 sharing 趨勢科技 Trend Micro · 留言
本文會先從為何要做表單狀態管理說起，接著看目前市面上有哪些好的表單函式庫和條列挑選原則，並探討三個表單函式庫 Redux Form、React Final Form、Formik & Yup，最後做比較和總結。
April 30, 2019 react.js react.js form redux virtual dom sharing · 留言
本篇文章主要是將去年底今年初參加「2018 iT 邦幫忙鐵人賽」與後續在 VueJS 台灣 meetup 201803@五倍紅寶石所分享的文件做收納整理。
March 26, 2018 Nightwatch Nightwatch101 Selenium Selenium WebDriver End-to-End Testing 鐵人賽 2018鐵人賽 自動化測試 sharing Nightwatch101 2018 iT 邦幫忙鐵人賽 系列文 · 留言
這篇文章將我到目前為止的 SEO 相關操作整理為搜尋引擎優化指南 (SEO Guideline)，它是一套針對搜尋引擎優化網站的執行準則，每個崗位執行特定的工作即可讓網站有一定的效果，並且這樣的優化過程是可以被評估、回饋與持續改進的；而系統化的實行也有助於將有限資源做最大利用，以得到最好的效果，例如：提高點閱率、排名等。
May 17, 2014 SEO 搜尋引擎優化 結構化資料 複合式摘要 關鍵字經營 資訊架構 標籤系統 RSS sitemap social meta tags structured data rich snippets social plugin sharing SEO101 · 留言