一个备受打击决心学习

1. BFF层架构 BFF（Backends For Frontends，​​服务于前端的后端​​）是一种架构模式，核心目标是为不同前端（如Web、App、小程序等）提供定...

背景 常用的后台管理，需要快捷键进行快捷操作，提高用户的使用便利。接下来说明如何实现快捷键功能，需要支持的功能有： 支持单个和批量注册或者取消快捷键 支持组合键（如 Ctr...

背景 在uniapp中，原生的头部不适合我们，就需要自定义头部满足场景需求。 本文就从0到1封装一个自定义头部，对应的组件已发布插件市场cos-header,可以下载进行体...

2024年12月19日，vant仓库新增一条issue，vant 2.13.5 被投毒，挖矿。 具体原因 可能是团队一名成员的 token 被盗用 与本次事件关联的攻击 攻...

背景 在我们程序开发中，我们的代码会出现这种或那种的错误，我们使用try...catch进行捕获。如果需要不管是成功还是失败都需要执行，我们可能需要finally。 那么有...

1. 场景 通过鼠标上下滚动控制横向滚动，先看下面效果： 2. 具体实现 接下来看一下具体实现过程： 2.1 页面布局 定义一个基本的页面布局，用于包裹滚动内容。这个布局包...

1. 概述 在微信小程序开发过程中，有时我们需要在小程序中集成第三方的一些特定的功能，这些功能以微信插件的形式存在。 对于使用第三方平台开发模式，对应的客户小程序非常多，每...

前言 对于前端来说，vscode调试是我们必须要掌握的技能包。可能我们会简单的调试，但是不知道调试有哪些方式，也不清楚调试中launch.json配置的作用。 本文介绍下在...

背景 在使用 Uniapp 开发过程中，我们可以方便地将应用部署到多个平台，例如微信小程序、App 和 H5。 但是大多数时候，我们对于各个跳转没有清晰的认识。不同平台的跳...

前言 日志对于排查问题有着非常重要的意义，本文将全面介绍如何在 NestJS 框架中集成 Winston 日志，打造一个功能完备、生产可用的日志系统。 包含以下内容： 请求...

前言 最近需要实现一个需求，通过起点终点的名称实现路径规划，还需要对特定的点进行标记。最后使用高德提供的API+uniapp的map组件进行实现。 1. 实现思路 使用un...

前言 在需求开发中，二维码扫码已经是一个非常常见的操作。前端实现中扫码需要添加对应的动画效果，是一个非常友好的体验。本文将详细介绍实现二维码扫码器动画效果。 1. 效果实现...

前言 滚动驱动的动画效果是提升用户交互体验的方法。本文将详细介绍如何使用纯CSS实现一个页面滚动的导航进度条效果，仅依靠CSS实现功能。 1. 效果演示 需要实现的效果是：...

前言 在日常应用中，验证码是防止恶意攻击的重要手段。其中滑动拼图验证码的用户体验更好。 本文将详细介绍如何仅使用HTML、CSS和JavaScript实现一个纯前端的滑动拼...

前言 web端验证码输入框常用于用户注册、登录、支付确认场景。与传统的单输入框验证码相比，多输入框分离能够有效防止自动填充和机器人攻击，同时提供更直观的用户体验。 本文将详...

前言 我们实现一个拖拽留言板卡片，通常会使用js的方式去实现拖拽。这一次我们用纯CSS方式去实现，会带给你另一个思路，让你眼前一亮。 1. 基础知识 在说实现思路之前，我们...

1. DOM标签 在HTML中，有很多标签可以用来发起HTTP请求。以下是最常见的一些： <a>：此标签用于创建一个链接，当用户点击链接时将发起请求到指定的URL。 <im...

1. 场景 前端构建完上线，用户还停留还在老页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2. 解决方...

背景 在移动开发领域，原生应用嵌入网页(H5)可以实现一套代码多端使用，那么原生应用(APP)和网页(H5)之间的通信就非常重要。 JsBridge作为一种实现此类通信的工...

前言 之前写了篇# APP与H5通信-JsBridge, 掘友Bun回复说可以试试postMessage，发现使用后是真的香。 postMessage postMessag...