前端
116.学习微前端架构-乾坤
学习微前端架构-乾坤.png
目的：拆分应用，减轻一个庞大应用的压力，从另一个方面将公司所有的系统进行整合，形成一个整体。
微前端出现以前，每个系统都是独立的，用户需要保存不同系统的网址，使用微前端后，记录一个地址就好了。在用户层面进了整合，从开发层面减轻了系统压力。
主应用（不限技术栈）和子应用（目前vite项目的支持度不是很好）
接入案例，参考官网qiankun
首先需要搭建子应用
有关Webpack面试题
一、说一下对Webpack的看法
Webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。
它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。
对于不同类型的依赖，Webpack有对应的模块加载器，而且会分析模块间的依赖关系，最后合并生成优化的静态资源。
二、Webpack的基本功能
代
【实战】一、Jest 前端自动化测试框架基础入门（二） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（二）
文章目录
一、Jest 前端自动化测试框架基础入门
5.Jest 中的匹配器
toBe 匹配器
toEqual匹配器
toBeNull匹配器
toBeUndefined匹配器和toBeDefined匹配器
toBeTruthy匹配器
toBeFalsy匹配器
数字相关的匹配器
字符串相关的匹配器
数组相关的匹配器
异常情况的匹配器
6.Jest 命令行工具的使用
Vue 2.7 + Vite项目搭建
Vue 2.7 + Vite
vue2.7 + vue-router3 + pinia
示例代码:
示例页面:
用到的vite插件
@vitejs/plugin-vue2 vite的vue2.7插件
@vitejs/plugin-
OpenSeadragon：Web上高质量图像查看解决方案
本文还有配套的精品资源，点击获取 简介：OpenSeadragon是一个基于Deep Zoom的开源JavaScript库，用于在Web上提供流畅、可缩放的图像浏览体验。它通过图像块分割、硬件加速渲染和优化的资源管理，实现了快速、平滑的图像浏览，即使是低性能设备也能提供良好的性能。该库支持自定义界面、丰富的API交互&#
Swift数组处理全解（一篇全部搞定）
定义数组：使用语法 [元素类型] 来定义数组，例如：
var arr1 = [1, 2, 3]
var arr2: [String] = ["apple", "banana", "pear"]
访问数组元素：可以使用下标（从 0 开始）或者循环遍历数组来访问其中的元素。
let arr = ["apple", "banana", "pear"]
let first = arr[0]
Flutter 之 BottomSheet （五十八）
1. BottomSheet
BottomSheet 作为组件直接使用的时候比较少，比如配合 Scaffold 的子属性使用，可以理解为展示在屏幕下方的一个组件。
BottomSheet 定义
const BottomSheet({
Key? key,
this.animationController,
this.enableDrag = true,
this.
Pinia的简单使用
1.什么是Pinia？
1.pinia 和 vuex 具有相同的功效， 是 Vue 的存储库，它允许您跨组件/页面共享状态。
2.设计使用的是 Composition api，更符合vue3的设计思维。
3.Pinia 对 Vue 2 和 Vue 3 都有效，并且不需要您使用组合 API。
2.Pinia 的使用
2.1 Pinia 的安装
在安装Pinia的时候可以使用yarn 也可以使用 np
