人生浅薄

在多系统协作的企业级应用中，单点登录（SSO, Single Sign-On）是提升用户体验和安全性的关键技术。本文结合实际前端实现代码和 SSO 认证中心的原理，详细解析...

背景 最近在做的一个中台系统有这样一个需求：在顶部导航栏增加一个tab，点击后渲染一个外部生产地址，并且当前系统登录后才可以正常开始加载。在前端开发中，这种跨窗口通信是一个...

背景 最近新增了一个产品项目“今天炒什么”，这是一款面向短线用户的热点选股工具。展示每日精选的热点话题，及相关话题近一个月的热度值。有一个“热点解读”功能，需要调用大模型接...

在2024年国庆前后，大A行情出现了一波高潮，国庆期间利好消息影响韭菜情绪造成拥堵开户的场景。对网络和后端造成巨大的压力，同时也影响用户体验。...

背景 最近在参与团队低代码平台建设的过程中，发现了一个之前忽略的点：为了丰富项目搭建场景，团队准备进行一批业务组件的集中交付，用于在低代码平台的左侧物料平台加载。虽然前期就...

本地缓存是前端降本增效的利器，尤其适用于高频调用、数据变化不频繁的接口。通过简单的 localStorage 封装和 XHR 拦截，可以用极低的开发成本解决高并发流量问题...

音视频等大文件上传方案，分片上传优化服务器压力，提升用户体验。断点续传提高上传可靠性，同时实现秒传功能。...

在现代 Web 应用中，接口安全和统一鉴权已成为前端架构设计的核心环节。在微服务、API 网关盛行的今天，让前端自动、无感地完成鉴权，保障每一次数据交互，是每个前端工程师都...

可能因为家丑不可外扬，网上鲜有人分享因为 bug 亏大钱的事故，本文分享3个我亲身经历的简单 bug，它们带来的直接损失，达到近千万之巨。。。...

近些年来，低代码的概念逐渐流行了起来，而低代码产品也越来越多的出现在我们的身边。低代码可以叫做可视化搭建，或者叫效能工具等等。像国外的Mendix，国内的宜搭、苍穹、简道云...

一个非常好用的工具 slidev, 可以使用 markdown 来制作演示文稿，其他类似的工具还有 Nodeppt、 marp 等，那么这类工具是如何实现的？...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 记 vite 项目创建的步骤 vue-router 安装完成vue-router之后，在项目src目录下面新建...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 1. 概要 meta 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 yarn 工具包安装 安装yarn有以下两种方式： 先安装 node，然后直接使用npm install -g yar...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 npm是前端开发从业者使用较多的一种包管理工具，npm上面管理着数以百万计的全球各地开发者开源的各种各样的功能包。通常...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 概述 package.json必须是一个严格的 json 文件，而不仅仅是 js 里边的一个对象。其中很多属性可以通过...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 DNS 缓存 DNS 全程：Domain Name System，即域名系统。 万维网上作为域名和 IP 地址相互映射...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 MVVM MVVM 架构 MVVM 模型是由 Model、View 和 ViewModel 三部分。 Model：数据...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 垂直水平居中 水平垂直居中的几种方式-案例 （1）margin 方式 margin 方式可以实现盒子的水平居中，但不能...