- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue2、vue3状态管理之vuex、pinia
组件之间的传值一般有哪些？有父子组件通讯，兄弟组件通讯…但是传参对于多层嵌套就显得非常繁琐，代码维护也会非常麻烦。因此就把组件共享状态抽取出来以一个全局单例模式管理，把共享的数据函数放进状态管理中，任何组件都可以进行使用。
2023-12-26 17:34:35
1197
原创 vue3、React之父子组件传参
vue3和react是前端进阶必不可少的工具，其中组件之间的传值更是核心内容。这一篇，我将介绍下vue3和react中父子组件是如何传值的提示：以下是本篇文章正文内容，下面案例可供参考Vue3中：父传子，与vue2类似。子组件接收参数时，需要用到defineProps()方法接收父组件传递过来的参数。子传父，与vue2类似。用到事件传参，需要用到defineEmits()方法传递参数给父组件。React中:父传子，子组件用props接收即可。子传父，需要申明触发父组件的哪个事件。
2023-12-26 11:22:35
433
原创 如何打开并且配置vscode的setting.json文件
setting.json文件的作用就是当你把这个文件放到安装目录下之后，vscode就会自动识别这个文件。这个就可以让你快速把一个全新的vscode设置成自己之前已经设置过的样子提示：以下是本篇文章正文内容，下面案例可供参考。
2023-06-28 16:37:36
5413
2
原创 实现Vue按钮(button)绑定回车(enter)事件
项目中有时候会有这样的需求，当用户点击某个功能对话框(比如：删除、解绑)后，当点击确定时，希望enter键就完成操作，用来代替鼠标点击。下面就向大家介绍我使用的方法在删除对话框的取消与确定按钮之间添加input输入框写个监听器，监听弹窗打开时，给input框自动聚焦（ inputdata 是 input 上用 ref 绑定的）隐藏input框。
2023-01-04 15:55:10
7604
1
原创 el-date-picker如何默认设置某个时间段
搜索某个特定时间段内的数据，是很多网站都会有的需求，那么如何默认设置某个时间段内的数据呢？今天我来做下分享闲话少叙，上链接~~ 哦 ！上代码！！！总结给el-date-picker日期选择器设置默认值主要就是代码部分的三个步骤：
2022-12-07 16:13:44
1893
原创 vue项目中ajax/axios的一些配置
在前端项目中，ajax/axios是必不可少的前后端交互数据的请求库，项目基本上也要对其做一些全局的配置来更好的服务项目。本篇就axios一些基本的配置信息做下总结。提示以下是本篇文章正文内容，下面案例可供参考axios在项目中的配置可以更加的丰富多彩，这需要看项目的实际需要了。用npm或cnpm下载axios创建一个专门配置axios的文件夹，导入axios，并做相关的配置导出配置的js文件，并且在main.js(项目入口文件)文件中引入，进行全局的配置https。......
2022-07-21 10:30:51
666
原创 uni-app如何获取位置信息(经纬度)
在实际项目中很多时候我们需要获取设备的位置信息，去展示给客户，或者以位置信息为参数，继续向服务器获取一些数据。接下来以uni-app小程序项目为例来介绍获取位置信息的思路判断小程序是否授权位置信息 （代码在上方）定位获取通过经纬度坐标获取区域码二、相关的数据返回提示：这里对文章进行总结：以上就是获取位置信息的大概步骤思路：......
2022-07-12 18:33:57
21986
9
原创 vue项目结构文件介绍及项目运行流程
用vue和ue-cli搭建的前端项目是很多企业项目的选择，所以了解项目的结构和项目如何运行是非常有必要的，会给我们平时的工作带来很大的帮助。2.App.vueApp. vue是我们的根组件(使用标签渲染整个工程的.vue组件) ，所有页面都是在App. vue下进行切换的。其实你也可以理解为所有的路由也是App. vue的子组件。所以我们vue项目运行的流程顺序......
2022-06-23 23:29:44
4350
3
原创 请求后端返回的验证码显示的情况
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、情况一：数据是图片文件流二、情况二：直接返回是图片情况三：uni小程序的登录验证最后前言在实际的项目中验证码登录几乎是每个开发人员的必备操作技能了，但是前端获取到后端的验证码数据有很多种方式，对于初级开发人员来说有时候会比较的懵，所以在此总结开发中比较常见的的几种验证方式，便于以后开发中遇到后可以直接使用提示：以下是本篇文章正文内容，下面案例可供参考一、情况一：数据是图片文件流前端需要展示验证码图片，希望后台.
2022-05-17 09:16:48
1826
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
1150
原创 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
2102
原创 前端如何实现搜索关键字的高亮显示
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、相关代码最后前言提示：这里可以添加本文要记录的大概内容：大部分的网站都有做搜索关键词的高亮显示，当搜索的结果后端没有加上需要高亮的标签进行处理的时候，就需要前端对搜索结果进行处理了。下面我将分享在做小程序的时候处理后端未进行高亮的情况一、相关代码这是搜索页面的输入框与搜索结果展示区域<template> <view class="u-demo"> <view cla.
2022-04-26 15:24:20
6056
原创 前端如何使用filters过滤器替换身份证号码中的数字
前言在实际的项目中有些信息的展示不适合完全的展示出来，如如身份证号码、手机号码、姓名、邮箱等等。所以需要程序员对这些信息做替换处理。提示：以下是本篇文章正文内容，下面案例可供参考一、实例实例代码：<el-table-column prop="identityCard" label="身份证号" align="center" > <template slot-scope="scope"> {{scope.row.identityCard | desens.
2022-04-25 16:04:44
1222
原创 为什么要使用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
3577
原创 对象数据如何转化成数组
文章目录前言一、后端给的数据二、如何转换三、最终结果前言项目中后端给的数据有时候不可能完全符合前端的数据要求，比如element-ui+vue项目组合中，下拉框数据是数组的形式。然而后端同事给的确是对象数据，当然你可以和后端协商改成你想要的数据… 但是这样往往比较麻烦，喜欢安静写代码的前端决定自己转换。提示：正文内容一、后端给的数据二、如何转换 console.log('res:', res); let resObj = res.data.data; //获取后
2022-04-21 11:33:00
6698
原创 如何在项目中使用ECharts
文章目录前言一、ECharts介绍二、ECharts使用时的流程步骤1.下载echarts并且引入到你的页面中2.准备一个div盒子3.初始化echarts实例对象4.指定配置项和数据(option)5.将配置项设置给echarts实例对象三、常用的配置总结前言提示：这里可以添加本文要记录的大概内容：这篇文章主要和大家分享ECharts的前世今生和在项目中使用ECharts流程步骤，以及说一下一些ECharts常用的配置提示：以下是本篇文章正文内容，下面案例可供参考一、ECharts介绍常见
2022-04-20 10:31:06
2069
原创 js中map()函数的使用
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、概念二、相关语法三、示例最后前言关键词：map项目中我们常常会遇到要对后端返回的数据进行修改，从而达到符合我们前端开发人员的需要，其中map是常用到的对数组元素进行修改的重要函数。提示：以下是本篇文章正文内容，下面案例可供参考一、概念map() 方法定义在JavaScript的Array中，它返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。值得注意的是：1、map()函数不会对空数组进行检测；2.
2022-04-12 17:06:11
42863
2
原创 Vue中父子组件如何传值
关键词：props、$emit()、绑定的数据和事件文章目录前言一、将子组件引入父组件二、父组件如何传值给子组件三、子组件如何接收父组件传过来的值并使用(props)四、子组件如何传值给父组件($emit)五、父组件使用子组件传过来的值总结前言`提示：这里可以添加本文要记录的大概内容项目中往往会把一些常用的公共代码抽离出来，写成一个子组件。或者在一个页面中的代码太多，可以根据功能的不同抽离出相关代码写成子组件，这样代码结构会更加简洁明了，后续维护更加方便。本位将以一个项目中用到的例子进行描述哈.
2022-04-11 18:52:47
24755
3
原创 Error: Cannot find module ‘webpack/lib/RuleSet‘的问题解决方法
微信小程序创建好后不能正常运行，报Error: Cannot find module ‘webpack/lib/RuleSet‘的解决方法
2022-03-28 17:08:10
11829
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人