第 15 页

超出界线符号

如何解决网页中莫名其妙出现 x 轴的问题

响应式网页内的内容像水一样,顺应着浏览器的尺寸(容器)自动填装,只要内容挤破容器就会产生x 轴,因此解决方法无疑就是「找出网页中超出浏览器宽度的元素」。这是大多数人困惑的地方「知道问题点,但是不知道怎么下手 🥺」。实际上这个问题的解决方法很简单,本篇文章提供提供两种解决方案。

超出界線符號

怎麼解決網頁中莫名其妙出現 x 軸的問題

響應式網頁內的內容像水一樣,順應著瀏覽器的尺寸(容器)自動填裝,只要內容擠破容器就會產生 x 軸,因此解決方法無疑就是「找出網頁中超出瀏覽器寬度的元素」。這是大多數人困惑的地方「知道問題點,但是不知道怎麼下手 🥺」。實際上這個問題的解決方法很簡單,本篇文章提供提供兩種解決方案。

箱子符號

网页就是一堆箱子组成的概念:CSS 盒模型

唯有了解盒模型才能开始学习更多网页切版布局的技巧,本文由内至外拆解盒模型,并且解说相关的特性与属性。如果你对于网页有这么多间距可以被调整所困惑,或是初入门 CSS 我都非常推荐要先理解 CSS 的盒模型概念,网页其实就是一堆箱子组成的概念。

箱子符號

網頁就是一堆箱子組成的概念:CSS 盒模型

唯有了解盒模型才能開始學習更多網頁切版布局的技巧,本文由內至外拆解盒模型,並且解說相關的特性與屬性。如果你對於網頁有這麼多間距可以被調整所困惑,或是初入門 CSS 我都非常推薦要先理解 CSS 的盒模型概念,網頁其實就是一堆箱子組成的概念。

重疊卡片符號

給初學者的 Jamstack 介紹

瀏覽器已經不再是簡單的文件閱讀器,而是一個完整的平台,用戶期望網頁變得像應用程式一樣使用起來絲滑流暢,你可能在近期會很常聽到 Jamstack 這個詞彙,簡單來說它是一種現代建構網頁應用的方式。藉由這篇入門文章你可以了解:為什麼需要它?以及如何實踐這項技術。

撰寫符號

從我的經歷與錯誤中學會如何經營網站

「為什麼想經營網站?」在製作之前要好好想清楚這件事,製作網站與經營網站是完全不同的技能。舉我自己的部落格「網頁東東」為例,直到近期才比較有「寫部落格」這件事究竟是什麼的體會,透過探討分析我自己經營網站內外動力,希望能幫助你重新思考自己經營網站的真正的目標與動機。

插座符号

学习使用 Hoppscotch 测试 API(附图)

Hoppscotch 是一个线上工具,可以让你在浏览器上迅捷的测试后端提供的 API。很常遇到到后端的文件就直接上手写程式,导致在写程式的时候常常疏漏许多问题,像是请求方式错误、少夹带参数、网址错误、资料不存在……等,因此我都会建议先熟悉怎么用现成的工具来测试 API,使用图形化的介面可以更直观的管理API 们。

插座符號

學習使用 Hoppscotch 測試 API(附圖)

Hoppscotch 是一個線上工具,可以讓你在瀏覽器上迅捷的測試後端提供的 API。很常遇到到後端的文件就直接上手寫程式,導致在寫程式的時候常常疏漏許多問題,像是請求方式錯誤、少夾帶參數、網址錯誤、資料不存在……等,因此我都會建議先熟悉怎麼用現成的工具來測試 API,使用圖形化的介面可以更直觀的管理 API 們。

旋轉箭頭中間有一顆星星符號

什麼是 React Hook?和一般的函式又差在哪?

React Hook 是 React 16.8 版本新增的功能,可以讓你在不寫 class 的情況下使用 React 的功能。「要如何區分 Hook 與方法的差別?什麼情況下在 React 裡稱為 Hook?什麼時候才只能稱為方法?」於是寫這篇文章來解釋清楚。

機器人符號

就算被 AI 取代也沒差

來寫寫對 AI 的看法,以及我如何對面對恐懼的方法與心得,如何保持一致步調學習前進。寫這篇文章主要是想傳達如何面對生活態度,正好社會上最新的恐懼「AI 取代人類」這樣的聲音正在增長,這樣的想法不只在前端,也在許多領域都有類似的聲音,像是:「繪師要被淘汰了!」、「作家要被淘汰了!」、「某某行業要被淘汰了!」屬不勝數……