m0_63040701的博客

在当今数字化学习的浪潮中，微信小程序以其便捷性和实用性，成为了众多学习者刷题备考的得力工具。今天，我们就来深入剖析一个微信小程序刷题功能的实现逻辑，从代码层面揭开其神秘面纱。在小程序的顶部，我们设置了一个自定义导航栏，方便用户进行页面跳转。

简介WXSS(WeiXin Style Sheets)是一套样式语言，用于描述WXML的组件样式特性【相比于css1.新增了尺寸单位rpx：可以根据屏幕宽度进行自适应，规定屏幕宽为750rpx2.样式导入：使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束内联样式1.class：静态样式，用于指定样式规则，其属性值是样式规则中类选择器名(样式类名)的集合，样式类名不需要带上.，样式类名之间用空格分隔。

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。backgroundTextStyle： 下拉 loading 的样式【默认dark，仅支持dark/light】iconPath【可选】：图片路径，最大40kb，建议尺寸81px*81px，不支持网络图片，当position为top时不显示。uploadFile：wx.uploadFile的超时时间【默认60000】

简介微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。微信公众平台网址：https://mp.weixin.qq.com/官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/

【代码】顶部动态菜单栏的使用。

开发环境：vue3，sass。

在我们精心撰写的博客文章中，你将发现如何通过学习Less这一强大的CSS预处理器，以更高效、更可维护的方式编写样式代码。无论你是初学者还是经验丰富的开发者，我们的指南将带你逐步了解Less的核心概念和语法。通过实际示例和深入解析，你将从中汲取灵感，提升你的前端技能。加入我们的学习社区，与同行分享知识，一同探索创新、时尚而富有表现力的前端设计世界！Less 中的作用域与 CSS 中的作用域非常类似。如果你想创建一个混合，但是你不希望这个混合出现在你的CSS中，在混合定义后面加圆括号。&表示当前选择器的父级。

简介Pinia 是Vue的存储库，它允许您跨组件/页面共享状态Pinia 最初是为了探索Vuex的下一次迭代会是什么样子，结合了Vuex 5核心团队讨论中的许多想法最终，我们意识到Pinia已经实现了我们在 Vuex5中想要的大部分内容，并决定实现它取而代之的是新的建议与Vuex相比，Pinia提供了一个更简单的 API，具有更少的规范文档官方文档中文文档注意pinia有个副作用，就是无法持久化，在浏览器刷新重置之后，会全部恢复默认。

我们将揭开Axios的神秘面纱，学习如何使用它的简洁且优雅的API，以及如何利用其强大的功能构建卓越的互联网应用。无论你是经验丰富的开发者还是初学者，这篇文章将为你提供宝贵的见解和技巧，助你在前端开发的道路上更进一步。在当今数字化世界中，互联网应用的需求日益增长，而无论是大型企业还是初创公司，都需要一个强大而可靠的工具来处理与后端服务器之间的通信。让我们一同探索Axios的奥秘，为你的互联网应用注入更多的效率和高质量！解锁前端开发的新境界 - 深入探索Axios，构建卓越的互联网应用。

size：图标的大小【默认继承字体大小】color：图标颜色【默认继承颜色】

type：类型【'primary'| 'success'| 'warning'| 'danger'| 'info'| 'text'(delete)】bg：是否显示文字按钮背景颜色，即白色，不设置则为页面背景色。disabled：按钮是否为禁用状态。round： 是否为圆角按钮。loading：是否为加载中状态。tag：自定义元素标签，如a标签。circle：是否为圆形按钮。color：自定义按钮颜色。text：是否为文字按钮。plain：是否镂空。

如果在运行时绑定条件很少改变，则 v-if 会更合适。vue提供响应式数组的变更方法：push()/pop()/shift()/unshift()/splice()/sort()/reverse()...相比之下，v-show 简单许多，元素无论初始条件如何，始终会被渲染，只有 CSS display 属性会被切换。简写：输入框：

也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。confirm-type：设置键盘右下角按钮的文字，仅在type='text'时生效【send发送/search搜索/next下一个/go前往/done完成】【可选success/success_no_circle/info/warn/waiting/cancel/download/search/clear】mode：应用模式，只在初始化时有效，不能动态变更【normal:相机模式 scanCode:扫码模式】【默认normal】

整个小程序只有一个 App 实例，开发者可以通过getApp方法获取到全局唯一的App实例，获取App上的数据或调用开发者注册在App上的函数。iconPath【可选】：图片路径【最大40kb，建议尺寸81px * 81px，不支持网络图片，当position为top时不显示】在app.wxss文件中引入common.wxss文件：@import "./common/common.wxss";使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;

resources下面创建static和templates两个文件夹，分别存放静态文件和动态页面。连个文件夹中都创建back和front文件，一个是前台，一个是后台。index.html放在templates中back。修改index.html中引入资源的文置，如下。我采用手动搭建springboot项目的方式。启动开发服务器（项目目录）springboot项目。static中back。

next();

用插槽结合动态数据绑定达到图标的自定义效果。

【代码】使用vue开发app个人中心页面。

element-ui表格Table详解。

element-ui配置按需引入和全局引入。

axios是通过Promise对ajax的封装，是一个基于Promise 的Http库，可以在浏览器和Node.js中使用。简单理解为：axios是一个封装好的，基于Promise的发送请求的方法，不用设置回调，直接调用then方法。vue的全局处理方案 app.config.globalProperties可以实现。在真实场景中，有可能会需要一次性获取多个网络请求的结果。修改vite.config.js，修改完要重启服务器。利用依赖注入，利用Provide和Inject。

el-menu详解。

先给大家展示一下大致的样式draggable：为 Dialog 启用可拖拽功能destroy-on-close：当关闭 Dialog 时，销毁其中的元素v-model="dialogAddVisible"：绑定对话框的状态title="添加用户"：对话框的标题width="35%"：对话框宽度center：是否让 Dialog 的 header 和 footer 部分居中排列。

pinia 支持热模块替换，因此你可以编辑store，并直接在您的应用程序中与它们交互，而无需重新加载页面，允许您保持现有的状态，添加，甚至删除state，action和getter。Actions 相当于组件中的 methods。在 pinia 中修改状态要比在 vuex 中修改状态简单的多，因为不用引入额外的概念，直接用 store.counter++ 修改 store。直接从 pinia 中解构赋值，操作的时候会发现，内容根本不会发生变化，因为直接从 pinia 中解构数据失去了响应式。

我这里不是直接用data来传递整个树的数据，而是用懒加载的方式，当点击一个节点的时候再进行树结构的添加。这里我利用element-ui开发一个vue的树形组件。修改vite.config.js配置按需加载。安装element-plus。

如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。在这种情况下，URL 的片段通常对应于特定的嵌套组件结构。而HTML5 模式直接访问子路径会报404，但是也可以解决：在你的服务器上添加一个简单的回退路由。要将嵌套路由添加到现有的路由中，可以将路由的 name 作为第一个参数（父级name）、有时，你可能希望将任意信息附加到路由上，如过渡名称、谁可以访问路由等。RouterLink / RouterView会默认跳转/用于访问路径设置多个名字。

jQuery详解

人物介绍页面

搭建完项目之后，需要把vue自带的一些配置给删除，方便我们的学习修改完之后是以下目录下面的代码都在APP.vue里面写。

vue的环境搭建，包括运行环境node.js,开发环境Visual Studio，以及如何启动vue项目