碎啊

2021/5/6 18:25:16

本文主要是介绍碎啊，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

Github常用命令：

查看当前的git仓库状态，可以使用git status

git status
更新后使用git add * --代表更新全部
git add *
git commit -m “更新说明”，commit只是提交到缓存区域
git commit -m "更新说明”
git push origin master

2）创建并切换到新分支
git checkout -b panda

git checkout -b panda
查看分支：git branch
切换分支：git checkout
从本地推送分支 git push origin ，如果推送失败，先用git pull抓取远程的新提交；
从远程抓取分支 git pull，如果有冲突，要先处理冲突。

git log 查看提交历史
git status 查看有多少次提交了没有push到版本库
git commit --amend 更改最近 commit 的描述信息

忽略本地修改，强制拉取远程到本地
git fetch --all
git reset --hard origin/dev（分支名）
git pull

1.git查看分支：
查看本地分支 git branch
查看远程分支 git branch -r
查看本地和远程分支 git branch -a

2.git删除分支：
删除本地分支 git branch -d 本地分支名
删除远程分支 git push origin --delete 远程分支名
推送空分支到远程（删除远程分支另一种实现）git push origin :远程分支名

// git config --global user.name ‘yangshuai’ 修改用户
// git config --global user.email ‘yang_shuai@sinosoft.com.cn’ 修改邮箱

使用git 命令操作频繁要求输入账号和密码： git config --global credential.helper store
清除账户信息: git config --system --unset credential.helper

日期组件（只能选取三个月之内的日期）：

:picker-options=“pickerOptions”
// 止期
pickerOptions: {
disabledDate: time => {
if (!this.searchData.StartDate) return // this.searchData.StartDate起期value
const beginDateVal = new Date(this.searchData.StartDate)
if (beginDateVal) {
const threeMonths = beginDateVal.setMonth(beginDateVal.getMonth() + 3)
beginDateVal.setMonth(beginDateVal.getMonth() - 3)
return time.getTime() < beginDateVal || time.getTime() > threeMonths
}
}
}
// // 起期
pickerOptions: {
disabledDate: time => {
if (!this.searchData.EndDate) return // this.searchData.EndDate 止期value
const endDateVal = new Date(this.searchData.EndDate)
if (endDateVal) {
const threeMonths = endDateVal.setMonth(endDateVal.getMonth() - 3)
endDateVal.setMonth(endDateVal.getMonth() + 3)
return time.getTime() > endDateVal || time.getTime() < threeMonths
}
}
}

table 表格自增：

currentPage//当前页数 pageSize//每页条数

      :index="index => {
        return (index + 1) + (currentPage - 1) * pageSize
      }"

项目使用了eslint，但是每次使用自动格式代码时，webstorm不会按照 eslint 规则去格式化代码解决办法：

在项目根目录找到 .eslintrc.js 并右键单击，菜单底部有一个 “Apply ESLint Code Style Rule” 点它，之后自动格式化就会按照 eslint 的规则了
另外右键单单击然后点 Fix ESLint Problems 可快速修复eslint检测问题。
设置快捷键，如下：
点击keyMap->搜索eslint->选中fix ESList Problems下面的eslint->右键Add Keyboard ShortCut 摁住Alt + L 键（点击应用apply）
以后使用alt + L 就可以直接进行eslint修复了

export default 和 export 区别：

1.export与export default均可用于导出常量、函数、文件、模块等
2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用
3.在一个文件或模块中，export、import可以有多个，export default仅有一个
4.通过export方式导出，在导入时要加{ }，export default则不需要

1.export
//a.js
export const str = “blablabla~”;
export function log(sth) {
return sth;
}
对应的导入方式：
//b.js
import { str, log } from ‘a’; //也可以分开写两次，导入的时候带花括号

2.export default
//a.js
const str = “blablabla~”;
export default str;
对应的导入方式：
//b.js
import str from ‘a’; //导入的时候没有花括号

相关链接：(https://www.jianshu.com/p/edaf43e9384f)

renderHeader方法—添加select

renderHeader(h, scope) => {
return (

{
<el-select value={ scope.row[scope.column.property] }
size=‘medium’
style=‘width: 100%’
onChange={ (val) => { scope.row[scope.column.property] = val } }>
{
this.tagOptions.map(option => {
return (
<el-option label={ option.label } value={ option.value }>
)
})
}

}

)
}

// 表单验证自定义事件加必录项可以解决一定条件下必录项为空也可以通过校验（同时存在必录项标记）问题。

const checkOutWorkDate = (rule, value, callback) => {
  const AgentStateval = this.searchData.AgentState
  if (AgentStateval === '01') {
    callback()
  } else {
    return callback(new Error('离职日期不能为空'))
  }
}

{ validator: checkOutWorkDate, required: true, trigger: ‘change’ }

vue 上传组件选择文件之前有校验，校验通过弹出文件选择框，否则不弹

  <el-upload
    ref="upload"
    :on-remove="handleRemove"
    :http-request="handlePreview"
    :before-remove="beforeRemove"
    :limit="1"
    :file-list="fileListUpload"
    :auto-upload="false"
    :on-success="uploadSuccess"
    :on-error="uplodError"
    class="upload-insurant"
    action=""
  >
    <el-button
      v-show="show"
      ref="importbtn"
      slot="trigger"
      size="small"
      type="primary"
    >选取文件</el-button>

    <el-button
      style="margin-left: 10px;"
      size="small"
      type="primary"
      @click="beforeAvatarUpload()"
      :disabled="isDisabled"
    >选取文件</el-button>

    <el-button
      :disabled="isDisabled"
      style="margin-left: 10px;"
      size="small"
      type="primary"
      @click="submitUpload"
    >
      上传
    </el-button>
  </el-upload>

el-upload 中第一个按钮默认为上传按钮（就是点击后可以弹出文件框）
首先：
1、首先定义一个隐藏的按钮，该按钮为上传按钮，（第一个）
2、在定义一个普通按钮第二个按钮和第一个可以一样，（第二个）
然后：
隐藏按钮要添加 ref=“importbtn” （第一个）
第二个按钮要写一个点击事件 @click=“beforeAvatarUpload()”。（第二个）

原理就是通过点击第二个按钮来添加判断、校验等一系列操作，通过后 this. r e f s . i m p o r t b t n . refs.importbtn. refs.importbtn.el.click()
触发隐藏按钮点击事件（第一个按钮）

beforeAvatarUpload() {
if (!this.multipleSelection1.length) {
  return this.$alert('请先勾选保单信息', '提示', {
    type: 'warning',
    confirmButtonText: '确定'
  })
} else {
  this.$refs.importbtn.$el.click()  //很重要
}
}

// 上传文件

使用 fordata 方式上传加请求头
var formData = new FormData();
headers: { ‘Content-Type’: ‘multipart/form-data’ }
blob 格式下载
请求时需设置：responseType: ‘blob’
文件名没有赋值，下载的为txt 文件

// ES6

Object.keys Object.keys 获取的时对象的属性组成数组
Object.keys 组成数组后可以使用.length判断对象是否为空

filter 找到数组符合条件的 arr.filter(item => item.indexOf(‘2’)<0)
findIndex 查找目标元素，找到就返回元素的位置，找不到就返回-1 (数组) arr.findIndex(item => item.id === val)
indexOf 查找目标元素，找到就返回元素的位置，找不到就返回-1 （字符串） arr[1].indexOf(‘2’)

// forEach 符合条件跳出循环

// 使用try catch 捕获异常
try {
this.multipleSelection.forEach(item => {
if (!this.multipleSelection.paymode) {
throw Error(this.multipleSelection.actugetno)
}
})
} catch (a) {
// 使用 a.message 获取 throw Error 中的数据
return this. a l e r t ( ‘ 实付号 alert(`实付号 alert(‘实付号{a.message}，付费方式不能为空！`, ‘提示’, {
type: ‘warning’,
showClose: false,
confirmButtonText: ‘确定’
})
}

这篇关于碎啊的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

碎啊