自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

转载 ssh-add重启后失效解决方法

因为我很懒,其实整个思路很简单,因为我的私钥是带密码的,所以我使用ssh-add -K的-K参数命令进行添加,然后我mac的app自动操作加上开机自启项来解决每次自动ssh-add -K的问题。在里面输入ssh-add -K ~/.ssh/oreoft(注意自己的路径,然后需要带-k),然后按右上角的三角形,执行一遍,看是否能通过(如果提示你输入密码,检查命令是否带-K,或者是否已经把密码添加到钥匙串了)注意我的私钥是有密码的,所以我的步骤会一个准备,如果你的私钥没有密码,那么恭喜你,你可以跳过准备。

2023-10-08 13:42:32 686

原创 在一台电脑上管理多个github、gitlab账号

在一台电脑上管理多个git账号的详细配置方法

2023-07-10 17:53:24 1498

原创 git push 时报错解决

【代码】git push 时报错解决。

2023-07-09 23:27:10 3188

原创 Vue3中子组件使用emit传值时,父组件也可以使用自定义方法传值

Vue3中子组件使用emit传值时,父组件也可以使用自定义方法传值

2023-06-26 12:48:23 503

原创 vue卡片鼠标悬浮翻转效果组件

vue鼠标悬浮翻转卡片组件

2022-06-16 18:31:16 1136 1

原创 Mac使用n管理node版本

github地址:https://github.com/tj/n1. 安装npm install -g n2. 下载n <version> // 下载某一版本号noden latest // 安装最新版本n stable // 安装最新稳定版n lts // 安装最新长期维护版(lts)3. 切换n // 输入命令后回车,然后使用上下箭头选择版本 node/14.18.2 ο node/16.14.0// 选定版本后回

2022-05-26 16:41:22 1688

原创 Vue2中使用vue-awesome-swiper

1. 安装npm install swiper@4.5.1 vue-awesome-swiper@3.1.3 --save或yarn add swiper@4.5.1 vue-awesome-swiper@3.1.3注意:这里一定要对应swiper 和 vue-awesome-swiper版本,如果不对应,vue就会各种报错2. 引入2.1 全局引入main.jsimport VueAwesomeSwiper from 'vue-awesome-swiper'import 'swip

2022-05-13 12:12:25 5625 4

原创 node-sass版本兼容问题

在yarn安装依赖的时候,报了一个这样的错:Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (72).....随后在网上找到第一个办法:1.直接升级node-sass到最新版本npm install node-sass --dev// 或者yarn add node-sass --dev 但是升级到最新版本扔报错,随后找到第二个办法:2.将电脑安装的n

2022-02-18 18:39:51 6976

转载 关于input的disabled属性在移动端兼容问题

如果给input添加disabled属性,IOS会检测到disabled属性,给输入框的默认字体设置上灰色和透明度,导致在IOS端 placeholder和输入的文本都呈现灰色,与安卓端表现不一致,安卓端没有这个问题。我使用的是Vant中的Field输入框,找到的第一个方法:input[disabled],input:disabled,input.disabled{ color: #bbb; opacity: 1; -webkit-text-fill-color:#b

2022-02-09 15:18:16 795

转载 Vue单页面应用中动态修改title问题

问题:1、Vuejs 单页应用在iOS系统下部分APP的webview中 标题不能通过 document.title = xxx 的方式修改 该插件只为解决该问题而生(兼容安卓)2.在小程序嵌入Vue项目后,页面标题只有一个默认标题,不能根据路由改变解决办法:安装 vue-wechat-title 插件1. 安装npm install vue-wechat-title --save或yarn add vue-wechat-title2. 使用在main.js中引入impor

2022-01-21 11:05:38 819

原创 Vue中对滚动事件使用防抖和节流

在Vue中使用防抖和节流优化1. utils.js/* 防抖 */function debounce(func, delay) { let timer = null; return function () { if (timer) { clearTimeout(timer); timer = null; } timer = setTimeout(() => { func(...arguments); }, delay);

2022-01-15 20:35:27 1792

转载 解决git上传文件不区分大小写问题

文件名称最初新建的时候是大写,比如EnsureBtn.vue,但是后面想要改成小写的,比如ensureBtn.vue,修改完之后提交打状态的时候 git status 发现并没有修改的记录,提交之后在 git 上也没有修改,并且在下一次git pull代码的时候,这个文件名依然是大写的,就会导致问题。解决办法:因为 git 默认是不区分大小写的,所以 git status 是不会提示你有修改的 。1、可以通过 git config --get core.ignorecase查看默认配置2、通过gi

2022-01-11 22:07:51 2548

原创 VSCode自定义代码片段(快速创建vue组件模板为例)

1.打开VSCode,点击左下角设置图标,点击用户代码片段2.选择新建全局代码片段文件,输入一个文件名,然后按回车键3.将下面代码粘贴,之后使用 vue 加 tab键就可以快速打出vue模板"demo": { "prefix": "vue", "body": [ "<template>", "\t<div>", "\t\t$0", "\t</div>", "</template>"

2021-12-31 10:42:36 667

原创 合并具有相同字段的两个数组

将下面这两个数组进行合并arr1:let arr1 = [ { "label": "教师信息管理", "type": "action" }, { "label": "党员信息管理", "type": "action" }, { "label": "学生信息管理", "type": "action" }]arr2:let arr2 = [ {

2021-12-30 17:37:56 1131

原创 实现按属性分类

在项目中,有时候后后端给的数据是繁杂无序的,所以前端需要分类比如这样的数据:let arrs = [ {name:'javascript',type:'前端'}, {name:'html5',type:'前端'}, {name:'css3',type:'前端'}, {name:'Vue.js',type:'前端'}, {name:'java',type:'后端'}, {name:'php',type:'后端'}, {name:'python',type:'后端'}, {name:'pho

2021-12-14 01:12:20 2028 1

原创 在ios端点击H5页面中input输入框弹起软键盘,收起后导致页面无法复原的问题

在ios端点击H5(Vue)页面中input输入框弹起软键盘,收起后会导致页面被顶起,无法复原解决方法:在input输入框中添加@blur失焦事件<input type="text" @blur="recover"></input>在methods中添加失焦事件方法...methods:{ recover(){ let u = navigator.userAgent; let isiOS = !!u.match( /\(i[^;]+;( U

2021-12-02 17:17:56 3162

原创 Vue实现自定义tabbar

Vue实现自定义tabbar<template> <div class="tabbar footer"> <div class="tabbar-item" v-for="(item,index) in tabbarList" :key="index" @click="switchTab(item)"> <div class="tab_icon"> <img :src="item.pag

2021-11-19 14:31:00 1274

原创 input输入框placeholder居中问题

input输入框placeholder居中问题从百度上得到的最多的答案就是使用line-height,但是在项目中无论我怎么使用这个属性,placeholder还是纹丝不动,后来还是使用定位解决的,如果遇到同样问题的同学,可以参考一下:#input{ position: relative; caret-color: #333; box-sizing: border-box; font:600 .22rem/.3rem PingFangSC-Regular, PingFang SC;

2021-11-15 12:10:48 3160

原创 移动端H5适配iphoneX底部栏解决办法

移动端H5适配iphoneX底部栏解决办法1、meta标签放入viewport-fit=cover<meta name="viewport" content="width=device-width...... viewport-fit=cover">2、css设置@supports (bottom: env(safe-area-inset-bottom)){ body, .footer(底部栏){ padding-bottom: constant(safe

2021-11-15 10:31:37 1698

原创 使用正则限制输入框输入内容

使用正则来让输入框只能输入数字字母,不能输入汉字,并且四位一空格我使用的是vant的field组件,但是和input是一样的<van-field placeholder="请输入密码" v-model="inputValue" @change="onChange" @input="onInput" @paste="onPaste" />正则方法format( data ) { return data.replace( /[^\w\s/]/ig, '' ).replace(

2021-11-12 11:24:35 3671

原创 Vue中使用v-for遍历对象

Vue中使用v-for遍历对象语法格式( value, key, index ) in Objectvalue ———— 值key ———— 键名index ———— 角标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--引入最新的vue稳定版本

2021-10-21 14:26:16 3054

原创 vue中修改vant-ui的toast层级

修改vant中toast的层级1、在main.js中引用toastmain.jsimport { Toast, Field, Form, Button, Picker, Popup, DatetimePicker, ActionSheet, NavBar } from 'vant';const vantArr = [ Toast, Field, Form, Button, Picker, Popup, DatetimePicker, ActionSheet, NavBar ];vantAr

2021-09-28 15:01:10 1172

原创 vant中search组件autofocus属性兼容问题

vant中search组件autofocus属性兼容问题1.首先使用$ref获取要加自动聚焦事件的元素,并添加focus事件// 自动聚焦方法onFocus() { this.$refs.searchPhone.$children[ 0 ].focus(); // 用$refs实在找不到可以用这个 // document.getElementsByClassName( 'van-field__control' )[ 1 ].focus();},2.如果有事件用来触发搜索框,

2021-09-24 01:12:21 1735 3

空空如也

空空如也

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

TA关注的人

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