- 博客(37)
- 收藏
- 关注
RSS订阅原创 JSONP解决跨域问题
注意：jsonp只能发送get请求，发送的不是ajax请求，是单独的请求方式。后端的代码：注意返回的是fn(arr),arr必须转为字符串形式的返回。前端的代码：需要在路径后面传一个为函数的参数，函数要写在路径前面。
2023-03-01 10:05:36
523
原创 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
3176
原创 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
1373
原创 uniapp开发微信小程序的登录功能实现
3.结合以上这两个api获取的一些数据组合成接口所需要的参数，然后通过调用后端的接口去得到用户的token。调用uni.login()这个api去获取code字段。，得到一些登录接口相关的一些数据。1.首先我们是需要去。获取token的方法。
2023-02-24 09:37:51
2473
1
原创 使用uniapp开发微信小程序的微信支付流程
在我们做一些购物车的结算功能时是一定会有支付功能的，那我们如何去做微信支付这个功能呢，首先我们先要理清思路，并且要了解到接口需要哪些数据以及会返回哪写数据。○ 请求创建订单的 API 接口：把（订单金额、收货地址、订单中包含的商品信息）发送到服务器。这个 API 的 success，fail，complete 回调函数。○ 请求订单预支付的 API 接口：把（订单编号）发送到服务器。这个 API，并传递订单预支付对象，发起微信支付。，里面包含了订单支付相关的必要参数。
2023-02-24 09:25:13
5101
原创 Vuex的辅助函数的语法
vuex中的五个核心：state,getters,mutations,actions,modules。mutations：唯一可以修改state数据的地方，通过commit触发。getters:类似于vue中的computed计算属性，也是有缓存的。actions：异步操作的地方，例如发送请求，通过dispatch触发。vuex中具有辅助函数，辅助函数更方便我们取得vuex中的数据。以下是原始语法和辅助函数语法的对比。modules:模块化管理。state:存储数据。
2023-02-16 21:50:57
94
原创 小程序中的token无感刷新
其实token无感刷新不管是在vue中还是小程序中，核心是不变的，下面是方法首先我们需要创建一个utils文件夹里面创建一个http.js在http.js中做以下操作====》最主要的是看响应拦截器中的操作。
2023-02-06 15:41:49
896
原创 Vue中的无感刷新token，延期token！详细步骤
返回的结果中的token以及refreshtoken再次存储在本地。返回的token以及refreshtoken存储在本地缓存中。2.当token 过期时，去。的时候的去将后端接口。
2023-02-04 17:42:32
2435
原创 Vue中的路由权限筛选详细步骤，可以参考哦！
虽然不知道自己画了个啥，但是还是记录一下，看到的可以参考下，中间也会有一些bug，但是解决的方法也在上面，有注释，不懂得可留言，虽然不知道有没有人看哈哈哈哈。
2023-01-05 23:02:27
255
原创 将excel文件中的日期格式内容转回标准时间
但是我们需要把它转化为 2022/12/31 这种格式的话该怎么做呢，这时候我们就需要用到这个方法了。一般我们从excel中得到的数据中的时间一般是 几个数字，因为excel表格内部做了转换。这样我们只需要调用这个方法，就可以将日期转化为我们想要的。
2022-12-31 17:44:39
534
1
原创 Vue中的表单规则校验基本步骤！一看就会！
表单在我们的项目中是非常常见的，特别是在 我们做后台管理系统这类项目，就会存在很多增删改查的功能，这时候我们就需要对表单进行基本的校验，如果存在一些复杂的逻辑业务，我们就需要用到自定义校验规则，具体可以参考element-ui的官网那么下面给大家简单说一下，表单最最基本的校验规则。
2022-12-31 10:48:45
750
1
原创 vue项目中，token失效退出登陆时，如何再次登录的时候跳转至上次退出时的页面？
主要核心代码其实也就3句，大家可以仔细研究一下，不理解的地方可以打印出来看看里面是什么。当我们token失效的时候，服务器一般会返回401，这个时候我们一般都会在。仔细看以下的步骤，可以好好理解一下。，那么我们要怎么去做可以。
2022-12-25 09:07:03
3127
1
原创 如何解决跨域问题？简单易懂！
众所周知，服务器之间是不存在跨域问题的，这个时候我们就可以在自己的内部去配置这个服务器，然后 给代理服务器去发送请求，然后代理服务器再去跟后端的服务器进行连接，简而言之：代理服务器就是起到一个中介的作用，这样我们就可以解决跨域的问题了！场景：当我们的A页面发送Ajax请求B地址数据的时候，当A地址与B地址，他们的协议名，域名以及端口号其中有一个不同（不同源）的时候就会出现跨域，那就是需要用到代理了，那什么是代理呢，就是我们前端自己创建一个服务器，就是。，这在我们开发的时候是非常常见的，不要慌！
2022-12-22 21:55:18
161
原创 如何将Ajax的请求的结果存储到Vuex中呢？
那么在我们实际开发中，我们经常会在不同组件去用到相同的数据，这时候如果我们去发送Ajax请求时，我们要去存储请求的结果，以及当我们修改这个结果时需要同步更新到其他的组件的时候,我们该怎么去操作呢?在我们做商城项目的时候，我们会去对购物车中物品的数量进行加减操作，这时候这个数据肯定是要同步到服务器的，我们这个时候就可以使用vuex来进行更nice的操作啦！，同时，如果不涉及到异步操作的话，我们是可以直接用commit触发mutations去修改state数据的哦！，来修改state数据，而，
2022-12-17 21:50:47
285
原创 Var ，Let，Const的区别
存在暂时性死区，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。不存在变量提升，即它们所声明的变量一定要在声明后使用，否则报错。大家可以自己敲一下代码进行验证哦，小编感冒，大家加油！声明一个只读的常量。一旦声明，常量的值就不能改变。，即变量可以在声明之前调用，值为。在同一作用域不允许重复声明变量。声明的变量存在变量提升。
2022-12-15 11:16:37
83
原创 什么是拦截器以及如何使用拦截器（页面登录注册）
axios的拦截器是一个作用非常大，非常好用的东西。基本上每个项目都会在拦截器里面做一些统一的处理。首先我们来了解一下什么是axios中的拦截器。了解完拦截器后，我们一起来看看如何使用吧！下面我们来 画个图更加清楚他的作用。优先参考axios官网。
2022-12-08 19:39:06
454
原创 组件完整的原型链
1.原型链 : 每一个实例对象都有自己的原型,而原型也是对象,也有自己的原型,以此类推形成链式结构。称之为原型链。2.对象访问原型链规则 : 就近原则对象优先访问自己的属性，自己没有才会访问原型，原型也没有就访问原型的原型，以此类推直到原型链终点(null),如果还没有。 属性则获取undefined, 方法则报错 xxx is not a function3.原型链作用: 继承（方法）知道以上的知识后，我们在来看这组图片
2022-12-06 19:45:00
130
原创 如何做全选按钮或多选按钮计算元素总价格
核心思想：先遍历数组里面选中状态为true的元素，利用filter可以过滤得到新数组，然后在利用reduce求和，得到总价格。同理利用for循环，做一个判断条件也可以得到总价格
2022-12-04 16:19:33
173
原创 如何通过id获取数组的下标？
可以通过findIndex()方法遍历数组可以获取当前id的数组下标主要的核心思路：就是让传过来的id===当前数组下标的id，满足条件时，就返回的是当前的元素的下标，也可以利用for循环，同理获得下标 扩展：findIndex()的使用
2022-12-04 16:14:00
2420
原创 如何数组去重，数组去重的多种方法
下面是我整理的5种数组去重的方法，欢迎大家追加，以及评价哦！1.第一种方法 es6 的新方法 new Set() 新增的数据结构，似于数组，但它的一大特性就是所有元素都是唯一的，没有重复的值，我们一般称为集合。2.第二种方法 利用filter()过滤掉重复的元素 返回新的数组里面的就没有重复的元素 重点判断： 数组名.indexOf(数组元素) 如果数组里面没有该元素的话，返回的值就是-1,有该元素的话返回的是该元素的索引号3.第三种方法 利用for 循环 搭配 indexOf 去
2022-12-03 22:55:16
584
原创 Vue指令中，v-if和v-show的区别
他们各自有各自的应用场景，就比如在我们做登录页面的登录方式的切换的时候，这时候我们用v-if会比较合适，切换次数较少，而在我们做页面弹窗或者移入移出隐藏显示的时候，我们可以用v-show的指令来进行操作。，要么显示要么隐藏的情况，我会用到v-if。因为v-if是惰性的，如果初始值为false，那么这些元素就直接不创建了，这样可以节省一些初始渲染开销。时就会用到v-show，因为v-if在频繁切换上会大量的创建和删除元素，消耗性能。一般匀速需要频繁切换，也就是说。
2022-12-02 22:00:21
254
原创 function函数与箭头函数的区别
使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。3.普通函数可以使用arguments参数和args参数，箭头函数不能使用。1.箭头函数与function定义函数的。，箭头函数不可以作为构造函数，不能new。5.普通函数可以先调用后声明,因为有。function函数和箭头函数区别。但是箭头函数必须先声明后调用。，可以使用args参数。4.普通函数可以作为。
2022-11-30 23:04:54
2546
原创 函数传参时，传值类型和引用类型的区别
在函数内部修改参数的引用时，不会影响外面的值。函数内部对参数内容的修改会影响到外部。函数内部对参数的修改不会影响到外部。，对参数引用的修改不会影响外面。
2022-11-29 23:08:47
324
原创 重绘和重排（回流）是如何理解的，他们有什么区别或者联系？
当渲染树需要更新并且DOM尺寸（宽高）发生了变化，同时其他的DOM就会受到影响，浏览器就会重新构建渲染树，这个过程就叫重排（回流）：添加或删除可见的 DOM ，DOM 位置发生变化，DOM 尺寸大小发生变化，页面初次 渲染，浏览器窗口尺寸发生变化。：浏览器重新绘制收到影响的部分到屏幕上，这个过程叫做重绘。重绘不一定会重排（回流），重排（回流）一定会重绘。：单独改变DOM的样式而不改变尺寸的大小。，那什么情况下会触发重绘呢？，那什么情况下会触发重排呢？重绘和重排（回流）的关系。重排单从字面意思就是，
2022-11-27 22:50:15
356
原创 如何实现一个左侧固定，右侧自适应的布局？
对吧，当然肯定是没错的，但是让我们一起来看看，其他的多种的布局方式吧！2.左侧浮动，右侧宽度设置100%，占据左侧标准流的位置（不是很推荐）3.左侧固定宽度，固定定位，右侧宽度100%说到这个问题，我们肯定第一时间想到的是使用。4.左侧左浮动，右侧有浮动，右侧计算宽度。1.左侧固定宽高，右边flex自适应（当然还有其他的方式，但是我还是推荐用。5.双左浮动，右侧计算宽度。
2022-11-27 22:34:45
1443
原创 rem的两种适配方案
可以通过cssrem这个vscode插件实现px转rem。(1)引入normalize.css 初始化代码。common.less里面用到了less语法。common.less里面用到了媒体查询。需要动态改变宽度的地方使用rem作为单位。(2)设置共同common.less。(1)引入normalize.css。(2)引入flexible.js。rem+媒体查询+less。
2022-11-27 22:18:37
305
原创 简单明了的告诉你，CSS中的BFC到底是什么？
通俗易懂的说法：BFC是单独存在于页面中的盒子，它不受任何盒子的影响，它有一套自己的摆放规则，它会形成一个独立的空间，让空间里面的元素不影响外面的元素。4.display的值是inline-block，table-cell，flex,inline-flex。5.overflow不为visible以外的值（hidden，auto，scroll）BFC（Block formatting context）直译为“3.position为absolute或fixed。2.float不为none以外的值。
2022-11-27 07:30:00
100
原创 标准盒模型和怪异盒模型的区别
布局中，如果width和height已经确定了，不过后面会修改border或者padding，默认的盒子模型，肯定会让盒子大小发生改变，我会设置。怪异盒模型总宽度=width+margin（左右）（width已经包含了padding和border值。标准盒模型总宽度=width+margin(左右)+padding（左右）border（左右）标准盒模型和怪异盒模型（ie盒子模型）的区别。他们的总宽度的计算公式是不一样的。，这样，我们的盒子不发生变化。标准盒与怪异和的区别在于。一般设置在通配符里面。
2022-11-26 22:30:57
4467
原创 常见清除浮动的几种方法
触发浮动元素父元素的 BFC (Block Formatting Contexts, 块级格式化上下文)，子元素最后新加一个元素,然后设置clear:both。父盒子添加 overflow:hidden。首先我们要知道为什么要清除浮动？5.使用before和after。，子元素最后一个元素设置伪元素。采取的css处理方案。
2022-11-26 22:09:28
157
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人