2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作顺利、学有所成、生活美满。

我们开发人员经常会说："Talk is cheap， show me the code"。要想写出令人赏心悦目的代码，我觉得是否使用了合理的设计模式起了至关重要的作用。 我们写的代码就是我们的名片，但是拿出如果是没有经过设计的代码，不仅让人读起来费劲，还会让人质疑我们的能力。 …

人要做的不清高不矫情不抱怨，就是在黑夜中看到微光，你就朝着微光的方向走过去，虽然有的时候你会怀疑，你会觉得是不是走错了，但是所有的怀疑都是为了确信。

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…

如何丝滑实现 ChatGPT 打字机流式回复？一文带你通过 GPT 项目实战方式，了解流式传输 SSE 基本原理，并提供源码，让你能够独立做出类 GPT 的回复的效果！

本文介绍使用ChatGPT API实现类似官网打字机回复效果的思路和方法，并附核心模块代码示例（vue3 + TS），附源码

在使用 ChatGPT 时，发现输入 prompt 后，页面是逐步给出回复的，发现这个接口的通信方式并非传统的 http 接口或者WebSockets，而是基于 EventStream 的事件流

前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动

在前端开发中，表格组件相对来讲是比较复杂的组件之一，主要原因在于大家对表格组件的需求不同，笔者没看到过一个表格组件可以覆盖所有人的需求。 从业务场景来讲，可以把表格组件分成三种类型： Bootstrap 类：CSS 就可实现的表格，主要用在信息展现类的页面上。 中后台类：着重在…