即时通讯的设计过程中，细节颇多，而且UI实现也有许多讲究，本篇文章通过对接腾讯IM即时通讯API，实现一个自定义的即时通讯组件，内有详细的设计思路~

生活是一个整体，工作只是其中一部分，只是我们养家糊口的一个手段。工作以外的其他部分应该更加重要，例如业余爱好、饮食、休息、娱乐、家庭等。

> 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难怪网速变慢了呢😁😁。

优雅的使用 Tailwind 目录 怎么解决滥用的[]（&主题切换）？ 怎么优化 Tailwind 杂乱的排序方式？ 不用 class 怎么给统一给标签设置类名？ 怎么复用重复的样式？ Tailwin

为什么要使用 JSX 前阵子在 Vue3 项目中封装一个基础组件的时候用到了 JSX 语法，使用下来的感受就是 —— 某些场景下，JSX 的灵活性对我们编写代码还是能够带来一定的帮助的。 举两个常见的

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 背景 是这样的，我们公司有一个平台，这个平台上面有一个页面，是一个我们公司内部存放一些字幕图片的，图

终于明白为什么大公司的前端程序员放着公司免费提供的webstorm不用，反而都用vscode。大概在编程领域，收费的并不一定就是最好的吧！

起源 我对思维导图最初的了解来源于我的老婆，她很喜欢用思维导图来记录各种东西，看的多了，作为一个前端，就会好奇这东西是怎么实现的，于是我在网上搜了一下，看到了一篇介绍思维导图基本结构--逻辑结构图的一

Intro.js 是一个开源的 Javascript / CSS 库，用于添加分步介绍或提示。本文将基于vue项目介绍如何使用Intro.js实现用户指引。