- 博客(39)
- 收藏
- 关注
RSS订阅
原创 vue项目配置多个代理，使得前端能可以连接多个不同端口的接口
这是我在做项目时碰到的一个难题，因为没有写过大型的项目，所以对这些配置不太熟悉，经过总结得出这些方法，这只是我这个初学者想到最好的解决办法，如果有更好的办法，希望各位不吝赐教，指出错误。
2022-09-05 20:57:47
10047
原创 vue路由配置
二、配置路由在根目录下创建文件夹router，在router文件夹下创建index.js文件，如下图所示在index.js文件中写入如下代码，实现创建一个路由器 如上图，配置好了一个路由器，里面包含了2个路由，分别为student，school 路由在跟目录下创建view或者page文件夹，创建student，school两个路由（vue文件），如下图 在main.js中注册路由编辑student.vue路由编辑school.vue路由在app.vue中进行路由的使用四、效
2022-07-07 23:26:28
23276
4
原创 electron-vite打包后图标不生效问题
以下是错误代码，原本的初始化项目中的artifactName就带有setup，因为有setup就会自动改为electron的图标。可以通过方式一打包好一个正确图标后，去修改名称为xxx-setup.exe，图标就会修改为eletron。在electron-builder.yml中，通过icon配置自己的图标，以下是正确代码。
2024-12-20 17:55:20
610
原创 react native 安装好apk后无法打开
协议的链接时，系统可能会询问用户是否要打开这个链接，并且可能会选择你的应用来打开它。中的一个部分，它定义了数据协议，告诉系统这个Activity可以处理以。react native 打包好apk安装完成，没有打开app按钮，存在<data android:scheme="https"/>在AndroidManifest.xml中。这样配置后，当用户点击一个。
2024-11-19 17:37:00
552
原创 RESTful API
它通过使用HTTP的不同方法（如GET、POST、PUT、DELETE）来实现对资源的操作，以及通过URL来定位和访问资源。总之，RESTful API是一种设计风格，通过使用HTTP的方法和URL结构来操作资源，可以方便地构建和操作web应用程序。1. 设计API接口：确定需要的资源以及对这些资源进行操作的方法，定义URL结构和参数。3. 可维护性：通过统一接口和分离客户端和服务器端的设计，可以更容易地维护和修改代码。4. 进行测试和调试：通过调试客户端和服务器端代码，验证API的正确性和可用性。
2024-07-30 17:37:32
370
原创 uniapp的H5实现图片长按保存
使用uniapp的api实现图片预览，可以缩放，关闭等操作imageUrl是图片地址，如https://www.111.com/abc/image.pngurls是字符串数组，用来预览图片因为app可以使用对应的图片下载保存，这里就不多说了，主要讲的是在H5实现图片预览保存功能。
2023-08-27 19:18:48
4239
原创 vue3(vite)实现图片懒加载
在src目录下创建lazy文件夹，用于存放懒加载实现的自定义指令，lazy下创建index.js文件。原理：在图片将要展示到可视区域时，将v-lazys的内容交给src属性，使图片得到展示。当不断下滑时，就会有图片进入可视区域，图片就会被放在src标签中进行渲染。在main.js中引入懒加载文件，挂载到app上。在app.vue中放多个图片，查看懒加载是否实现。banding是当前dom对象。
2023-04-28 17:42:15
2063
原创 useVModel()的使用------通俗易懂
useVModel（）用来实现父子组件间数据的双向绑定，若不想使用默认回调，也可以自己使用emit实现回调。
2023-04-06 18:37:52
4460
原创 手写轮播图组件
立即监听图片数组，若图片数组发生变化（页面挂载完毕，图片数组从无到有），就判断是否有图片且参数是否为自动切换，若是则执行autoplayFn函数，开始自动轮播。在跟标签加入指示器用来切换标签，通过图片数组的长度来判断指示器的点数，点击指示器获得该指示器的索引，同时切换currindex的值，达到切换图片的效果。通过change函数的参数step控制图片左右切换，判断索引是否超出图片索引，若超出索引则索引归位。使用ul>li遍历展示图片，将图片使用定位，把所有图片重合在一起，且设置图片为透明。
2023-03-25 17:53:57
356
原创 js面试题（日更）
有一个html文件，里面有引入了script的js代码段，并且使用修饰符修饰运行流程为async 同步解析html，和script，待script解析完成后运行jsdefer 同步解析html，和script，待script和html解析完成后，运行js。
2023-02-23 21:56:44
116
原创 js的事件循环机制
因为js是单线程，所以从上到下进行代码执行,每次同步任务执行完成后，回去任务队列寻找级别更加低的任务。async函数到await之间内容。async函数的await之后内容。promise的then函数。定时器（时间少的在队列前面）
2023-01-05 23:23:22
104
原创 防抖与节流
点击按钮（页面一下执行太多次， 控制执行次数）业务逻辑：点击按钮向服务器发送请求，又要避免用户多次点击按钮发送请求// 获取btn按钮console.log('发送了请求')},2000)// 节流函数// 不会被干扰（闭包）// 为true，发送一次请求if(flag){flag=true},delay)}}}
2023-01-03 23:16:28
558
原创 使用javascript写后端（nodejs）
请确认系统安装了node新建一个文件夹（node-test）用来存放这个后端项目，在文件夹下建立文件（db.js，app.js）db.js是后端访问数据的配置文件app.js是node项目的启动文件。
2022-12-22 22:51:36
3704
原创 springboot+vite(vue3)部署到linux服务器
使用/api是为了统一接口管理 base用于整理文件，跨域代理基本没有关系，这里不讲了前端打包之后打开index.html文件，如下图所示，代表资源没有问题，可以放到nginx部署 ，springboot使用maven打包工具自动打包，生成jar包，导入到linux系统中，要在第三步完成后再对springboot打包。自己安装吧，教程很多，安装完成之后导入数据库，用navicat连接数据库（或者其他工具），如果连接不成功看看端口是否开发之类的配置。修改springboot连接的数据库，检查两者是
2022-12-07 22:40:35
1873
原创 使用vue3+mockjs+axios实现获取回调函数，并实现返回值的响应式
其中，需要引入封装好的axios（request），用request发送get请求，提前定义data用来存请求结果，得到响应式数据。在src下创建api文件夹，并创建request.ts文件，封装基础请求路径为/mock，之后的请求中就会自动带上/mock。写入以下代码，实现模拟数据，设置请求路径为/mock/get，会得到getdata里面的数据。2、1 在src下创建文件夹mock，在mock文件夹下创建index.ts文件。在需要发送请求的组件中写入以下代码。在main.ts中引入mock。
2022-11-19 01:08:26
1429
原创 vue3中＜script setup＞＜/script＞的文件使用方式
什么是响应式数据 ：当数据发生改变时，会重新解析dom，渲染页面响应式测试：通过对数据username，person的修改，观察页面更新结果如下图。
2022-11-17 23:04:36
1917
原创 vue3路由配置及路由跳转传参
在src目录下创建pages文件夹，里面创建两个vue文件命名为student.vue,person.vue。在app.vue中进行路由展示，使用router-link进行路由跳转，to代表跳转到哪个路由。效果如下图所示，点击（到student路由）或（到person路由）会进行路由跳转。声明式路由通过router-link进行路由跳转，編程式路由通过函数实现。路由之间用router路由器，当前路由使用toute路由。student.vue和person.vue。通过router.push进行路由跳转。
2022-11-17 18:23:28
13035
原创 vue2项目引入markdown进行展示
2、在想要展示markdown文件的地方写入组件。4、配置webpack.base.conf.js。在module中的rules增加一个配置规则。1、在main.js中，对组件进行引入。3、在data中进行如下配置。注意所展示的md文件路径。
2022-09-12 23:06:44
1962
原创 vue插槽的使用
假设有app.vue和test.vue组件在app.vue中在test组件里面加入图片在test.vue组件中如果没有使用插槽的表现为表明没有解析test组件中的我是组件里面的数据 这个语句，因为vue不知道这条语句放在一下的哪个地方 头 尾所以vue没有解析解决方案把我是组件里面的数据 语句需要展示的位置放一个插槽，表示将这条语句展示在固定位置，效果如下图所示： 假如在app.vu...
2022-07-06 22:23:33
1105
原创 vue的全局事件总线
用于组件之间的数据传递，多数用于兄弟组件传递信息，任意组件都可以通信父=》子组件用props传递，子=》父组件用自定义事件在main.js中二、使用全局事件总线例如在两个组件中实现通信，有student.vue,school.vue两个组件实现student.vue把学生姓名发送给school.vue其中sendname代表发送出去的数据名字进行接收数据 data表示收到的数据当组件销毁时要去掉当前组件的全局事件总线一定要在this.$bus.$off()里面传递销毁的事件
2022-07-06 21:32:28
809
原创 vue组件的自定义事件
组件的自定义事件是给组件用的，而其他的事件是给原生html（h1，input）标签使用的假设父组件为app.vue，子组件为student.vue在student.vue中在app.vue组件中，收到student.vue传过来的数据二、解绑自定义事件在student.vue中进行解绑，加上一下按钮适用于解绑一种自定义事件3、模板例子student.vueapp.vue...
2022-07-06 20:50:48
389
原创 vuex的作用以及实现
若vue项目版本为2的，安装vuex3若vue项目版本为3的，安装vuex41、建立store文件夹2、在store文件夹中建立index.js文件3、创建store仓库有小仓库vuex工作顺序1、在组件内部派发dispatch（第一个参数为："actions"，第二个参数为：空对象或者需要传递的参数 ）无参数版本有参数版本2、实现actions在index.js里面实现actions3、实现mutations在index.js中实现mutations4、
2022-07-05 22:49:18
140
原创 props传递（父子传递）
形象的说，这是一个微信发红包，需要发送和缺人收款。在app.vue组件里面的student组件中，传入数据如下想里面传入名字为（list），值为name的数据在student.vue里面中，接收数据，里面就包含了name的值......
2022-07-05 11:36:37
453
原创 vue框架常用的方法
1）method:{}2)computer(){//用于计算属性的书写}3)mounted(){//当组件挂载完毕的时候调用，若上面的html代码中存在for循环，则上方没有完全完成}4）updata(){//当数据发生变化时，响应式数据发生变化，都会调用这里的方法}5）//使用方法，监视器,......
2022-07-04 23:18:46
158
1
酒店管理系统测试计划，适用于软件测试期末大作业
2022-12-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人