飘香豆腐

本文记录在前端项目中使用 Tailwind CSS 进行快速原型开发的过程。内容包括 Tailwind CSS 的基础使用和配置，以及使用过程中可能用到的一些技巧总结。...

一个完整的 node addon 实现流程 从介绍 addon 是什么开始到编码到编译的整个过程实现...

昨天的文章通过 Performance 和 Memory 工具证明了打开 devtools 的时候 console.log 会有内存泄漏。 有 console.log 的时...

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performa...

在古茗日常业务中，经常会给加盟商下发各种资料，例如：奶茶的配方、设备的清洗、卫生的标准等等等。这些资料都是一些内部资料，从信息安全维度不能被泄露和盗取出去。所以会给下发的资...

以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义...

基于Chrome Devtools Performance进行性能分析与优化，提升大约60%的体验。...

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你...

有一段时间没写文章了，总结记录一下个人常用的或个人认为该掌握的八个React Hooks。如果算上自定义Hooks，应该是九个的，但本篇文章就不展开了。我来网易之前是刚学的...

从useEffect中出发去解析浏览器的执行机制，我们来谈谈浏览器中对于js和css的执行机制。从深度来解刨”问题“出现的本身原因。...

远离自嗨型工业垃圾，探索和深化依然是前端年度大方向，当下前端已进入深水区，进入从标准化向成熟探索的初期阶段，前端各种操作已经开始规范化。...

LRU（最近最少使用）缓存机制，在vue的keep-alive组件中也曾使用，他到底有什么神奇之处？这篇文章通过画图理解 + 2种解决方案，彻底搞明白。...

深入讲解Typescript高级类型工具实现原理和编程技巧。全程干货、不扯闲篇，助你轻松实现Ts进阶。...

作为前端开发，基本每天都要调试 Vue/React 代码，不知道大家都是怎么调试的，但我猜大概有这么几种： 不调试，直接看代码找问题 console.log 打印日志 用 ...

时至 2021 年年底，React Hooks 已在 React 生态中大放异彩，席卷了几乎所有的 React 应用。而其又与 Function Component 以及 ...