摘要：
模块模式好像不是经典的设计模式，但不可避免的每种编程语言都加入了模块的概念。有时候可能用了模块模式但并不知道自己用的是模块模式。虽然不是经典的设计模式，但是作为JS创建模块的一种模式也是经常被使用。这里对它做一下介绍 啥是模块 模块模式是一种创建型设计模式，它使用闭包来创建私有变量和方法，同时提供公 阅读全文
posted @ 2025-09-21 14:55
吴飞ff
阅读(6)
评论(0)
推荐(0)
摘要：
在JavaScript中，对象池（Object Pool） 是一种优化内存管理和性能的设计模式，通过复用预先创建的对象实例，避免频繁的创建（new）和销毁（垃圾回收）操作，从而提升高并发或资源密集型场景下的运行效率。需要使用场景：需要创建池（Pool）的 API 操作通常涉及高开销资源的复用，尤其是 阅读全文
posted @ 2025-09-18 08:55
吴飞ff
阅读(10)
评论(0)
推荐(0)
摘要：
一、MutationObserver：监听DOM结构变化（增删改属性） 特点：精确、高性能，可配置观察选项（如子节点、属性、文本内容） const target = document.createElement('div'); target.innerHTML = '<div>动态内容</div>' 阅读全文
posted @ 2025-09-13 11:51
吴飞ff
阅读(12)
评论(0)
推荐(0)
摘要：
一、团队【第一级】 每个用户最多可拥有 1 个免费团队。如果需要新建团队，可以购买新付费团队，或在升级/解散/移交免费团队后再试。 查看是哪个团队：在蓝湖左上角 二、文件夹层级 后面的模块分类都是以文件夹的方式分类。 每个文件夹可以创建3中类型文件： 设计项目：即原型图、设计图、等文件上传各种共享的 阅读全文
posted @ 2025-09-01 22:08
吴飞ff
阅读(14)
评论(0)
推荐(0)
摘要：
“离开页面”这个行为本身可以被细分为多种场景： 切换到其他浏览器标签页或应用（页面变为不可见，但未关闭）。 最小化浏览器窗口（同上）。 关闭浏览器标签页或整个浏览器。 在当前标签页中导航到新的 URL。 在移动设备上切换到其他 App 或返回主屏幕。 针对这些不同的场景，前端提供了多种不同的技术和 阅读全文
posted @ 2025-08-27 10:28
吴飞ff
阅读(35)
评论(0)
推荐(0)
摘要：
1. 什么是 Property Descriptor？ 每个对象属性（包括方法）都有一个对应的属性描述符，它是一个普通对象，包含以下属性： 属性类型默认值说明 value any undefined 属性的值（如果是方法，这里存储函数本身）。 writable boolean false 是否可修改 阅读全文
posted @ 2025-08-12 21:42
吴飞ff
阅读(16)
评论(0)
推荐(0)
摘要：
1.5.1、邻接表格式： 图计算的有效数据格式是 邻接表格式，实际的图数据可能不是这种格式的，但是很容易转化成邻接表格式。 // 邻接表 格式 图数据 const graph = { 'A': ['B', 'C'], 'B': ['D'], 'C': ['D'], 'D': [], }; 图的应用场 阅读全文
posted @ 2025-08-07 12:28
吴飞ff
阅读(33)
评论(0)
推荐(0)
摘要：
Grid 布局是什么？ Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案，是目前唯一一种 CSS 二维布局。利用 Grid 布局，我们可以轻松实现类似下图布局，演示地址 Grid 阅读全文
posted @ 2025-08-05 12:11
吴飞ff
阅读(37)
评论(0)
推荐(0)
摘要：
我也是最近才知道，原来DOM对象获取属性值，不是都是字符串类型，还可以是数值类型。 已知输入框元素： <input id="number" min="1" max="10" type="number" /> 平常我们获取输入框的值都是使用 number.value 获取的，但是这个属性的返回值是个字 阅读全文
posted @ 2025-08-05 12:02
吴飞ff
阅读(3)
评论(0)
推荐(0)
摘要：
web缓存 包括 浏览器缓存 和 http缓存，浏览器缓存主要是 本地存储、cookie等数据存储。而http缓存主要是缓存静态文档。 http缓存，是由服务器在响应头上添加字段设置的。web服务器一般默认开启http缓存的，用nodejs 创建的web服务器默认没有开启，需要手动配置。 参考：ht 阅读全文
posted @ 2025-08-04 08:31
吴飞ff
阅读(4)
评论(0)
推荐(0)
摘要：
JSON 和 JSON Schema 是两个紧密相关但功能完全不同的概念，前者是数据格式，后者是用于描述和验证前者的规则。以下从定义、作用、结构等方面详细说明两者的区别： 1、定义与核心作用 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，基于键值对和数组 阅读全文
posted @ 2025-07-26 18:05
吴飞ff
阅读(97)
评论(0)
推荐(0)
摘要：
npm安装的 eslint+prettier eslint：配置检查代码的。可以配置eslint，最后调用 prettier 的格式规则。 vscode安装的 eslint+prettier插件 eslint： 对不符合eslint规范的代码报红提示。 可以设置编辑器保存时自动格式化为符合的格式。 阅读全文
posted @ 2025-06-23 17:08
吴飞ff
阅读(4)
评论(0)
推荐(0)
摘要：
参考：https://mp.weixin.qq.com/s/O4ej_zb_sKoJcCamCmmvAA 核心问题：为什么 Promise 本身不可取消？ 首先，我们需要理解 Promise 的核心设计理念。一个 Promise 代表一个异步操作的最终结果。它的状态一旦从 pending（进行中）变 阅读全文
posted @ 2025-06-18 08:08
吴飞ff
阅读(116)
评论(0)
推荐(0)
摘要：
参考：https://mp.weixin.qq.com/s/6-_ZPYzWiA-1J9Q_nOz0MA 以及我的另外一个章节 https://www.cnblogs.com/wfblog/p/9144533.html 1. <a> 标签的 download 属性 (最简单) 原理：HTML5为 < 阅读全文
posted @ 2025-06-16 20:54
吴飞ff
阅读(90)
评论(0)
推荐(0)
摘要：
一、基础语法 1、创建一个Vue应用： 1）应用实例：每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例。 import { createApp } from 'vue' const app = createApp({ /* 根组件选项 */ }) 2）根组件：我们传入 cr 阅读全文
posted @ 2025-06-12 21:02
吴飞ff
阅读(57)
评论(0)
推荐(0)
摘要：
代码分支管理规范 分支管理总图 分支命名规范 1、功能开发分支：feature- (预期发布日期)-(功能特性名称)， -案例：feature-0424-审批场景管理2、线上和预发bug修复分支：hotfix_(修复的bug的英语简写)_(计划发布时间)_(分支拉取时间)案例：hotfix_vppt 阅读全文
posted @ 2025-06-09 12:51
吴飞ff
阅读(93)
评论(0)
推荐(0)
摘要：
参考：https://qiankun.umijs.org/zh/guide/getting-started 快速上手 主应用 1. 安装 qiankun $ yarn add qiankun # 或者 npm i qiankun -S 2. 在主应用中注册微应用 import { registerM 阅读全文
posted @ 2025-06-08 13:51
吴飞ff
阅读(42)
评论(0)
推荐(0)
摘要：
官网：https://router.vuejs.org/zh/introduction.html 一、 阅读全文
posted @ 2025-05-29 16:20
吴飞ff
阅读(7)
评论(0)
推荐(0)
摘要：
笔记写完后，要复制到博客上的 一、基础语法 1、创建一个Vue应用： 应用实例：每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例。 import { createApp } from 'vue' const app = createApp({ /* 根组件选项 */ }) 阅读全文
posted @ 2025-05-27 15:13
吴飞ff
阅读(43)
评论(0)
推荐(0)
摘要：
参考：https://zhuanlan.zhihu.com/p/700741452 一、全局安装 typescript 环境 npm install -g typescript tsc -v 二、初始化项目 1、创建项目目录 mkdir my-ts-project cd my-ts-project 阅读全文
posted @ 2025-05-24 10:42
吴飞ff
阅读(36)
评论(0)
推荐(0)
摘要：
1、环境变量文件 .env # 所有情况下都会加载 .env.local # 所有情况下都会加载，但会被 git 忽略 .env.[mode] # 只在指定模式下加载 .env.[mode].local # 只在指定模式下加载，但会被 git 忽略 注意： .env、.env.local 文件所有情 阅读全文
posted @ 2025-05-23 16:02
吴飞ff
阅读(6)
评论(0)
推荐(0)
摘要：
1、promise的then回调函数中res是any类型，在使用any类型的属性时报红？ getToken().then(({res}:any) => { console.log(res.token) }) 阅读全文
posted @ 2025-05-22 13:21
吴飞ff
阅读(6)
评论(0)
推荐(0)
摘要：
参考官方网站：https://cn.vuejs.org/api/sfc-script-setup 一、基本语法： 1.1、顶层的绑定会被暴露给模板 任何在 <script setup> 声明的顶层的绑定 (包括变量，函数声明，以及 import 导入的内容) 都能在模板中直接使用： <script 阅读全文
posted @ 2025-05-22 09:42
吴飞ff
阅读(20)
评论(0)
推荐(0)
摘要：
Map对象：https://blog.csdn.net/qq_34645412/article/details/145500626 Map 是 ES6 提供的新的数据结构，它类似于对象，但是"键"的范围不限于字符串，各种类型的值（包括对象）都可以当作键。Map 也可以跟踪键值对的原始插入顺序。 应用 阅读全文
posted @ 2025-05-20 10:10
吴飞ff
阅读(17)
评论(0)
推荐(0)
摘要：
介绍：JSDoc 3 是一个用于 JavaScript 的API文档生成器，类似于 Javadoc 或 phpDocumentor。可以将文档注释直接添加到源代码中。JSDoc 工具将扫描您的源代码并为您生成一个 HTML 文档网站。 说明：这里介绍的是把注释以一种类型文档的显示 做标注，不是普通的 阅读全文
posted @ 2024-07-22 14:31
吴飞ff
阅读(740)
评论(0)
推荐(0)
摘要：
一、sass环境的安装：https://blog.csdn.net/Ed7zgeE9X/article/details/123058868 重点：sass是分了3个版本的，都是用来将sass编译成css的工具。一个是node-sass，另一个是dart-sass。 Ruby Sass：是最初的Sas 阅读全文
posted @ 2024-07-10 16:30
吴飞ff
阅读(111)
评论(0)
推荐(0)
摘要：
一、色彩： fillStyle = color strokeStyle = color 二、透明度： 三、线型： 设置线条宽度：lineWidth = value 设置线条末端样式：lineCap = type 设定线条与线条间接合处的样式：lineJoin = type 限制当两条线相交时交接处最 阅读全文
posted @ 2024-07-08 10:22
吴飞ff
阅读(109)
评论(0)
推荐(0)
摘要：
参考：https://blog.csdn.net/qq_46110252/article/details/137470096 单点登录概念： 简单说，就是多个系统只要登录一次就可以。进入其它系统就不用再次登录 可以正常访问。如，登录了淘宝网站，跳转到天猫的网站直接就正常访问了。（这里不详细说明） 流 阅读全文
posted @ 2024-06-28 09:08
吴飞ff
阅读(164)
评论(0)
推荐(0)
摘要：
一、Promise中then中两个回调和用catch捕获错误的区别 https://blog.csdn.net/qq_41968486/article/details/123544784 1. 区别 主要区别就是，如果在then的第一个函数里抛出了异常，后面的catch能捕获到，而then的第二个函 阅读全文
posted @ 2024-06-25 09:18
吴飞ff
阅读(142)
评论(0)
推荐(0)
摘要：
一、树型数据的筛选（如，vue路由的对需要权限的筛选处理） 1、在页面权限上的使用 //用于过滤当前用户需要展示的异步路由 function filterAsyncRoute(asnycRoute, routes) { return asnycRoute.filter((item) => { if 阅读全文
posted @ 2024-06-05 20:59
吴飞ff
阅读(13)
评论(0)
推荐(0)
摘要：
说明：一般组件库提供的组件是比较通用的，有些不怎么常用，但是会有实际需求的组件功能没有提供。有些是可以直接在原有组件库上增强的，有些就需要自己去实现了。对这些组件功能做一个记录。 一、elementUI的table组件实现动态增删可输入的表格 https://blog.csdn.net/weixin 阅读全文
posted @ 2024-04-24 16:34
吴飞ff
阅读(29)
评论(0)
推荐(0)
摘要：
一、express 第三方中间件模块 morgan：日志输出 cors：为客户端提供跨域资源请求 multer：处理 multipart/form-data 类型的表单 https://blog.csdn.net/KimBing/article/details/126345248 或 https:/ 阅读全文
posted @ 2024-01-17 16:57
吴飞ff
阅读(68)
评论(0)
推荐(0)
摘要：
参考：https://zhuanlan.zhihu.com/p/394561311 JS中有一些优雅换行（美化），可以让代码的可读性更强，但是需要注意 JS引擎自动插入分号的机制 会不会 出现非预期的情况。 ASI 规则 1. 遇到行结束符时，会插入一个分号。 注意：也不说遇到 行结束符 一定插入分 阅读全文
posted @ 2023-11-02 15:33
吴飞ff
阅读(80)
评论(0)
推荐(0)
摘要：
参考：https://juejin.cn/post/6963170647207837710 说明：基于nodejs的项目报内存溢出都是v8的堆内存限制引起的，如 npm run dev / npm run build 报内存溢出。 v8 的堆内存限制 Node 程序中 javascript 的使用内 阅读全文
posted @ 2023-10-12 18:58
吴飞ff
阅读(486)
评论(0)
推荐(0)
摘要：
一、第三方包没有 声明文件时：https://blog.csdn.net/xiebaochun/article/details/122458063 解决方法1：从 @types/ 上下载对应的 包 解决方法2：自己写一个声明文件 （ .d.ts 文件） 在项目根目录新建 types 文件夹。 在 t 阅读全文
posted @ 2023-09-15 16:49
吴飞ff
阅读(33)
评论(0)
推荐(0)
摘要：
nodeJS 中的 buffer（缓冲区）：https://juejin.cn/post/7056337343304695839 JavaScript 语言没有二进制数据类型，如果需要处理tcp流、视频、音频必须使用buffer来处理二进制数据； 所以， buffer 可以理解为存储 二进制数据的 阅读全文
posted @ 2022-11-28 14:23
吴飞ff
阅读(377)
评论(0)
推荐(0)
摘要：
逻辑运算符： 或： || 与：&& 非：！ 逻辑赋值运算符 参考：https://blog.csdn.net/qq_43456781/article/details/119381387 可选链： 或赋值运算符 // 或赋值运算符 x ||= y // 等同于 x || (x = y) 与赋值运算符 阅读全文
posted @ 2022-10-10 20:23
吴飞ff
阅读(33)
评论(0)
推荐(0)
摘要：
官方文档：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/capabilities.html 使用云开发，即使用云上的服务，小程序中需要初始化云服务器，绑定云环境。 // app.js App({ onLaunch() { 阅读全文
posted @ 2022-09-28 19:19
吴飞ff
阅读(179)
评论(0)
推荐(0)
摘要：
CSS 布局就像搭积木一样，实现不难。但是写的注意一些结构，可以减少返工的可能。给UI页面分域，从大到小 可以分为：块、块里面 一、给UI图分区域：给UI图分区域，分的好，是非常利于CSS布局的。 从大到小可以分为，横块，子块，项。 横块：UI基本都是从上到下，分区域的内容。 子块：横块内部的区域， 阅读全文
posted @ 2022-08-25 11:16
吴飞ff
阅读(449)
评论(0)
推荐(0)
摘要：
参考：https://blog.csdn.net/qq_40710974/article/details/125235712 阅读全文
posted @ 2022-08-17 11:30
吴飞ff
阅读(14)
评论(0)
推荐(0)
浙公网安备 33010602011771号