大家好，我是前端西瓜哥。今天来随意聊聊雪碧图。 雪碧图是什么？ 雪碧图，英文原名叫 CSS sprites。 sprite 指的是精灵。 我们喝的雪碧，它的英文也是 spri...
发简信
IP属地：上海
-
什么叫 “雪碧图”？ -
前端面试谈：简历通用注意事项大家好，我是前端西瓜哥。 今天谈简历的一些比较通用的注意事项。其实都是些老生常谈的东西，算是归纳整理一下吧。 简历格式使用 pdf。因为 pdf 是一种通用的标准，任何设备打...
-
TCP 和 UDP 有什么区别？
大家好，我是前端西瓜哥，今天来聊聊 TCP 和 UDP 的区别。 TCP 和 UDP 都是 TCP/IP 协议簇中的比较有代表性的 传输层协议。这里的传输层负责为应用程序提供...
-
TypeScript 中 type 和 interface 有什么区别？
大家好，我是前端西瓜哥，今天我们来看看 type 和 interface 的区别。 type 和 interface type 是 类型别名，给一些类型的组合起别名，这样能够...
-
HTTP 中的常用状态码及使用场景大家好，我是前端西瓜哥。今天我们来学习 HTTP 中的常用状态码及使用场景。 作为前端，经常需要从后端获取数据，所以对 HTTP 的掌握也是很重要的。 其中 HTTP 状态码...
-
konva系列教程2：绘制图形
大家好，我是前端西瓜哥，今天继续学习 konva。 konva 库为我们提供了很多基础的图形，我们来看看具体都有哪些。 绘制矩形（Rect） 我们用 Konva.Rect 构...
-
konva 系列教程 1：konva 是什么？
konva 是一个对 canvas API 做了封装增强的 JavaScript 库。 HTML 原生的 canva 提供的 API 比较底层，用法上像是操纵一支画笔进行各种...
-
JS 中的 Event Loop 是什么？
大家好，我是前端西瓜哥，今天来认识一下什么是 Event Loop。 Event Loop，简单翻译就是 事件循环，是 JS 语言下实现运行时的一个机制。 JS 的异步并不像...
-
ahooks 的 useClickAway 在 React 17 中不工作了！最近公司的前端项目从 React 16 升级到了 React 17，导致 ahooks 的 useClickAway 不能按预期工作。 下面西瓜哥我就来说说到底发生了什么事。...
-
React 16 升级到 17 的一个坑：组件销毁时 ref 可能会被重置为 null
大家好，我是前端西瓜哥。 最近公司的项目用的 React 从 16 升到了 17 版本，选择升级的原因是想以后将项目迁移到 Nextjs 上。 结果发现因为 React 的行...
-
所见即所得的 markdown 编辑器：Typora大家好，我是前端西瓜哥。 我经常写技术文章，所以用的文本编辑器必须要称手。作为一名从事前端开发的程序员，会更喜欢 markdown 这种格式。 markdown markdo...
-
算法题解：判断链表是否为回文链表
大家好，我是前端西瓜哥，今天来做一道算法题。 给一个单链表，判断是否为回文链表。 所谓回文，就是左右值对称相同的链表，比如 [1,2,1]、[1,2,2,1]。而像 [1,2...
-
学习 React.js 需要了解的一些概念
大家好，我是前端西瓜哥。 React.js 是被广泛使用的用于构建用户界面的 JS 库。下面给大家介绍一下学习 React 需要了解的一些概念。 声明式 在 React 这类...
-
如何在团队内做技术分享
大家好，我是前端西瓜哥。 我所在的公司的前端部门，每周都会开周会，然后其中一个环节就是做技术分享。我们是轮流每周一位前端同学做主持人，且必须做技术分享，其他人则是选择性分享。...
-
实现一个自定义 React Hook：useLocalStorageState
大家好，我是前端西瓜哥。 最近做需求，需要将数据保存到 localStorage 里，在组件初始化的时候获取，然后修改该值的时候，要保存到本地的 localStorage 中...
-
JSONP 是如何实现跨域的？
大家好，我是前端西瓜哥。今天讲 JSONP。 JSONP，是 JSON with Padding 的缩写，字面上的意思就是 “填充 JSON”。JSONP 是解决跨域请求的一...
-
需要学习哪些东西，才能找到前端开发工作？
在万物皆可转前端的当下，很多人好奇需要学习什么东西，才能找到一份前端开发工作。 西瓜哥今天就来说一说。 HTML 首先自然是前端三件套：HTML + CSS + JavaSc...
-
JS 中的类数组对象如何转换为数组？
大家好，我是前端西瓜哥，今天说一下 JS 的类数组对象是什么，以及如何将类数组对象转为数组。 类数组对象是什么？ 类数组对象，就是含有 length 属性的对象，但这个对象不...
-
如何使用 CSS 自定义无序列表样式
大家好，我是前端西瓜哥。 前段时间实现了个自定义无序列表样式，踩了一些坑，和大家说说。 设计师说我们这个，列表项样式要优化一下，太丑了，这个原点要大一点。 默认的无序列表样式...
-
CSS 中的 BFC 是什么？大家好，我是前端西瓜哥。今天来学习 BFC。 BFC，为 Block Formatting Context 的缩写，中文翻译为 块格式上下文。 BFC 是 Web 页面 CS...