- 博客(121)
- 收藏
- 关注
RSS订阅原创 12.25 组件化开发
在根目录创建components文件夹创建对应页面的子文件夹 （例： indexpage—存放首页中相关的组件）继续在indexpage内创建文件夹 (例： tab—定义tab组件的文件夹)在tab上右击–> 新建Component–>输入名字–>回车后会自动生成四个文件tab.jstab.jsontab.wxmltab.wxss以index为例， 在index页面中引入该组件using“x-tab”: 为自定义组件的名称 “/components/indexpage/tab/tab”： 为组件文件的路径
2025-12-25 12:01:54
246
原创 12.24 常用API
小程序中提供了很多的api，所有的API都是通过wx.XXX使用的，例如：请求数据wx.request跳转页面 wx.navigateTo扫码 wx.scanCode显示隐藏 loading. wx.showLoading() wx.hideLoading()停止下啦刷新效果 wx.stopPullDownRefresh()显示tosat wx.showToast()
2025-12-24 10:25:19
734
原创 12.23 page页面的逻辑
模拟数据 fastmock：https://www.fastmock.site/添加在线图片 image图床：https://imgse.com/
2025-12-24 10:21:47
377
原创 12.22 wxml语法
在app.json的pages中可以添加或删除页面每个页面由四个文件组件：*.js ： 页面逻辑 *.json: 页面配置，可覆盖app.json中的配置 *.wxml: 页面结构 *.wxss: 页面样式WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。
2025-12-24 10:21:07
325
原创 12.18 Datav的使用
vue2使用DataV：http://datav.jiaminghi.com/guide/vue3使用DataV：https://datav-vue3.jiaminghi.com/guide/注意：目前为止，文档中的使用方式是vue2的使用方式，所以必须使用vue2的方式搭建环境查看是否安装vuevue -V创建vue项目进入项目启动项目访问项目!!组件库基于Vue （React版） ，主要用于构建大屏（）数据展示页面即带有不同边框的容器用来点缀页面效果，增加视觉效果图表组件基于。
2025-12-18 17:21:51
535
原创 12.18 中后台项目-权限管理
![[1280X1280 (46).PNG]]![[1280X1280 (48).PNG]]![[1280X1280 (50).PNG]]![[download_image.jpeg]]adminRouter.jsonteacherRoutes.json从后端接口返回不同权限的路由数据 - user.js前端接受路由信息并渲染数据【接收一个路由信息】，在login页面接受数据 - index.vue遍历二级路由，使dashboard下面的二级路由都可以使用生成动态侧边栏思路：登陆成功之后，将路
2025-12-18 17:21:17
451
原创 12.17 vue递归组件
使用递归组件可以方便地在组件内部递归地渲染子节点。例如，可以使用一个名为 tree-node 的组件，该组件在其模板中递归地包含自身，并在每一层次上显示节点的标签和其子节点。这样，当数据发生变化时，组件会自动重新渲染，并保持节点层次结构的正确性。递归组件的技术要点： 一定要设置name属性，递归使用时，用得就是name属性的值。recursion 递归。
2025-12-18 17:20:22
246
原创 项目中的一些问题（补充）
你想要什么效果请求完接口数据后，数据渲染为轮播图，而且轮播图能循环播放哪个地方不是你预期的效果请求完接口数据后，轮播图也能正常轮播，但是播放到最后一幅后，不再循环播放在<swiper>组件上添加 v-if=“swiperList.length”如果没有加 v-if在接口数据到来之前，swiper已经初始化，此时数据为[], loop选项是针对空数据的循环控制，而获取数据之后，虽然触发了视图更新，但只更新,而没有更新swiper配置,所以循环失效如果加了v-if。
2025-12-18 17:18:45
244
原创 12.10 Element-plus组件库的使用
element-plus官网: https://element-plus.org/zh-CN在main.ts中引入element-plus中图标的使用使用动态图标Menu菜单Message消息提示表单-登录页面完整代码如下：
2025-12-10 12:18:28
421
原创 12.8 vuex状态管理
如果应用比较简单，就不需要使用Vuex，直接使用父子组件传值及其它传值方式即可，使用Vuex就要额外的引入vuex的框架，可能是繁琐冗余的。由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。它采用集中式存储管理应用的所有组件的共享状态，并以相应的规则保证状态以一种可预测的方式发生变化。更改 Vuex 的 store 中的状态的更改唯一方法是提交 mutation。提交的是 mutation，通过mutaion更改状态，而不是直接变更状态。getter的参数为state。vuex在项目中的使用。
2025-12-08 10:32:26
870
原创 12.4 axios的二次封装-深拷贝
在Javascript中，对象的复制有两种方式： 浅拷贝和深拷贝。浅拷贝只拷贝内存地址，拷贝后的对象和原始对象引用同一个地址，所以修改拷贝后的对象会影响到原始对象。深拷贝是指将一个对象完全复制到另一个对象中，包括对象的所有属性和方法。与浅拷贝不同，深拷贝会递归地复制对象的所有属性和方法，直到所有属性和方法都被复制完毕。因此，深拷贝可以保证复制后的对象与原始对象完全独立，互不影响。
2025-12-05 08:37:31
669
原创 12.2 vue3路由(2)
命名路由： 路由配置中提供name属性的路由使用创建 a 标签来定义导航链接借助 router 的实例方法，通过编写代码来实现。向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，会回到之前的 URL 当点击，内部会调用这个方法，相当于调用 router.push()它的作用类似于 router.push，唯一不同的是，它在导航时不会向 history 添加新记录，正如它的名字所暗示的那样——它取代了当前的条目在创建路由器实例时，history 配置允许我们在不同的历史模式中进行选择。
2025-12-03 11:25:27
812
原创 12.1 vue3路由(1)
路由是根据不同的 url 地址展示不同的内容或页面以前路由都是后台做的，通过用户请求的url导航到具体的html页面，前端路由就是通过配置js文件，把这个工作拿到前端来做。
2025-12-03 11:24:53
399
原创 11.26 Vue3组合式API
除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。
2025-11-26 14:49:47
278
原创 11.25 Vue内置组件
有些场景会需要在两个组件间来回切换，比如 Tab 界面, 可通过动态组件实现Home.vuePosts.vueApp.vueTransition 是一个内置组件，这意味着它在任意别的组件中都可以被使用，无需注册。它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。进入或离开可以由以下的条件之一触发：由 v-if 所触发的切换由 v-show 所触发的切换由特殊元素切换的动态组件改变特殊的 key 属性当一个。
2025-11-25 14:32:55
586
原创 11.24 Vue-组件2
有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在组件模板中定义slot插槽，允许在使用组件时，在组件标签内部定义要渲染在插槽位置的内容。在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。可以在组件上使用以实现双向绑定，实际是子组件更改父组件数据的语法糖 核心语法。插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。作用域插槽的作用： 在插槽对应的模板中可访问子组件内部的数据。
2025-11-24 16:24:07
713
原创 11.20 vue项目搭建-单页面应用
单页Web应用（single page web application，SPA）： SPA 是一种特殊的 Web 应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 HTML 、 JavaScript 、 CSS一旦页面加载完成， SPA 不会因为用户的操作而进行页面的重新加载或跳转，而是利用 JavaScript 动态的变换 HTML（采用的是 div 切换显示和隐藏），从而实现UI与用户的交互。
2025-11-20 16:08:21
796
原创 11.20 vue3生命周期函数
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听(data,methods,computed,watch)，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。简单来说：生命周期钩子就是在vue实例创建过程中或更新过程中的某个时间点会自动触发（自动）的函数。
2025-11-20 11:17:07
911
原创 11.18 响应式系统-methods-computed-watch
1、计算属性(通过其他的值算出新值)：避免数据冗余（1）内置缓存，当计算属性依赖的响应式数据没有发生改变时，这个计算属性就不会再执行，就会一直用上一次计算的结果，这样就能提高性能。（2）一定要用return返回新值2、方法：没有缓存机制，页面只要重新渲染，方法就会重新执行一次。3、侦听器 :（1）侦听的响应式数据发生变化时会再次执行，性能还可以，就是复杂了。（2）可以监听变量的变化而做出处理，不一定要有返回值。
2025-11-18 11:16:23
405
原创 11.14 vue模板语法-指令
MVC：全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，是一种软件设计典范，将业务逻辑、数据、界面显示分离组织代码的形式M：model层，主要处理数据的curdV：view 视图层，前端页面C：controller 控制器层，也被称为业务逻辑层，路由也是这里面的，最重要的是conrtol，数据的业务逻辑。例：登陆，注销!前端主要负责MVC中的V（view）这一层，主要工作就是和界面打交道，来制作前端页面效果。
2025-11-14 15:38:02
890
原创 11.11 Express-generator和文件上传和身份认证
http协议是无状态，指的是客户端的每次http请求都是独立的，连续多个请求之间是没有直接的关系的，服务器不会主动保留每次http请求的状态 让服务器有记忆功能 cookie和session cookie虽然是本地存储，但是每一次请求都会将cookie发送给服务器 cookie相当于每一次客户端颁发一个通行证了保证jwt字符串的安全性，防止jwt字符串在网络传输过程中被别人破解，我们需要专门定义一个用于加密和解密的secret密钥。
2025-11-11 12:01:49
798
原创 11.11 静态资源和模版引擎
中间件：就是一个函数，可以处理app请求的函数总结：中间件就是发送请求，和在接收请求之间做的一系列操作原则：从上往下执行，会先执行中间件，在执行对应的路由!
2025-11-11 11:19:53
446
原创 11.10 express
express是一个快速的，开放的，极简的 Web 开发框架，其实说白了就是封装的http；express是一个基于node.js的极简，灵活的web应用开发框架express可以快速搭建一个完整功能的网站express的作用与nodejs的内置的http模块类似，都是用来创建web服务的；但是http模块使用起来比较繁琐。开发效率低，express是基于http模块封装出来的，能够极大的提高开发效率http与express的关系，javascript原生操作DOM和jquery的关系一样。
2025-11-10 10:14:50
326
原创 11.5 包和包管理器
包 - ‘Package’，可以帮我们维护，特定模块他们之间的关系；一般情况下，一个包就完成摸个特定的功能，一个包中也会有很多模块；node中提供了npm作为包的管理工具；查看是否有npm：npm -v这个网站是用来托管所有开源的包的，npm的网站实际上已经成为世界范围中，最大的一个平台，在这个网站上托管的项目是相当庞大的；包：多个模块可以形成包，不过要满足特定的规则才能形成规范的包npm：全球最大的模块生态系统，里面所有的模块都是开源免费的，也是node.js的管理工具npm和node的关系。
2025-11-06 10:25:52
1033
原创 11.6 node系统内置模块
write可以使用多次，但是最后一次一定要使用end来结束响应，否则客户端会一直等待 end：这个方法是用来告诉服务器，所有的响应头和响应主体已经发送完毕，服务器就会知道这个消息已经完成了。对http请求所带的数据进行解析（老版本，基本上被弃用了，使用的时候，有个删除线） URLSearchParams(req.url.substring(2))所谓的数据流，就是数据一部分一部分进行处理，专门用来处理较大的文件，比如：音频，视频，压缩包等；内置/核心模块有：http，fs，path，os，system。
2025-11-05 16:21:03
550
原创 11.4 node基础
Node.js是什么?node.js不是一门语言Nodejs不是库，不是框架nodejs是一个javascript的运行环境简单点来说就是node.js可以解析和执行js代码 以前只有浏览器可以解析和执行js代码也就是说现在js可以完全脱离浏览器来运行，一切都要归功于nodejs自定义模块：自己创建的js文件exports.导出名称 = uname;// 可以导出变量，函数等类型return a+badd:add,age:age// 获取所有导入数据//相对路径，常用。
2025-11-05 11:44:45
487
原创 10.31 MySQL数据记录操作
它通过在表达式中允许使用专门的通配字符，可以找出与指定搜索字符串全部或部分匹配的记录。默认情况下，是不区分大小写的方式执行的。where 子句是判断语句，用来设定条件，限制只更新匹配的行,如果不带where子句，则更新所有行数据。查询全体学生的姓名、出生年份和所有系，要求用小写字母表示所有系名。查询年龄最大的前3个学生的姓名和年龄，或第4、5个学生。查询全体学生的姓名、年龄，要求按照年龄降序排序。查询选修了课程的学生学号(去掉重复的记录)查询年龄在20以下的学生的姓名。查全体学生的姓名及其出生年份。
2025-10-31 15:17:27
271
原创 10.30 MySQL数据库基础
数据库由一批数据构成的有序集合，这些数据被分门别类地存放在一些结构化的数据表（table）里，而数据表之间又往往存在交叉引用的关系，这种关系使数据库又被称为关系型数据库。在使用VARCHAR类型时，如果我们传入的值的长度小于指定长度，实际长度即为传入字符串的长度，不会使用空格填补。在使用CHAR和VARCHAR类型时，当我们传入的实际的值的长度大于指定的长度，字符串会被截取至指定长度。在使用CHAR类型时，如果我们传入的值的长度小于指定长度，实际长度会使用空格补至指定长度。属于一个SQL语句，使用分号（;
2025-10-30 16:12:47
920
原创 10.29 ArkTS类
定义一个矩形类 (Rect ) ,具有两个成员属性: 宽(width) 高(height)具有两个成员方法: 计算周长(getPerimeter) 计算面积 (getArea)创建两个矩形类的实例,并在页面中显示对应的两个矩形，在矩形中显示该矩形的周长和面积//成员属性//成员方法// 周长//面积getArea(){@Entry@Componentbuild() {Column(){//矩形1Row(){
2025-10-29 17:15:21
253
原创 10.29 ArkTS函数
语法//函数定义function 函数名(){// 函数体//函数调用函数名()案例//没有参数的函数定义和调用let msg = '欢乐中国年'console.log("准备执行")// 调用函数以执行其函数体形参：在声明函数的小括号里面是形参（形式上的参数）实参：在调用函数的小括号里面是实参（实际上的参数）在函数声明中，必须为每个参数标记类型。语法//函数定义function 函数名(形参1: 类型，形参2: 类型 ... ){// 函数体//函数调用。
2025-10-29 17:13:19
813
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人