在這系列的前幾篇文章著重在個體,探討了網頁端是怎麼由 HTML 組成以及透過 CSS 長成什麼樣子,這篇文章會來介紹前後端溝通的重要觀念 API。 什麼是 AP...
從搶票按鈕談怎麼使用開發人員工具來 Debug/Hack 你的網頁,並且介紹網頁開發中 HTML/CSS/JavaScript/API Debug 技巧與方法。...
npm 介紹 什麼是 npm? npm 是 Node Package Manager 的縮寫,是 Node.js 預設的 node 套件管理平台,npm 本機端...
layout: posttitle: "前端 AJAX 全攻略"subtitle: "從把妹角度理解前後端如何和平相處"...
小編在另外兩篇文章分別介紹了什麼是 API和 API 系統設計方法,談了許多 API 概念上的東西。 這篇文章會從實作的角度用 JavaScript、Java、...
在另外一篇文章小編介紹了透過非同步 AJAX 的方式跟伺服器進行溝通,那需要即時的同步溝通怎麼辦? 這篇文章接著會介紹可以做到網頁即時通訊服務的技術: Lon...
在版本控制系統中 Monorepo 和 Polyrepo 分別是兩種用來管理模組化程式碼的軟體開發策略。 以男女之間來說,就像是金錢是要分開管理 (Poly)...
為什麼需要 Cookie 在前兩篇文章小編介紹了非同步 AJAX和網頁即時通訊技術,可以發現前後端 API 的溝通只關注在 "傳入" 和 &...
偷吃完都有記得擦嘴嗎?! 背地裡在檯面下做了一些事情又不想被發現或影響另一半怎麼辦?! 有沒有辦法自動化的把相關痕跡去除或隱藏?! 當然正常情況下是要盡量避免做...
當我們使用 JavaScript 開發時,常常會需要使用 npm 進行 node_modules 的安裝,相關的使用說明可以參考前一篇寫的 NPM 常用指令教學...
測試這件事情是為了一致性,為了不讓伴侶不信任,在男女之間交往一致性也是很重要的一環。 在日常的對話和相處過程中,彼此都會透過些方法來確認, John Rempe...
前端的框架跟函式庫百百種,究竟該怎麼選? 其實這跟伴侶的選擇有點像,要選當下適合我們的而非一昧的追求最好,當需求與供給沒辦法對應時,勉強別人接受並不公平,勉強自...
API 重要的是訊息交換,在意的是傳入和傳出,就像談戀愛的時候,要知道對方問了什麼問題可能是對你有好感,而又該怎麼應對。 API 在系統設計上通常是為了讓團隊合...
隨著 CSS 開始越來越複雜,由於 CSS 語法受限而發展出了 CSS Pre-/Post-processors (預處理和後處理) 來拓展和優化寫法。 什麼是...
小編曾介紹過 CSS 的設計模式,這篇就讓小編開箱那些年小編曾體驗過的 CSS 主流框架: Tailwind CSS PureCSS Bootstrap an...
模組可以理解是在情場小白在跟女孩相處的過程中卻意外擁有把妹高手前同事提供的 "教戰守則",同事總會在一些時間、情境時告訴你一些小撇步讓男女之...
什麼是 CSS in JS CSS in JS 解決了 CSS 命名的問題。 由於 component-based 的概念興起元件開發成為顯學,CSS in J...
什麼是 HTML 底下用三句話來說明什麼是 HTML HTML (HyperText Markup Language) 是一種基礎技術是 “標記” 語言。 H...
經過了一陣子的學習,小編認為有 8 個寫 JavaScript 前可以思考的問題,這就好像談戀愛前,我們必須 ? 理解自己是什麼特質的人? 懂得發揮自己的特長和...
前幾年在小編當工程師時常常逛 Github,發現有些人會利用這個空間來開部落格,於是稍微研究後就決定動手做一個,也就是大家現在所看到的前端三分鐘。 在另外一篇文...
亂寫 CSS 有比亂化妝好嗎? 如果說 CSS 是主掌網頁外表的一個角色,亂寫 CSS 就相當於亂化妝的概念。 CSS 在撰寫上,整體來說是圍繞在處理特異性 S...
不會寫程式也可以架設網站甚至賺錢?! 隨著科技的進步,答案是可以的。 近年來各種軟體都轉換成服務的形式 (SaaS),透過網路就可以存取和使用並達到預期結果。...
本篇文章將提到怎麼透過 BEM、SMACSS、OOCSS、Atomic CSS 的特性來: 縮短開發時間 減少需維護的程式碼 結構與樣式 CSS 選擇器和規...
VS Code Extensions VSCode 的市集提供了相當多的 Extensions 能增進工程師的開發效能,Extensions 就像把妹神器,會幫...
網站由網頁組成,網頁是構成網站的基本元素,網頁會是以檔案形式存放在伺服器。 網頁構成 HTML:透過標籤描述網頁架構與組成 CSS:視覺呈現,像是設定設置版面...
專案資料夾架構 今天談談專案資料夾的結構,在還沒開始寫任何程式前,可以思考的是檔案要怎麼收納。 不知道各位情場高手都怎麼收納前男友或前女友們的禮物呢? 是按照物...
什麼是 LinkTree LinkTree 是一頁傳送門,透過 IG 的個人檔案連結來做相關行銷與各平台的串聯。 透過 LinkTree 整合 Facebook...
CSS 層疊樣式表 CSS (Cascading Style Sheets) 層疊樣式表,不像 HTML 一樣是標記語言,也不是標準的程式語言,但在 SCSS、...
Git 版本控制 Git 本身是一個分散式 (一個遠端和很多本地端) 的版本控制工具,會把每次提交的內容 (commit) 用快照透過校驗碼標示並儲存起來,校驗...
前後端分離或是在一起間接影響網頁渲染的方式,常見的渲染形式會有用戶端渲染 (CSR) 和伺服器端渲染 (SSR) 兩種。 這就好像男女朋友是否同居一樣,會大大影...