Old_Framer

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ JSON.stringify 对于 JSON.stringify 这个方...

如何从零搭建WebSocket消息推送功能，提升前端实时互动体验。通过WebSocket管理模块的封装，不仅避免了频繁轮询对服务器的压力，还实现了心跳机制、消息推送、重连机...

最近在Vue2项目开发中遇到个奇怪的现象，用户往数据库存了中间有四个空格的数据，数据库存储正常，接口返回的数据也是带四个空格没问题，但页面展示只有一个空格。...

百亿补贴图片加载非常快，为什么呢？因为百亿补贴先加载了一张模糊小图、再加载了一张清晰大图，用户很难感知到模糊到清晰的过程，误以为图片加载很快。接下来我会先给出证据、再分析原...

最近在做个人next小项目，ui框架使用的是shadcn/ui，感觉shadcn里的表单操作很优雅，就想着把公司项目里antd form组件也改造一下，使操作体验和shad...

背景：经常在UI框架进行样式穿透的时候，会发生不生效的情况，既会是因为选择器优先级问题，这种比较好理解，提升优先级就好，但在vue中有时候需要将scoped去掉才能生效，有...

在 JavaScript 中，沙箱（sandbox）是一个安全机制，用于隔离运行代码，以防止代码对其它部分的应用程序或系统造成不必要的影响或安全风险。...

深夜，一阵刺耳的手机铃声把我吵醒，我迅速的把手机按成静音，看下屏幕，是我几年前带过的一个妹子的电话，看着熟睡的老婆孩子，我蹑手蹑脚地走到厨房接通了电话。 一接通，就传来一阵...

React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数...

这段时间闲着没事就去翻翻红宝书无意间看到了这两个功能，只能说很符合面试官的口味，以后要是我当上面试官一定让候选人来谈谈这两个点，然后顺势安利我这篇文章🤣...

什么是webSocket？ 简单来说：webSocket就是服务器和客户端相互主动传输信息的约定协议。 优点: 基于TCP协议： WebSocket建立在TCP之上，这使得...

在前段时间的一次面试中，被问到了一个如标题这样的问题。要想好好地去回答这个问题，这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。...

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现...

你知道 Radash 吗？ Radash 会取代 Lodash 吗？ 这个现代化替代品更安全、好用！...

postMessage 使用不便，回调事件不好处理？试试 Promise 化后的它吧，相信我，你会爱上这种编程方式~...

前言 前段时间老板心血来潮，要我们前端组对整个的项目都做一下接口防止重复请求的处理（似乎是有用户通过一些快速点击薅到了一些优惠券啥的）。。。行吧，搞就搞吧，you happ...

原作博客可以说是我全网所见的关于 React 性能优化最好的博客。这篇文章告诉我们，两个被广泛使用的 hooks 是如何被滥用的，而我们为什么应该将大部分与它们相关的代码删...

哇噻，简直是个天才，无需scroll事件就能监听到元素滚动 1. 前言 最近在做 toolTip 弹窗相关组件封装，实现的效果就是可以通过hover或点击在元素的上面或者下...

我们每天写的vue代码都是写在vue文件中，但是浏览器却只认识html、css、js等文件类型。本文通过debug的方式带你一步一步的搞清楚vue文件是如何编译为js文件的...