自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(46)
  • 资源 (6)
  • 问答 (1)
  • 收藏
  • 关注

原创 ref和reactive的区别

【代码】ref和reactive的区别。

2024-01-17 16:58:27 388

原创 git拉取历史提交的代码

我们在写项目时,通常提交很多次代码,如果我们想拉取历史commit的某次代码,该如何做呢?可以查看到黄色的commit的哈希值。再创建新的分支并切换到新分支。首先:将整个代码拉取到本地。

2024-01-16 13:49:05 2603

原创 uniapp开发小程序踩坑总结

1.在UniApp中,支付宝小程序的计算属性(computed)确实不支持setter函数,因此无法通过计算属性的setter来触发数据的更新。这是由于支付宝小程序本身的限制所导致的。如果您需要在支付宝小程序中实现类似的功能,您可以考虑使用watch来监听数据的变化,并在数据变化时执行相应的操作。

2024-01-08 11:23:54 483

原创 vue项目SEO有什么好的解决方案

最近公司准备重构一个老项目,如果用vue写,由于vue是单页面应用,SEO很差,想问问大佬们由什么好的解决方案。

2023-06-07 13:59:00 230 1

原创 微信小程序登录

微信小程序登录流程

2023-03-14 10:08:34 137 1

原创 微信公众号报10039错误

微信公众号报10039错误

2022-09-06 17:41:55 992

原创 常用正则表达式合集

常用的正则表达式

2022-08-30 09:04:36 175

原创 audio标签无法自动循环播放问题

解决audio无法自动循环播放问题

2022-07-25 13:32:52 2373 1

原创 JS将秒换成时分秒

JS将秒换成时分秒实现代码

2022-07-12 19:03:28 1458

原创 git冲突解决

这里写目录标题如何解决git冲突?如何解决git冲突?我们在进行多人协同开发时,如果A开发者和B开发者都修改了同一文件的同一行代码。如:A修改后上传后,B再进行修改上传,此时就会出现冲突,那么我们此时需要B找到A去商量保留谁的代码。或者都保留。我们通过git clone '远程仓库地址'可以获取到远程仓库的代码,我们就能获取到远程仓库的代码;如下图:我们想要修改file02.txt文件的内容,修改完毕之后,我们如下指令操作此时我们提交后,通过git pull拉取远程仓库的代码(git

2022-04-28 19:29:52 302

原创 elementUI中的侧边栏去除白色边框

我们在使用elementUI组件库的el-menu组件时,会发现右侧有白色边框通过以下样式即可去除白色边框.el-menu{ border:0!important;}

2022-04-08 14:31:35 4336 2

原创 vue3中reactive定义的引用类型直接赋值导致数据失去响应式

vue3中reactive定义的引用类型直接赋值导致数据失去响应式<script setup>import {reactive,onMounted} from 'vue'const userMenu=reactive([])onMounted(()=>{ userMenu=[1,2,3]})</script><template> <div>示例:{{userMenu}}</div></template&.

2022-04-06 23:07:43 10334 2

原创 vue3路由配置

步骤:1.安装router2.创建router文件夹,并配置路由和相关路由页面3.在main.js引入1.安装路由命令行 在Windows下输入npm install -g @vue/cli2.创建router文件夹,并配置路由和相关路由页面在src目录下,新建一个router目录,在router下新建一个index.jsindex.js文件代码如下:import { createRouter, createWebHashHistory } from..

2022-04-03 11:23:28 802

原创 vue组件间的通讯方式

1.父传子props在父元素定义自定义属性然后将值传过去,子组件通过props接收2.子传父$emit子组件通过定义$emit()写一个自定义事件,需要传参也可以往里写。他是触发当前组件标签上的一个自定义事件父组件在子组件标签上定义子组件触发的自定义事件。如果在组件上直接写逻辑,加了括号那么就得通过$event接收。并且组件加了括号,子组件如果传多个参数,那么就得写成一个对象。如果写成一个函数,第一个形参就是传过来的参数。多个的话可以定义多个形参接收3.vuex:详情见vuex4.v

2022-04-02 19:41:26 1244 1

原创 getCurrentInstance

getCurrentInstancegetCurrentInstance支持访问内部组件实例。WARNINGgetCurrentInstance只暴露给高阶使用场景,典型的比如在库中。强烈反对在应用的代码中使用getCurrentInstance。请不要把它当作在组合式 API 中获取this的替代方案来使用。import { getCurrentInstance } from 'vue'const MyComponent = { setup() { const ...

2022-03-30 21:58:54 24828 3

原创 Vue中watch和watchEffect

1.watchEffect立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数。const count = ref(0)watchEffect(() => console.log(count.value))// -> logs 0setTimeout(() => { count.value++ // -> logs 1}, 100)watchEffect函数 watch的套路是:既要指明监视的属性,也要指明监视的回调。

2022-03-30 19:58:45 315

原创 Vue的project和inject实现响应式

project和inject主要用于父孙、父子组件间的通信,但是是非响应式的,我们可以通过ref/reactive将数据变成响应式使用 Provide在setup()中使用provide时,我们首先从vue显式导入provide方法。这使我们能够调用provide来定义每个 property。provide函数允许你通过两个参数定义 property:name (<String>类型) value使用MyMap组件后,provide 的值可以按...

2022-03-30 19:13:31 2531

原创 uniapp打包

首先,我们需要打开manifest.json文件然后获取APPID,填写应用名称和应用描述接着点击 发行=>云打包1.如果我们只想打测试包,我们直接勾选如下图所示,打包即可2.如果我们想打正式包勾选之后,需要填写证书别名和私密钥匙,证书文件,接下来我们需要获取这些内容,我们点击如何生成证书接着我们按照下图,到Java Downloads | Oracle官网首页去下载JRE,下载完之后,将jre的存储目录添加至系统环境变量中,...

2022-03-28 20:21:25 676

原创 React生命周期

react生命周期主要分为三个阶段1.初始化组件阶段 2.更新阶段 3.卸载组件阶段初始化组件阶段的生命周期钩子constructor static getDerivedStateFromProps() 静态方法,前面需要加static,

2022-03-28 19:16:41 1037

原创 箭头函数与普通函数的区别

1.箭头函数中的this指向在箭头函数被定义时就决定了的,是不可改变的,也就是说无法通过apply,call,bind来改变this指向。普通函数中的this指向是谁调用该函数,this就指向谁2.箭头函数不能new,也就无法当成构造函数3.箭头函数没有prototype,普通函数有4.箭头函数没有内置arguments对象...

2022-03-26 14:32:18 218

原创 利用uniapp开发微信小程序打包上线

1.首先我们按下图,填写好后点击上传接着我们虽然上传成功了,但是所用的字体图标文件确上传失败。那么我们如何解决呢2.解决字体图标上传失败问题我们需要将字体图标文件单独放在根目录下的icon文件中,如上图然后我们需要将common/lib/iconfont.css中,url修改为icon文件所在绝对路径最后在APP.vue中引入,iconfont.css文件即可,再次上传就不会出现icon文件无法上传的问题

2022-03-23 15:11:27 2467

原创 全局事件总线使用

全局事件总线可以用于任意组件间的通讯首先我们需要在main.js文件中的vue实例对象上添加以下代码import Vue from 'vue'import App from './App.vue'import vuex from 'vuex'Vue.config.productionTip = falseVue.use(vuex)new Vue({ render: h => h(App), beforeCreate() {//在beforeCreate中注册全局事件

2022-03-10 16:44:57 919

原创 闭包知识点总结

什么是闭包闭包:有权访问其他函数内部变量的函数。本质上是连接函数内部与外部的一座桥梁。以下代码就产生了闭包 function fn1() { let a = 1; function fn2() { console.log(a); } fn2(); } fn1();1.什么情况下会产生闭包?- 函数嵌套函数- 内部函数使用外部

2022-03-04 21:00:00 191

原创 git常用指令

1.初始化上传文件:如果是初次使用码云需要一次输入输入下图中的“Git全局设置中的两行代码”,进行全局设置。//将文件初始化git init//将文件上传至暂存区git add . //注意add后面有一个点需要空格隔开//将文件提交至本地git commit -m "第一次提交" //引号中是提交信息,自己任意编写//与远程建立链路git remote add origin "https://gitee.com/***/***.git" //该连接为自己创建仓库时的地址,

2022-03-04 19:51:40 223

原创 节流与防抖

1.我们先了解为什么要节流和防抖我们给一个inpu输入框绑定一个oninput事件,此时我们输入“前端开发”四个字,我们观察以下后台打印<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo

2022-03-04 11:48:38 4163 3

原创 Vuex学习

1. 什么是VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。其实最简单理解为,在我们写Vue组件中,一个页面多个组件之间想要通信数据,那你可以使用Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 Vuex状态管理 === 管理组件数据流动 === 全局数据管理 Vue的全局数据池,在这里它存放着大量的复用或者公有的数据,然后可以分发给组件

2022-03-03 14:30:23 691

原创 webpack5生产环境配置

生产环境的配置需要考虑以下几个方面:- 提取 css 成单独文件- css 兼容性处理- 压缩 css- js 语法检查- js 兼容性处理- js 压缩- html 压缩下面是一个基本的生产环境下的webpack.config.js配置const { resolve } = require('path')const MiniCssExtractorPlugin = require('mini-css-extract-plugin')//提取css成单独文件//const Op

2022-03-03 11:39:09 256

原创 vue中配置路径别名

module.exports = { lintOnSave: false, configureWebpack: { resolve: { alias: {//配置路径别名//在vue中@默认代表src 'assets': '@/assets',//配置后表示在路径中直接使用'assets'代替'src/assets' 'common': '@/common', 'components': '@/componen.

2022-03-02 19:30:05 1326

原创 axios封装

import axios from 'axios'import router from '@/router'import { Toast } from 'vant'import store from '@/store'const Qs = require('qs'); //QS序列化axios.defaults.baseURL = "http://152.136.185.210:8000/api/w6" // 请求超时时间axios.defaults.timeout = 10000;.

2022-03-02 19:20:22 68

原创 数据库知识点总结(持续更新)

MySQL数据库是关系型数据库,是有行有列的二维数据表.非关系型数据库是NoSQL(不用写SQL语句),是key和value的一种形式.MySQL的优点:·开放源代码,使用成本低。·性能卓越,服务稳定。·软件体积小,使用简单,并且易于维护。·历史悠久,社区用户非常活跃,遇到问题可以寻求帮助。·许多互联网公司在用,经过了时间的验证。数据库操作:1:创建数据库create database if not exists demo5;2:创建数据库(判断是否存在)

2022-03-02 19:12:24 376

原创 uniApp中获取定位

1.我们先在腾讯地图开放平台创建key值,为下面获取位置操作做准备 申请开发者密钥(key):申请密钥 开通webserviceAPI服务:控制台 ->应用管理 ->我的应用->添加key-> 勾选WebServiceAPI -> 保存 (小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限) 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.1JavaSc...

2022-03-01 17:31:47 3400 2

原创 uniApp中解决H5跨域问题

只需在manifest.josn文件中的源码视图中加入下图所示代码"h5": { "devServer": { "port": 8081, //浏览器运行端口,自行设置 "disableHostCheck": true, "proxy": { "/api": { "target": "http://81.68.254.47/api", //实际请求服务器地址 "changeOrigin": true, "secure": true, ..

2022-03-01 15:39:21 814

原创 vue解决跨域问题

这是一个get请求的url,由于存在跨域,我们一直会请求失败,报错1此时我们需要在vue.config.js文件中加入以下代码devServer: { proxy: { '/api': { // target: 'http://81.68.254.47/api', target: 'http://81.68.254.47/api', changeOrigin:..

2022-02-26 10:08:45 439

原创 类数组对象转换为对象

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> // 方法一:for in { let obj = { '未完成': 5, '已完成': 8, '待确认': 4, '已取消': 6 .

2022-02-26 09:11:30 1595

原创 彻底理解js中this的指向

首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题例子1:function a(){ var user = "追梦子"; console.log(thi

2022-02-26 09:05:15 328 1

原创 JavaScript教程

1.javascript简介JavaScript 最初由网景公司开发的一种脚本语言,被大量地应用于网页中,用以实现网页和浏览者的动态交互。目前几乎所有的浏览器都可以很好地支持 JavaScript。由于 JavaScript 可以及时响应浏览者的操作,控制页面的行为表现,提高用户体验,因而已经成为前端开发人员必须掌握的语言之一。JavaScript 是为满足制作动态网页的需要而诞生的一种编程语言,在 HTML 基础上,使用 JavaScript 可以开发交互式(网页)Web。JavaScript 的

2022-02-25 12:00:33 1003

原创 前端Mockjs数据模拟

1.安装mockjs(本案例完整代码在最下方)通过指令npm install mockjs安装mock ,之后在src文件夹下创建一个mock文件夹,再在mock文件夹下创建一个index.js文件之后接着在main.js文件中引入mock之后就可以在mock文件下的index.js文件中模拟数据了1.首先我们需要在mock下的index.js文件中引入mockimport Mock from "mockjs";2.接着在此处我们模拟了一个 新闻列表数据 ,该数据是..

2022-02-18 09:33:34 1750

原创 4.Vue计算属性与侦听器

1. 计算属性的基本使用现在有变量姓氏和名字,要得到完整的名字。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie

2022-02-17 19:00:03 193

原创 3.Vue动态绑定属性

1. v-bind的基本使用某些时候我们并不想将变量放在标签内容中,像这样<h2>{{message}}</h2>是将变量h2标签括起来,类似js的innerHTML。但是我们期望将变量imgURL写在如下位置,想这样<img src="imgURL" alt="">导入图片是希望动态获取图片的链接,此时的imgURL并非变量而是字符串imgURL,如果要将其生效为变量,需要使用到一个标签v-bind:,像这样<img v-bind:src="imgURL"..

2022-02-17 18:46:48 4152

原创 Hello Vue

1. HelloVuejs如何开始学习Vue,当然是写一个最简单的demo,直接上代码。此处通过cdn<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>获取vuejs。vue是声明式编程,区别于jquery的命令式编程。1.1. 命令式编程原生js做法(命令式编程) 创建div元素,设置id属性 定义一个变量叫message 将message变

2022-02-17 18:10:16 356

element图片上传

element图片上传

2022-07-25

echarts笔记。。。

echarts笔记。。。

2022-04-09

flexible.js

flexible.js

2022-04-09

数据可视化echarts总结

数据可视化echarts总结

2022-03-23

y_member.sql 数据库的表

y_member.sql 数据库的表

2022-03-03

彻底理解js中this的指向

深度理解js中this的指向问题

2022-02-26

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

TA关注的人

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