程序员小寒

今天的大模型，可以先粗略理解成“特别聪明的输入法”。 它不只是帮你补几个字，而是能读资料、写文章、看图片、写代码，甚至调用工具去完成一整件事。 国外主流模型厂商主要是 Op...

提到模板，我们很容易联想到平时开发使用过的模板： HTML 模板，比如 <h1><%= title %></h1>。 JSX 模板（React 的模板方案），比如 <h1>...

在 JavaScript 中，有一个 new 操作符，用于创建对象，经常会写各种“创建对象”的代码，比如： 创建不同类型的消息提示组件，比如 SuccessMessage、...

在平时开发项目中，很多流程其实可以拆解成一个个动作，比如： 点击按钮提交表单。 点击工具栏按钮加粗文字。 输入框按快捷键撤销、重做。 右键菜单执行复制、删除、重命名。 刚开...

在日常开发里，我们经常要遍历和处理数据： 数组。 Map、Set。 树形菜单。 评论树。 分页列表。 如果每一种数据结构，你都自己写一套遍历逻辑，那业务代码很快就会和数据结...

在日常开发中，我们经常会遇到这样一类场景：一个请求或者动作，不是某一个模块立刻处理完，而是要先经过多道检查。 比如用户访问一个后台页面时，可能要先检查： 是否已登录。 to...

在前端开发中，我们经常会遇到这样一种需求：不改原有逻辑，但要给它额外加点能力。 比如一个提交订单的方法，原本只负责发请求，后来又要加上 loading、权限校验、埋点、错误...

发布-订阅模式描述的是一种解耦的协作方式：发布者（发布消息的人/系统）不需要知道谁会接收消息，订阅者（接收消息的人/系统）也不需要知道消息从哪来，双方通过一个中间层（消息通...

1、代理模式定义 代理模式是为一个对象提供一个替身或占位符，以便控制对它的访问。 典型的一个例子就是代购，你想买国外的限量版商品，但自己没有渠道或无法出国，所以找代购帮你去...

1、策略模式定义 策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 2、核心思想 将变化的部分分离出来：把经常变化的算法行为抽象成独立的策...

在实际开发项目中，有时候需要拿到用户网络状态，然后根据用户的网络情况进行优化。常见的网络状态有离线 offline、WiFi、2G/3G、4G、5G 等，但在实际开发中，我...

作为一名前端工程师，我们常说“性能即体验”。但“性能”这个词太过于宏大，具体落实到用户感知的层面，其实主要就是两件事：我打开页面的速度快不快？界面操作流不流畅? 而在前端性...

所谓首屏，就是用户看到当前页面的第一屏，首屏时间就是第一屏被完全加载出来的时间点。 比如一个电商网站，首屏就包括导航栏、搜索框、商品头图等内容。那么，如何采集用户的首屏时间...

在 JavaScript 中，如何判断一个值是否为数组是很常见的需求，一般有以下几种方法。 1、方式一：JSON.stringify 可以通过 JSON.stringify...

本文大纲 今天来看一道前端面试的代码输出题。 面试官提供了一段 Javascript 代码，要求给出这段代码运行后的输出结果。 先分析这道题前，先补充两个个前置知识点。 知...

1、常见性能指标 FP（First Paint - 首次绘制）：页面首次绘制的时间点，即第一个像素绘制到屏幕上的时间点。 FCP（First Contentful Pain...

前言 对于 Web 页面首屏优化，有时候明明感觉自己做了很多事情，比如精简了首屏内容，合并了请求资源，优化了项目打包配置，也对图片进行了压缩，但最后的首屏时间还是没有降低下...

VSCode几乎是前端开发人员的标配，其插件开发基于TypeScript与Node.js，通过扩展API增强编辑器功能。开发者可自定义命令、主题、语法支持等，快速构建个性化...

前言 snippets 意思是片段，在 vscode 中可以通过 Snippets：Configure Snippets 命令，可以定义全局级（global）、项目级（Pr...