原创 從ES6到ES10的新特性萬字大總結(不得不收藏)

從ES6到ES10的新特性萬字大總結(不得不收藏) 作者:陳大魚頭 github: KRISACHAN 介紹 ECMAScript是一種由Ecma國際(前身爲歐洲計算機製造商協會)在標準ECMA-262中定義的腳本語言規範

原创 Web開發中最該知道卻從不重視的 —— Accessibility

作者:陳大魚頭 github: KRISACHAN 什麼是Accessibility? 圖片來自WHAT DOES A11Y EVEN MEAN? Accessibility,通常縮寫爲 A11Y ,這縮寫取的是首字母

原创 像監聽頁面一樣監聽戈多的動態

作者:陳大魚頭 github: KRISACHAN 不知道各位童鞋有木有看過 《等待戈多》 這部出名的荒誕戲劇 。其劇情大概就是 戈戈 與 狄狄 等待 戈多 的過程中發生的一些瑣事,一共兩幕。等了這麼多年,也不知道 戈多

原创 我的 Input框 不可能這麼可愛

作者:陳大魚頭 github: KRISACHAN <input /> 標籤是我們日常開發中非常常見的替換元素了,但是最近在刷 whattwg 跟 MDN 的時候發現 跟 <input /> 有很多相關的屬性,選擇器都沒怎

原创 前端進階必備 — 手撕排序算法

  作者:陳大魚頭 github:https://github.com/KRISACHAN 算法是什麼? 算法(Algorithm) 已經是一個老生常談的概念了,最早來自於數學領域。 算法(Algorithm) 代表着用系

原创 【Hello CSS】第四章-HTML的標籤與語意

作者:陳大魚頭 github: KRISACHAN 上一篇分享了CSS的邏輯屬性與盒子模型中分享了一些有關設備屏幕的知識以及瀏覽器視口的座標構成。本篇則會分享HTML相關的一些知識。 我們在序章的開頭就簡單的講解了HTML

原创 【Hello CSS】第九章-如何畫一個體驗更好的動畫?

作者:陳大魚頭 github: KRISACHAN 在上一節中, 不走心 地畫了一些 CSS圖案 ,本節就繼續不走心地 畫動畫 。 CSS的動畫屬性 在CSS中,animation 、 transition 跟 tran

原创 提升開發幸福感的10條JS技巧

作者:陳大魚頭 github: KRISACHAN 魚頭總結一些能夠提高開發效率的JS技巧,這些技巧很實用,覺得挺好,想推薦給大家,所以有了這篇文章。 生成隨機UID const genUid = () => { va

原创 框架更新這麼快,到底怎麼學?

現在前端發展越來越快,前端科技樹越點越深,TC39 委員會在不斷審議着各種提案,ECMAScript 標準每年推出新的語言規範,瀏覽器的版本在不斷迭代推進新的技術方案,新的業務落地場景在不斷興起….1. 前端浪潮底層依賴不斷變化,隨之而

原创 【Hello CSS】第八章-CSS圖形

作者:陳大魚頭 github: KRISACHAN 前言 上一節留了一個問題:“爲什麼 currentColor 是駝峯命名?”。 其實也有小夥伴答對了,原因就是因爲 currentColor 是作爲 SVG 的屬性值存在

原创 前端進階之什麼是BFC?BFC的原理是什麼?如何創建BFC?

作者:陳大魚頭 github: KRISACHAN 盒模型 The CSS box model describes the rectangular boxes that are generated for element

原创 【Hello CSS】第六章-文檔流與排版

作者:陳大魚頭 github: KRISACHAN 正常流 什麼是“正常流”? 其實就是我們日常所說的“文檔流”。 在W3C官方文檔裏對應的是“normal flow”。 正常流的盒子屬於格式化上下文(FC),在CSS

原创 2019.7.15 - 7.21 我們 36人都學了些什麼?

作者:陳大魚頭 github: KRISACHAN 如果不希望職業生涯過早結束,持續學習對於開發者來說是必不可少的。 最近《前端面試之道》的作者爲了讓一些人能在這塊地方記錄自己學習到的內容而建立起了一個學習倉庫。 倉庫地址

原创 前端預渲染機制引入實踐

週末想順便把已經做好靜態頁面的webApp項目做一下SEO優化,由於不想寫蹩腳的 SSR 代碼,所以準備採用預渲染,本來想着網上有這麼多預渲染的文章,隨便找個來跟着做不就完了嘛,結果年輕的我付出了整個週末..... 這篇文章就記錄一下最

原创 【Hello CSS】第一章-CSS的語法與工作流

作者:陳大魚頭 github: KRISACHAN 在上一篇【Hello CSS】的序章CSS起源中介紹了CSS的誕生原因以及發展歷史,瞭解了CSS的存在意義。從正篇篇開始將會正式開始介紹CSS這門語言的特點與功能。本篇則