- 博客(23)
- 收藏
- 关注
RSS订阅转载 ssh-add重启后失效解决方法
因为我很懒，其实整个思路很简单，因为我的私钥是带密码的，所以我使用ssh-add -K的-K参数命令进行添加，然后我mac的app自动操作加上开机自启项来解决每次自动ssh-add -K的问题。在里面输入ssh-add -K ~/.ssh/oreoft（注意自己的路径，然后需要带-k），然后按右上角的三角形，执行一遍，看是否能通过(如果提示你输入密码，检查命令是否带-K，或者是否已经把密码添加到钥匙串了)注意我的私钥是有密码的，所以我的步骤会一个准备，如果你的私钥没有密码，那么恭喜你，你可以跳过准备。
2023-10-08 13:42:32
730
原创 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
1725
原创 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
5713
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
7000
转载 关于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
811
转载 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
830
原创 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
1807
转载 解决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
2578
原创 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
690
原创 合并具有相同字段的两个数组
将下面这两个数组进行合并arr1：let arr1 = [ { "label": "教师信息管理", "type": "action" }, { "label": "党员信息管理", "type": "action" }, { "label": "学生信息管理", "type": "action" }]arr2：let arr2 = [ {
2021-12-30 17:37:56
1156
原创 实现按属性分类
在项目中，有时候后后端给的数据是繁杂无序的，所以前端需要分类比如这样的数据：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
2041
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
3183
原创 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
1294
原创 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
3178
原创 移动端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
1735
原创 使用正则限制输入框输入内容
使用正则来让输入框只能输入数字字母，不能输入汉字，并且四位一空格我使用的是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
3747
原创 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
3071
原创 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
1198
原创 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
1779
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人