跳至主要内容

9 篇文章 含有標籤「前端」

前端的相關整理

檢視所有標籤

運用演算法與資料結構的 Tree 及 DFS 來實作 Tree View

· 閱讀時間約 3 分鐘
阿昇
Software Engineer

(2026/08/18 更新內容)

此篇為舊文章,我已經另外整理資料結構與演算法的筆記,可以參考資料結構與演算法

預備知識

了解本文內容之前需要具備的 prerequisite:

  • JavaScript 基礎知識及 ES6 語法
  • 遞迴
  • Tree
  • Tree Traversal

前言

近年來有許多人轉職當軟體工程師,其中網頁前端又是最熱門的選項,而前端工程師的工作內容多是處理 UI 切版、串 API 以及優化效能等等,所以有許多人認為前端不需要懂演算法與資料結構。

我在自學演算法與資料結構時,原先也覺得這只是用來應付面試的技能,直到最近在工作上實際運用到相關內容,這才了解到學習這些知識的優點。

這篇文章會實作一種常見的 UI Component: Tree View,藉此來分享如何將電腦科學的基礎知識運用在實務上。

Introduction to Web Accessibility

· 閱讀時間約 8 分鐘
阿昇
Software Engineer

What is Accessibility?

In general

Accessibility can be viewed as the "ability to access" and benefit from some system or entity. The concept focuses on enabling access for people with disabilities, or enabling access through the use of assistive technology; however, research and development in accessibility brings benefits to everyone.

A wheelchair accessible taxi with a rear ramp

Using styled-components to build a corporate landing page

· 閱讀時間約 5 分鐘
阿昇
Software Engineer

I am a front-end engineer of OmniSegment, and our team are dedicated to improving marketing effectiveness of our customers.

Recently, I took the job of renewing our corp landing page. Although building a static web page is not complicated, there are something deserved to be recorded at this moment, and perhaps this post can help others in the future.

height: 100% 在 Safari 失效

· 閱讀時間約 2 分鐘
阿昇
Software Engineer

前言

以這篇文章作為開始,隨意記錄開發時遇到的坑。

問題描述

最近負責公司產品的一個 UI 切版,其中一部分的排版出了問題。

我在 CSS 設置 height: 100%;,在 Chrome 瀏覽器看到的狀況是這樣

但是在 Safari 上看到的卻是這樣

很明顯下面那三塊(渠道資訊、訂閱狀態、國家)的下緣沒有貼齊,顯然是不同瀏覽器出現的差異。

半年學習成為前端工程師

· 閱讀時間約 17 分鐘
阿昇
Software Engineer

同步發佈於個人 Medium 半年學習成為前端工程師

原本只是想盡量客觀地描述自己的學習心得,後來轉念決定多描述自己的狀況還有主觀的想法,讓所有學習程式語言或網頁開發的人更了解無經驗學程式的心路歷程。

更重要的是,這篇文章也是寫給自己看的,透過寫文章好好回味過去半年的學習時光,也方便未來的我回憶起此時此刻的想法/感受。

再次重申,這篇主要描寫心得而不是要學什麼,如果想知道要學什麼,可以參考 Learn to become a modern frontend developer程式導師實驗計畫第四期

按慣例(?,先來首歌吧 Bon Jovi - Livin' On A Prayer