大家好犀盟，我是前端西瓜哥萍桌。今天來隨意聊聊雪碧圖。 雪碧圖是什么？ 雪碧圖，英文原名叫 CSS sprites。 sprite 指的是精靈久橙。 我們喝的雪碧，它的英文也是 spri...
發(fā)簡(jiǎn)信
IP屬地：上海
-
什么叫 “雪碧圖”？ -
前端面試談：簡(jiǎn)歷通用注意事項(xiàng)大家好管怠，我是前端西瓜哥淆衷。 今天談簡(jiǎn)歷的一些比較通用的注意事項(xiàng)。其實(shí)都是些老生常談的東西渤弛，算是歸納整理一下吧祝拯。 簡(jiǎn)歷格式使用 pdf。因?yàn)?pdf 是一種通用的標(biāo)準(zhǔn)她肯，任何設(shè)備打...
-
TCP 和 UDP 有什么區(qū)別佳头？
大家好，我是前端西瓜哥晴氨，今天來聊聊 TCP 和 UDP 的區(qū)別康嘉。 TCP 和 UDP 都是 TCP/IP 協(xié)議簇中的比較有代表性的 傳輸層協(xié)議。這里的傳輸層負(fù)責(zé)為應(yīng)用程序提供...
-
TypeScript 中 type 和 interface 有什么區(qū)別籽前？
大家好亭珍，我是前端西瓜哥，今天我們來看看 type 和 interface 的區(qū)別枝哄。 type 和 interface type 是 類型別名肄梨，給一些類型的組合起別名，這樣能夠...
-
HTTP 中的常用狀態(tài)碼及使用場(chǎng)景大家好挠锥，我是前端西瓜哥众羡。今天我們來學(xué)習(xí) HTTP 中的常用狀態(tài)碼及使用場(chǎng)景。 作為前端蓖租，經(jīng)常需要從后端獲取數(shù)據(jù)纱控，所以對(duì) HTTP 的掌握也是很重要的。 其中 HTTP 狀態(tài)碼...
-
konva系列教程2：繪制圖形
大家好菜秦，我是前端西瓜哥，今天繼續(xù)學(xué)習(xí) konva舶掖。 konva 庫為我們提供了很多基礎(chǔ)的圖形球昨，我們來看看具體都有哪些。 繪制矩形（Rect） 我們用 Konva.Rect 構(gòu)...
-
konva 系列教程 1：konva 是什么眨攘？
konva 是一個(gè)對(duì) canvas API 做了封裝增強(qiáng)的 JavaScript 庫主慰。 HTML 原生的 canva 提供的 API 比較底層嚣州，用法上像是操縱一支畫筆進(jìn)行各種...
-
JS 中的 Event Loop 是什么？
大家好共螺，我是前端西瓜哥该肴，今天來認(rèn)識(shí)一下什么是 Event Loop。 Event Loop藐不，簡(jiǎn)單翻譯就是 事件循環(huán)匀哄，是 JS 語言下實(shí)現(xiàn)運(yùn)行時(shí)的一個(gè)機(jī)制。 JS 的異步并不像...
-
ahooks 的 useClickAway 在 React 17 中不工作了雏蛮！最近公司的前端項(xiàng)目從 React 16 升級(jí)到了 React 17涎嚼，導(dǎo)致 ahooks 的 useClickAway 不能按預(yù)期工作。 下面西瓜哥我就來說說到底發(fā)生了什么事挑秉。...
-
React 16 升級(jí)到 17 的一個(gè)坑：組件銷毀時(shí) ref 可能會(huì)被重置為 null
大家好法梯，我是前端西瓜哥。 最近公司的項(xiàng)目用的 React 從 16 升到了 17 版本犀概，選擇升級(jí)的原因是想以后將項(xiàng)目遷移到 Nextjs 上立哑。 結(jié)果發(fā)現(xiàn)因?yàn)?React 的行...
-
所見即所得的 markdown 編輯器：Typora大家好，我是前端西瓜哥姻灶。 我經(jīng)常寫技術(shù)文章铛绰，所以用的文本編輯器必須要稱手。作為一名從事前端開發(fā)的程序員木蹬，會(huì)更喜歡 markdown 這種格式至耻。 markdown markdo...
-
算法題解：判斷鏈表是否為回文鏈表
大家好，我是前端西瓜哥镊叁，今天來做一道算法題尘颓。 給一個(gè)單鏈表，判斷是否為回文鏈表晦譬。 所謂回文疤苹，就是左右值對(duì)稱相同的鏈表，比如 [1,2,1]敛腌、[1,2,2,1]卧土。而像 [1,2...
-
學(xué)習(xí) React.js 需要了解的一些概念
大家好，我是前端西瓜哥像樊。 React.js 是被廣泛使用的用于構(gòu)建用戶界面的 JS 庫尤莺。下面給大家介紹一下學(xué)習(xí) React 需要了解的一些概念。 聲明式 在 React 這類...
-
如何在團(tuán)隊(duì)內(nèi)做技術(shù)分享
大家好生棍，我是前端西瓜哥颤霎。 我所在的公司的前端部門，每周都會(huì)開周會(huì)，然后其中一個(gè)環(huán)節(jié)就是做技術(shù)分享友酱。我們是輪流每周一位前端同學(xué)做主持人晴音，且必須做技術(shù)分享，其他人則是選擇性分享缔杉。...
-
實(shí)現(xiàn)一個(gè)自定義 React Hook：useLocalStorageState
大家好锤躁，我是前端西瓜哥。 最近做需求或详，需要將數(shù)據(jù)保存到 localStorage 里系羞，在組件初始化的時(shí)候獲取，然后修改該值的時(shí)候鸭叙，要保存到本地的 localStorage 中...
-
JSONP 是如何實(shí)現(xiàn)跨域的觉啊？
大家好，我是前端西瓜哥沈贝。今天講 JSONP杠人。 JSONP，是 JSON with Padding 的縮寫宋下，字面上的意思就是 “填充 JSON”嗡善。JSONP 是解決跨域請(qǐng)求的一...
-
需要學(xué)習(xí)哪些東西，才能找到前端開發(fā)工作学歧？
在萬物皆可轉(zhuǎn)前端的當(dāng)下罩引，很多人好奇需要學(xué)習(xí)什么東西，才能找到一份前端開發(fā)工作枝笨。 西瓜哥今天就來說一說袁铐。 HTML 首先自然是前端三件套：HTML + CSS + JavaSc...
-
JS 中的類數(shù)組對(duì)象如何轉(zhuǎn)換為數(shù)組？
大家好横浑，我是前端西瓜哥剔桨，今天說一下 JS 的類數(shù)組對(duì)象是什么，以及如何將類數(shù)組對(duì)象轉(zhuǎn)為數(shù)組徙融。 類數(shù)組對(duì)象是什么洒缀？ 類數(shù)組對(duì)象，就是含有 length 屬性的對(duì)象欺冀，但這個(gè)對(duì)象不...
-
如何使用 CSS 自定義無序列表樣式
大家好树绩，我是前端西瓜哥。 前段時(shí)間實(shí)現(xiàn)了個(gè)自定義無序列表樣式隐轩，踩了一些坑饺饭，和大家說說。 設(shè)計(jì)師說我們這個(gè)职车，列表項(xiàng)樣式要優(yōu)化一下砰奕，太丑了蛛芥，這個(gè)原點(diǎn)要大一點(diǎn)。 默認(rèn)的無序列表樣式...
-
CSS 中的 BFC 是什么军援？大家好，我是前端西瓜哥称勋。今天來學(xué)習(xí) BFC胸哥。 BFC，為 Block Formatting Context 的縮寫赡鲜，中文翻譯為 塊格式上下文空厌。 BFC 是 Web 頁面 CS...