vue
励志成为前端大佬
加油加油加油,努力努力努力!
展开
-
Vue中如何利用websocket实现实时通讯
然后再通过io里面的emit方法,给另外一个页面发送自定义事件,然后用socket.on去接收自定义事件,代码放在下面,里面的ip改成自己的,就可以实现模拟聊天功能。1.新建一个app.js,然后创建pagejson.js文件,输入以下指令。3.在app.js里面去进行导包创建express实例。或者其他调试接口的工具去看是否接收到了数据。搭建完毕后,可以去创建两个html文件。5.下载socket.io包。4.重启服务器,我们可以利用。服务器里面去接收自定义事件。6.在app.js里面导包。原创 2023-02-27 18:09:04 · 3145 阅读 · 0 评论 -
vue中的百度地图的搜索定位功能
import loadBMap from '@//loadBMap.js'//这里运用async/await 进行异步处理,保证BMap加载进来后才执行后面的操作。await loadBMap('您的密钥') //加载引入BMap。第3步:在mounted中调用 loadBMap()第2步:在组件中引入loadBMap函数。,登录百度账号,创建应用即得。封装loadBMap.js文件。里面有步骤以及代码可以结合操作哦。原创 2023-02-26 22:52:32 · 1335 阅读 · 0 评论 -
uniapp开发微信小程序的登录功能实现
3.结合以上这两个api获取的一些数据组合成接口所需要的参数,然后通过调用后端的接口去得到用户的token。调用uni.login()这个api去获取code字段。,得到一些登录接口相关的一些数据。1.首先我们是需要去。获取token的方法。原创 2023-02-24 09:37:51 · 2449 阅读 · 1 评论 -
使用uniapp开发微信小程序的微信支付流程
在我们做一些购物车的结算功能时是一定会有支付功能的,那我们如何去做微信支付这个功能呢,首先我们先要理清思路,并且要了解到接口需要哪些数据以及会返回哪写数据。○ 请求创建订单的 API 接口:把(订单金额、收货地址、订单中包含的商品信息)发送到服务器。这个 API 的 success,fail,complete 回调函数。○ 请求订单预支付的 API 接口:把(订单编号)发送到服务器。这个 API,并传递订单预支付对象,发起微信支付。,里面包含了订单支付相关的必要参数。原创 2023-02-24 09:25:13 · 5035 阅读 · 0 评论 -
Vue中的无感刷新token,延期token!详细步骤
返回的结果中的token以及refreshtoken再次存储在本地。返回的token以及refreshtoken存储在本地缓存中。2.当token 过期时,去。的时候的去将后端接口。原创 2023-02-04 17:42:32 · 2373 阅读 · 0 评论 -
Vue中如何去做移动端的适配(超简单!)
Vue中的移动端适配,超简单!原创 2023-02-02 14:36:21 · 513 阅读 · 1 评论 -
Vue中的路由权限筛选详细步骤,可以参考哦!
虽然不知道自己画了个啥,但是还是记录一下,看到的可以参考下,中间也会有一些bug,但是解决的方法也在上面,有注释,不懂得可留言,虽然不知道有没有人看哈哈哈哈。原创 2023-01-05 23:02:27 · 234 阅读 · 0 评论 -
平级数组转化为树形数组(递归方式)
项目中,我们会遇到很多做树形数据的时候,那么怎么把平铺数组转化为属性数组呢?原创 2023-01-05 19:57:46 · 312 阅读 · 1 评论 -
树形数据的表单自定义校验,同级名称不可重复
【代码】树形数据的表单自定义校验,同级名称不可重复。原创 2023-01-04 16:47:45 · 209 阅读 · 0 评论 -
将excel文件中的日期格式内容转回标准时间
但是我们需要把它转化为 2022/12/31 这种格式的话该怎么做呢,这时候我们就需要用到这个方法了。一般我们从excel中得到的数据中的时间一般是 几个数字,因为excel表格内部做了转换。这样我们只需要调用这个方法,就可以将日期转化为我们想要的。原创 2022-12-31 17:44:39 · 507 阅读 · 1 评论 -
Vue中的表单规则校验基本步骤!一看就会!
表单在我们的项目中是非常常见的,特别是在 我们做后台管理系统这类项目,就会存在很多增删改查的功能,这时候我们就需要对表单进行基本的校验,如果存在一些复杂的逻辑业务,我们就需要用到自定义校验规则,具体可以参考element-ui的官网那么下面给大家简单说一下,表单最最基本的校验规则。原创 2022-12-31 10:48:45 · 725 阅读 · 1 评论 -
vue项目中,token失效退出登陆时,如何再次登录的时候跳转至上次退出时的页面?
主要核心代码其实也就3句,大家可以仔细研究一下,不理解的地方可以打印出来看看里面是什么。当我们token失效的时候,服务器一般会返回401,这个时候我们一般都会在。仔细看以下的步骤,可以好好理解一下。,那么我们要怎么去做可以。原创 2022-12-25 09:07:03 · 3077 阅读 · 1 评论 -
localstorage/sessionStorage/cookie 之间的区别
大家可以看图记忆哦,会更加清楚简洁!原创 2022-12-22 23:44:37 · 115 阅读 · 0 评论 -
如何解决跨域问题?简单易懂!
众所周知,服务器之间是不存在跨域问题的,这个时候我们就可以在自己的内部去配置这个服务器,然后 给代理服务器去发送请求,然后代理服务器再去跟后端的服务器进行连接,简而言之:代理服务器就是起到一个中介的作用,这样我们就可以解决跨域的问题了!场景:当我们的A页面发送Ajax请求B地址数据的时候,当A地址与B地址,他们的协议名,域名以及端口号其中有一个不同(不同源)的时候就会出现跨域,那就是需要用到代理了,那什么是代理呢,就是我们前端自己创建一个服务器,就是。,这在我们开发的时候是非常常见的,不要慌!原创 2022-12-22 21:55:18 · 136 阅读 · 0 评论 -
如何使用express写接口(简易版)
使用express写接口的简易方法,可参考哦,具体需要实际操作原创 2022-12-21 22:03:00 · 263 阅读 · 0 评论 -
项目完成后的打包流程(超级详细)
超级详细项目打包流程,一步一步跟着来准没错的,铁子们加油哦原创 2022-12-19 22:32:41 · 4152 阅读 · 0 评论 -
如何将Ajax的请求的结果存储到Vuex中呢?
那么在我们实际开发中,我们经常会在不同组件去用到相同的数据,这时候如果我们去发送Ajax请求时,我们要去存储请求的结果,以及当我们修改这个结果时需要同步更新到其他的组件的时候,我们该怎么去操作呢?在我们做商城项目的时候,我们会去对购物车中物品的数量进行加减操作,这时候这个数据肯定是要同步到服务器的,我们这个时候就可以使用vuex来进行更nice的操作啦!,同时,如果不涉及到异步操作的话,我们是可以直接用commit触发mutations去修改state数据的哦!,来修改state数据,而,原创 2022-12-17 21:50:47 · 273 阅读 · 0 评论 -
组件完整的原型链
1.原型链 : 每一个实例对象都有自己的原型,而原型也是对象,也有自己的原型,以此类推形成链式结构。称之为原型链。2.对象访问原型链规则 : 就近原则对象优先访问自己的属性,自己没有才会访问原型,原型也没有就访问原型的原型,以此类推直到原型链终点(null),如果还没有。 属性则获取undefined, 方法则报错 xxx is not a function3.原型链作用: 继承(方法)知道以上的知识后,我们在来看这组图片原创 2022-12-06 19:45:00 · 117 阅读 · 0 评论 -
VC和VM的区别
VC和VM的区别:用图说话,简单明了原创 2022-12-05 20:15:00 · 960 阅读 · 0 评论 -
如何做全选按钮或多选按钮计算元素总价格
核心思想:先遍历数组里面选中状态为true的元素,利用filter可以过滤得到新数组,然后在利用reduce求和,得到总价格。同理利用for循环,做一个判断条件也可以得到总价格原创 2022-12-04 16:19:33 · 157 阅读 · 0 评论 -
Vue指令中,v-if和v-show的区别
他们各自有各自的应用场景,就比如在我们做登录页面的登录方式的切换的时候,这时候我们用v-if会比较合适,切换次数较少,而在我们做页面弹窗或者移入移出隐藏显示的时候,我们可以用v-show的指令来进行操作。,要么显示要么隐藏的情况,我会用到v-if。因为v-if是惰性的,如果初始值为false,那么这些元素就直接不创建了,这样可以节省一些初始渲染开销。时就会用到v-show,因为v-if在频繁切换上会大量的创建和删除元素,消耗性能。一般匀速需要频繁切换,也就是说。原创 2022-12-02 22:00:21 · 240 阅读 · 0 评论