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 前端 2025年06月07日 175 点赞 0 评论 16919 浏览
Flutter 之 BottomSheet (五十八) 1. BottomSheet BottomSheet 作为组件直接使用的时候比较少,比如配合 Scaffold 的子属性使用,可以理解为展示在屏幕下方的一个组件。 BottomSheet 定义 const BottomSheet({ Key? key, this.animationController, this.enableDrag = true, this. 前端 2025年04月15日 186 点赞 0 评论 16963 浏览
Swift数组处理全解(一篇全部搞定) 定义数组:使用语法 [元素类型] 来定义数组,例如: var arr1 = [1, 2, 3] var arr2: [String] = ["apple", "banana", "pear"] 访问数组元素:可以使用下标(从 0 开始)或者循环遍历数组来访问其中的元素。 let arr = ["apple", "banana", "pear"] let first = arr[0] 前端 2025年05月10日 90 点赞 0 评论 16970 浏览
OpenSeadragon:Web上高质量图像查看解决方案 本文还有配套的精品资源,点击获取 简介:OpenSeadragon是一个基于Deep Zoom的开源JavaScript库,用于在Web上提供流畅、可缩放的图像浏览体验。它通过图像块分割、硬件加速渲染和优化的资源管理,实现了快速、平滑的图像浏览,即使是低性能设备也能提供良好的性能。该库支持自定义界面、丰富的API交互&# 前端 2025年04月25日 67 点赞 0 评论 16990 浏览
Vue 2.7 + Vite项目搭建 Vue 2.7 + Vite vue2.7 + vue-router3 + pinia 示例代码: 示例页面: 用到的vite插件 @vitejs/plugin-vue2 vite的vue2.7插件 @vitejs/plugin- 前端 2025年05月08日 123 点赞 0 评论 17029 浏览
【实战】一、Jest 前端自动化测试框架基础入门(二) —— 前端要学的测试课 从Jest入门到TDD BDD双实战(二) 文章目录 一、Jest 前端自动化测试框架基础入门 5.Jest 中的匹配器 toBe 匹配器 toEqual匹配器 toBeNull匹配器 toBeUndefined匹配器和toBeDefined匹配器 toBeTruthy匹配器 toBeFalsy匹配器 数字相关的匹配器 字符串相关的匹配器 数组相关的匹配器 异常情况的匹配器 6.Jest 命令行工具的使用 前端 2025年06月10日 153 点赞 0 评论 17351 浏览
css渐变效果 css渐变效果 使用 CSS 渐变可以在两种颜色间制造出平滑的渐变效果。 用它代替图片,可以加快页面的载入时间、减小带宽占用。同时,因为渐变是由浏览器直接生成的,它在页面缩放时的效果比图片更好,因此你可以更加灵活、便捷的调整页面布型 类型 含义 线性渐变 linear-gradient 指在一条直线上进行渐变 径向渐变 radial-gradient 是一种从起点到终点颜色 前端 2025年04月23日 45 点赞 0 评论 17373 浏览
有关Webpack面试题 一、说一下对Webpack的看法 Webpack是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。 它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件(图片,字体)等,让开发更高效。 对于不同类型的依赖,Webpack有对应的模块加载器,而且会分析模块间的依赖关系,最后合并生成优化的静态资源。 二、Webpack的基本功能 代 前端 2025年06月20日 130 点赞 0 评论 17404 浏览
116.学习微前端架构-乾坤 学习微前端架构-乾坤.png 目的:拆分应用,减轻一个庞大应用的压力,从另一个方面将公司所有的系统进行整合,形成一个整体。 微前端出现以前,每个系统都是独立的,用户需要保存不同系统的网址,使用微前端后,记录一个地址就好了。在用户层面进了整合,从开发层面减轻了系统压力。 主应用(不限技术栈)和子应用(目前vite项目的支持度不是很好) 接入案例,参考官网qiankun 首先需要搭建子应用 前端 2025年06月26日 185 点赞 0 评论 17465 浏览
懒加载的实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d 前端 2025年05月12日 36 点赞 0 评论 17476 浏览