自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 资源 (1)
  • 收藏
  • 关注

原创 302状态如何进行重定向

302状态码是临时重定向(Move Temporarily),表示所请求的资源临时地转移到新的位置。此外还有一个301永久重定向(Moved Permanently)。:如果你使用请求接口的方法是封装后的axios,且打印不出响应头,建议使用微信小程序原生的方法wx.request ()。在做小程序客服链接安全改造的时候,提供的地址会发生重定向问题,无法正确加载出客服页面。因为重定向后的链接在响应头请求里的Location,所以获取这个参数就可以了,代码如下。

2024-09-14 09:45:57 515

原创 vue2中组件之间的传值方法汇总

vue组件之间参数传递的方法,在实际项目中经常用到,现在总结一些常用的方法。方便大家后续开发中查看比较常用的传值方法目前用的比较多熟练的就是这几种,实际项目中还有用到的后续将会更新哈。

2024-08-28 11:31:50 898

原创 vue2、vue3状态管理之vuex、pinia

组件之间的传值一般有哪些?有父子组件通讯,兄弟组件通讯…但是传参对于多层嵌套就显得非常繁琐,代码维护也会非常麻烦。因此就把组件共享状态抽取出来以一个全局单例模式管理,把共享的数据函数放进状态管理中,任何组件都可以进行使用。

2023-12-26 17:34:35 1473

原创 vue3、React之父子组件传参

vue3和react是前端进阶必不可少的工具,其中组件之间的传值更是核心内容。这一篇,我将介绍下vue3和react中父子组件是如何传值的提示:以下是本篇文章正文内容,下面案例可供参考Vue3中:父传子,与vue2类似。子组件接收参数时,需要用到defineProps()方法接收父组件传递过来的参数。子传父,与vue2类似。用到事件传参,需要用到defineEmits()方法传递参数给父组件。React中:父传子,子组件用props接收即可。子传父,需要申明触发父组件的哪个事件。

2023-12-26 11:22:35 519

原创 元素水平垂直居中的三种方式

元素水平垂直居中的方式常见的我知道的就是这三种了,希望对你有帮助。

2023-07-18 16:13:09 319

原创 如何打开并且配置vscode的setting.json文件

setting.json文件的作用就是当你把这个文件放到安装目录下之后,vscode就会自动识别这个文件。这个就可以让你快速把一个全新的vscode设置成自己之前已经设置过的样子提示:以下是本篇文章正文内容,下面案例可供参考。

2023-06-28 16:37:36 10317 2

原创 实现Vue按钮(button)绑定回车(enter)事件

项目中有时候会有这样的需求,当用户点击某个功能对话框(比如:删除、解绑)后,当点击确定时,希望enter键就完成操作,用来代替鼠标点击。下面就向大家介绍我使用的方法在删除对话框的取消与确定按钮之间添加input输入框写个监听器,监听弹窗打开时,给input框自动聚焦( inputdata 是 input 上用 ref 绑定的)隐藏input框。

2023-01-04 15:55:10 8608 1

原创 el-date-picker如何默认设置某个时间段

搜索某个特定时间段内的数据,是很多网站都会有的需求,那么如何默认设置某个时间段内的数据呢?今天我来做下分享闲话少叙,上链接~~ 哦 !上代码!!!总结给el-date-picker日期选择器设置默认值主要就是代码部分的三个步骤:

2022-12-07 16:13:44 2078

原创 前端配置反向代理proxyTable

提示文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档。

2022-07-26 16:09:30 1132

原创 vue项目中ajax/axios的一些配置

在前端项目中,ajax/axios是必不可少的前后端交互数据的请求库,项目基本上也要对其做一些全局的配置来更好的服务项目。本篇就axios一些基本的配置信息做下总结。提示以下是本篇文章正文内容,下面案例可供参考axios在项目中的配置可以更加的丰富多彩,这需要看项目的实际需要了。用npm或cnpm下载axios创建一个专门配置axios的文件夹,导入axios,并做相关的配置导出配置的js文件,并且在main.js(项目入口文件)文件中引入,进行全局的配置https。......

2022-07-21 10:30:51 779

原创 uni-app如何获取位置信息(经纬度)

在实际项目中很多时候我们需要获取设备的位置信息,去展示给客户,或者以位置信息为参数,继续向服务器获取一些数据。接下来以uni-app小程序项目为例来介绍获取位置信息的思路判断小程序是否授权位置信息 (代码在上方)定位获取通过经纬度坐标获取区域码二、相关的数据返回提示:这里对文章进行总结:以上就是获取位置信息的大概步骤思路:......

2022-07-12 18:33:57 23180 9

原创 vue项目结构文件介绍及项目运行流程

用vue和ue-cli搭建的前端项目是很多企业项目的选择,所以了解项目的结构和项目如何运行是非常有必要的,会给我们平时的工作带来很大的帮助。2.App.vueApp. vue是我们的根组件(使用标签渲染整个工程的.vue组件) ,所有页面都是在App. vue下进行切换的。其实你也可以理解为所有的路由也是App. vue的子组件。所以我们vue项目运行的流程顺序......

2022-06-23 23:29:44 4664 3

原创 请求后端返回的验证码显示的情况

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、情况一:数据是图片文件流二、情况二:直接返回是图片情况三:uni小程序的登录验证最后前言在实际的项目中验证码登录几乎是每个开发人员的必备操作技能了,但是前端获取到后端的验证码数据有很多种方式,对于初级开发人员来说有时候会比较的懵,所以在此总结开发中比较常见的的几种验证方式,便于以后开发中遇到后可以直接使用提示:以下是本篇文章正文内容,下面案例可供参考一、情况一:数据是图片文件流前端需要展示验证码图片,希望后台.

2022-05-17 09:16:48 2117 7

原创 Flex 布局语法与用例

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、Flex布局是什么?二、基本概念二、容器的属性3.1 flex-direction属性3.2 flex-wrap属性3.3 flex-flow3.4 justify-content属性3.5 align-items属性3.6 align-content属性四、项目的属性4.1 order属性4.2 flex-grow属性4.3 flex-shrink属性4.4 flex-basis属性4.5 flex属性4.6 align.

2022-05-10 11:46:34 1327

原创 css3如何实现动画效果

文章目录前言一、animation (动画) 属性语法值与说明[(原链接)](https://www.runoob.com/cssref/css3-pr-animation.html)二、@keyframes 规则定义和用法语法值与描述[(原链接)](https://www.w3school.com.cn/cssref/pr_keyframes.asp)三、实例总结前言css3提供了很方便的实现动画的效果。主要用到animation (动画) 属性和@keyframes 规则。下面就来介绍animat

2022-05-05 16:40:03 2389

原创 前端如何实现搜索关键字的高亮显示

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、相关代码最后前言提示:这里可以添加本文要记录的大概内容:大部分的网站都有做搜索关键词的高亮显示,当搜索的结果后端没有加上需要高亮的标签进行处理的时候,就需要前端对搜索结果进行处理了。下面我将分享在做小程序的时候处理后端未进行高亮的情况一、相关代码这是搜索页面的输入框与搜索结果展示区域<template> <view class="u-demo"> <view cla.

2022-04-26 15:24:20 6428

原创 前端如何使用filters过滤器替换身份证号码中的数字

前言在实际的项目中有些信息的展示不适合完全的展示出来,如如身份证号码、手机号码、姓名、邮箱等等。所以需要程序员对这些信息做替换处理。提示:以下是本篇文章正文内容,下面案例可供参考一、实例实例代码:<el-table-column prop="identityCard" label="身份证号" align="center" > <template slot-scope="scope"> {{scope.row.identityCard | desens.

2022-04-25 16:04:44 1279

原创 为什么要使用JSON.stringify()和JSON.parse()

文章目录前言一、为什么要使用JSON.stringify()二、JSON.stringify()是否使用情况对比三、使用JSON.parse()进行解析数据最后前言项目中经常会看到JSON.stringify()和JSON.parse()的使用,但是为什么会使用到它们?如何使用它们,本文将和你分享它们。一、为什么要使用JSON.stringify()JSON.stringify() 方法将一个 JavaScript 对象或值转换为 JSON 字符串,数据在传输的过程中只能传输字符串。如果直接传输

2022-04-24 17:13:18 3906

原创 对象数据如何转化成数组

文章目录前言一、后端给的数据二、如何转换三、最终结果前言项目中后端给的数据有时候不可能完全符合前端的数据要求,比如element-ui+vue项目组合中,下拉框数据是数组的形式。然而后端同事给的确是对象数据,当然你可以和后端协商改成你想要的数据… 但是这样往往比较麻烦,喜欢安静写代码的前端决定自己转换。提示:正文内容一、后端给的数据二、如何转换 console.log('res:', res); let resObj = res.data.data; //获取后

2022-04-21 11:33:00 7102

原创 如何在项目中使用ECharts

文章目录前言一、ECharts介绍二、ECharts使用时的流程步骤1.下载echarts并且引入到你的页面中2.准备一个div盒子3.初始化echarts实例对象4.指定配置项和数据(option)5.将配置项设置给echarts实例对象三、常用的配置总结前言提示:这里可以添加本文要记录的大概内容:这篇文章主要和大家分享ECharts的前世今生和在项目中使用ECharts流程步骤,以及说一下一些ECharts常用的配置提示:以下是本篇文章正文内容,下面案例可供参考一、ECharts介绍常见

2022-04-20 10:31:06 2206

原创 js中map()函数的使用

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、概念二、相关语法三、示例最后前言关键词:map项目中我们常常会遇到要对后端返回的数据进行修改,从而达到符合我们前端开发人员的需要,其中map是常用到的对数组元素进行修改的重要函数。提示:以下是本篇文章正文内容,下面案例可供参考一、概念map() 方法定义在JavaScript的Array中,它返回一个新的数组,数组中的元素为原始数组调用函数处理后的值。值得注意的是:1、map()函数不会对空数组进行检测;2.

2022-04-12 17:06:11 43787 2

原创 Vue中父子组件如何传值

关键词:props、$emit()、绑定的数据和事件文章目录前言一、将子组件引入父组件二、父组件如何传值给子组件三、子组件如何接收父组件传过来的值并使用(props)四、子组件如何传值给父组件($emit)五、父组件使用子组件传过来的值总结前言`提示:这里可以添加本文要记录的大概内容项目中往往会把一些常用的公共代码抽离出来,写成一个子组件。或者在一个页面中的代码太多,可以根据功能的不同抽离出相关代码写成子组件,这样代码结构会更加简洁明了,后续维护更加方便。本位将以一个项目中用到的例子进行描述哈.

2022-04-11 18:52:47 25540 3

原创 uni-app小程序如何自定义标题内容(如何解决小程序标题不居中)

uni-app小程序如何自定义标题内容(如何解决小程序标题不居中)

2022-03-29 15:58:43 9643 1

原创 Error: Cannot find module ‘webpack/lib/RuleSet‘的问题解决方法

微信小程序创建好后不能正常运行,报Error: Cannot find module ‘webpack/lib/RuleSet‘的解决方法

2022-03-28 17:08:10 12359

scroll-view演示

uni-app小程序下拉刷新、上拉加载功能演示

2022-06-13

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除