飞书文档水印方案 问题:当用户在F12中修改 css 为 display:none / opacity: 0或者删除元素,水印作用将失效 防删水印解决方案: 思路:利用 MutationObserver API 监听水印元素的变化,只要监听水印元素被用户操作了就手动删除重新创建水印元素 vue3组件实现 <script lang="ts" s…
百度上有很多关于 SSE 的概念描述,详细了解可以自行查阅。 简单总结 SSE是基于 HTTP 协议的服务端推送技术,其中并不是传统意义上的 HTTP 请求 / 响应模型,SSE 可保持一次请求长久连接,但也不是 WebSocket 双工通信模型;SSE 只是支持服务端主动推送到客户端,可以理解成 单项长连接; 应用场景:GPT 问答后会逐步给出回…
布局框架 umi4.0 版本中更新了布局方式,单独创建了 layout/index.tsx 文件为默认布局页面 页面使用 Outlet 组件作为子页面的表示子页面的视口,类似与 router-view 示例 import React from 'react'; import { Outlet } from 'umi' const Page:Reac…
安装 npm install electron-store 封装持久化 storeIPC 文件 import {ipcMain} from "electron" import Store from "electron-store" const store = new Store(); /**设置store */ ipcMain.on("setSto…
安装 cnpm install sqlite3 knex 注意在使用 yarn 和 pnpm 安装 sqlite3 时会安装失败,考虑是镜像问题使用 nrm 转换成了 淘宝镜像,再一次安装后仍然失败,npm的淘宝镜像也存在上述问题,最后使用 cnpm 成功安装了 sqlite3。 但全局的node_module 发生了混乱,导致全部依赖都检索失败,…
使用场景: 根据不同业务场景,会创建多个独立的项目工程,使用微前端可以快速聚合独立工程,搭建统一应用登录平台 创建微前端基座 当前使用 react 作为微前端基座 创建 react 项目 npx create-react-app my-app 配置 react router npm install react-router-dom@6.21.2 i…
在开发 Harmony 应用中会遇到多模块数据共享的场景,尝试寻找类似于 vuex 的状态管理仓库,官方提供了 @StorageLink装饰器 用于做应用内的状态同步,并提供双向数据绑定和数据持久化的功能 双向同步数据示例 @Entry @Component struct EntryComponent { @StorageLink('key1') …
根据官网的打包构建流程如下 项目打包 项目打包成 HAP 打包路径如下 此时的结构已经位于架构图的黄色区域, 但他生成多个 hap 文件,需要借助官方提供的 hdc 工具安装到手机中进行调试,hdc工具在开发工具中已经集成,位置如下图 上面文件路径存放了不懂版本的 hdc 运行文件,必须运行 \hmscore\3.1.0\toolchains 文件…
思路:监听页面生命周期 onBackPress 当点击返回时会被触发,该函数需要手动返回一个 boolear 值,为 true 时APP不会退出 完整示例代码 import app from '@system.app'; import promptAction from '@ohos.promptAction' @Entry @Component …
toast弹窗组件 import promptAction from '@ohos.promptAction' /*API9+更新的库包*/ promptAction.showToast({ message: "再按一次退出应用", duration:3000 })