Web
未读
【PWA】手动安装PWA, 代码控制PWA安装
在 PWA 中，可以通过业务逻辑触发 安装提示，让用户点击按钮安装。 可以通过捕获和使用浏览器的 beforeinstallprompt 事件来实现。 以下是详细实现步骤： 1. 捕获 beforeinstallprompt 事件 当浏览器检测到页面符合 PWA 安装条件时，会触发 beforein
Web
未读
【PWA】判断当前页面是由PWA启动的
在 PWA 中，可以通过检查页面是否由 PWA 启动来实现特定功能（例如隐藏导航栏或显示不同的 UI）。以下是常见的方法来判断页面是否由 PWA 启动： 方法 1：使用 window.matchMedia 通过检测 display-mode 来判断页面启动方式。 示例代码： if (window.m
Web
未读
【PWA】让现有的前端项目支持 PWA
将一个现有的项目转化为支持 PWA（Progressive Web App） 涉及以下主要步骤： 理解 PWA 的核心要求 一个 PWA 应用的核心要素包括： HTTPS：必须通过安全的 HTTPS 提供服务。 Manifest 文件：定义应用的元信息（如图标、名称、主题颜色等）。 Service
Web
未读
【Web】React 生态中常用的第三方库
在 Next.js 或 React 生态中，有许多广泛使用的第三方库，可用于状态管理、表单处理、数据获取、UI 组件、国际化等功能。以下是按类别整理的一些常用库： 1. 状态管理 Redux (redux.js.org): 功能：一个可预测的状态管理工具。 配合 redux-toolkit 使用更高
Web
未读
【Web】Express操作数据库便捷方式
在现代 Web 开发中，我们有很多便捷的工具和库可以让你用更直观的方式操作数据库，而不是直接写 SQL 查询。下面我来详细介绍几种便捷的方式，尤其是在 Node.js 和 Express.js 环境下常用的工具。 1. 使用 ORM（对象关系映射）工具 ORM 工具是开发者最常用的一种方式，它允许你
Web
未读
【Web】Express常用插件、工具、中间件
Express.js 的生态系统非常丰富，涵盖了各种插件、工具和中间件，可以帮助开发者快速构建功能强大的应用。以下是一些常见的例子，按照功能分类列举。 1. 身份验证与安全 这些中间件和工具用于处理用户身份验证、授权以及增强应用的安全性： Passport 功能：一个灵活的身份验证中间件，支持多种策
Web
未读
【Web】React 编写全局组件
最常用的方式是 Context 和 Provider 的方式。但是，如果使用 Context 和 Provider 的方式，会在根部引入多个 .Provider，特别是当项目有多个全局状态需要管理时，这可能会导致 Provider 嵌套过多，增加代码复杂度和可维护性。 其他的替代方式 除了使用 Co
Web
未读
【Web】React-NextJS开发遇到问题记录
最近在学习前端开发，使用 Next.js 搭配 Tailwind CSS 开发。 遇到了一些问题，在此记录。 身边没有 React 的大佬，想问人都不知道问谁。国内 Vue 还是主流啊。 问题 1. 页面上有多个倒计时的显示，useState 的刷新问题，怎么避免每次都刷新整个页面； 2. 页面的对
Flutter Web 及 PWA应用 探索
PWA Support Flutter 从 1.20 版开始，用于 Web 应用程序的 Flutter 模板包括了对可安装且具有离线功能的 PWA 应用程序所需的核心功能的支持。基于 Flutter 的 PWA 的安装方式与其他基于 Web 的 PWA 基本相同；由 manifest.json 提供