Taiyi's Blog

Taiyi 目前正在鉅亨擔任前端打工仔

鉅亨網新聞專案改版

July 14, 2023
  • Work

目錄 改版原因 Tech Stack 建立專案 Next13 結論改版原因 鉅亨網新聞網站大約是2017做了一次改版,當時使用的相關技術是Node8, React15, Redux與前人找了一個使用Express實作Server Side Render…

Bit Manipulation

March 17, 2023
  • Leetcode

找到最低位的1 消掉最低位的1 檢查是不是 XOR Swap two varibles Reference Bit manipulation Bitwise operation Bit Twiddling Hacks

將UI元件庫發佈到Gitlab上

March 02, 2023

要怎麼把公司UI共用元件庫打包發佈讓所有專案能夠使用又不希望上傳到公開的元件庫? 一般下載套件如使用yarn作為套件管理工具都是到公開元件 https://yarnpkg.com…

Husky

February 03, 2023

幫助使用者在commit階段做一些預先檢查,例如要通過測試才能commit, 程式碼排版, lint檢查等等。 安裝 插入shell script 在commit時,就會依照不同階段執行,等動作 中斷Commit檢查 怎麼運作的 husky install…

常用快捷鍵

January 17, 2023
  • Editor

Vscode 視窗 在右側視窗開啟檔案 openInNewWindow 開關檔案目錄 開關command line…

TypeScript

November 25, 2022
  • TypeScript

React元件範例 參考 [YouTube] Typescript for React Components From Beginners to Masters 常見的React Type FC 常見於Component回傳型態, 定義Component回傳型態為,是一個FC…

鉅亨網前端工作一年心得

October 31, 2022
  • Work

前言 在 2021 九月底開始在鉅亨前端工作,是我的第二份工作。 第一份工作是在接案公司,會離職是覺得接案公司的文化沒辦法長期累積經驗,沒有完整的開發流程,Code Review…

ES6-ES12

August 31, 2021
  • JS

ECMAScript Language Specification Content ES6 (ECMAScript 2015) ES7 (ECMAScript 2016) ES8 (ECMAScript 2017) ES9 (ECMAScript 2018) ES1…

Linux 核心設計 2021q1 Homework1 (lab0)

March 22, 2021
  • C

作業說明 課程連結 J01: lab0 取得作業程式碼sysprog21/lab0-c 作業目標 透過 linked list 實作 queue 的各種操作方法 new queue free queue insert head insert tail remove head…

CS50

March 03, 2021
  • Course

Portal edX CS50’s Introduction to Computer Science cs50 中文討論區 fackbook groups CS50 CS50 IDE CS50 Docs CS50 Github Week 0 : Scratch…

Graphql setup

December 17, 2020
  • Graphql

第一次遇到 Graphql 是第一個專案,專案用到的技術前端是 React,後端是 Graphql。我負責前端畫面和串接後端 API,後端是使用 Graphql,所以前端就需要用Graphql-Client來和後端溝通。 後端的樣子會長的像Graphql Playground…

Dynamic Programming

September 21, 2020
  • Algorithms
  • DP

Dynamic Programming 在寫遞迴時,subset 常常被重複計算造成浪費時間。DP 使用一張表紀錄已經計算過得 subset,若要計算的函數已經出現過在表上,則直接查表不需要再重新計算。 例如使用遞迴計算 Fibonacci…

Palindromic Substrings

September 21, 2020
  • Algorithms
  • DP

Palindromic Substrings palindromic 回文,字串由左至右讀和由右至左讀結果相同。e.g. “abba”, “abbcbba”。 計算在字串中有多少個回文 作法 DP 建立一張表分別紀錄長度為 1 時的結果,長度為 2 時的結果,…,長度為 n…

Kruslal's Minimum Spanning Tree

September 13, 2020
  • Algorithms
  • Tree

Minimum Spanning Tree (最小生成樹) 所有節點都要連通,且邊的權重總和最低。 邊的數量為節點數-1 Kruskal’s Algorithms 步驟: 將所有邊依照權重(weight)做排序 將邊依序由權重小至大加入到圖中,若加入的邊產生迴圈(cycle…

Big O

September 07, 2020
  • Algorithms

Big O 是用來評估演算法效率的漸進符號(Asymptotic Notation)。 時間複雜度 漸進符號 O big O upper bound big omega lower bound theta average bound 假設實作出來的 f(n…

如何製作口罩地圖(React+Leaflet)

February 15, 2020

練習範例 Example Demo 1. 安裝 React 環境 2. 建立一個 Component 建立檔案,用來呈現地圖的 Component 將建立的 Maskmap 元件在 App 中使用。 呈現結果 3.載入 Leaflet 地圖 使用 OpenStreetmap…

WebSearching

March 07, 2017
  • 學校課程

課本: Introduction to Information Retrieval CH8 Evaluation in information retrival 評量 search engine 好壞 搜到的 index…

SocialCloudComputing

February 25, 2017
  • 學校課程

Outline Social Network Centrality Analysis Community DetectionLink PredictionLabel PredictionInformation Diffusion Role/Postion Analysis…