常用功能集合

前言

由于写代码的时候总是忘记这个那个的写法, 记忆模糊, 每次需要花费时间去试。

作为小白,代码量和手指记忆较为薄弱。

可以根据目录查找需要的功能方法。

目录

 导入的方法和属性

下载(上传)

回调函数

字符串分割

获取数组最后一位

gitee远程仓库第一次拉去代码

固定表头

jQuery数据请求的方法

---

 导入的方法和属性

<el-upload>  导入的方法和属性 </el-upload>

class="upload-demo"

ref="upload"

action="" // 路径

:on-change="handleChange"  // 上传方法, 有file, fileList两个参数

:file-list="fileList"  // 上传文件提示信息

:show-file-list="false"  // 是否显示提示信息

:http-request="handleHttpRequest"  // 覆盖默认的上传行为，可以自定义上传的实现(支持使用,效果更好)

---

导入方法(vue3.0的写法)

import {getCurrentInstance} from 'vue'

const { proxy: ctx } = getCurrentInstance()

handleChange(file, fileList) {

     let toolList = file.name.split('.')  // 获取文件名,并分割文件名

     let lastdata = toolList[toolList.length - 1]  // 获取后缀名称

     if (lastdata !== 'xlsx' && lastdata !== 'xlsxs') {

        ctx.$message.error({  // 这是vue3.0的写法, ctx等同于vue2的this,

            message: '入文件格式不正确,请选择xlsx文件上传',

            duration: 3000,

          })

     } else {

        const formData = new FormData()

        formData.append('file', file)

        detailImport(formData).then(res => {

            if( res.code==200 ) {

                ctx.$message.success({message: '上传成功', duration: 3000,})

            } else {

                 ctx.$message.error({message: '上传失败', duration: 3000,})

            }

        })

     }

},

下载(上传)

 <el-button @click="handleExcelExport()">下载</el-button>

https://blog.csdn.net/ouyangyiming/article/details/126283940

回调函数

function ListFun(fn) {

    rest.forEach((item, index) => {

           if (rest.length - index !== 1) {

                  fn(item)

           } else {

                 return item

           }

     })

}

ListFun(function(a) {

      console.log(a)

})

字符串分割

let strList= str.split(",");  // 根据","切割成数组

获取数组最后一位

let ArrStr = arr[arr.length - 1];  // 4

let ArrStr = arr.slice(-1)[0];  // ['4']

gitee远程仓库第一次拉去代码

 git clone -b master (远程地址url)

master == 主分支 (可替换成子分支名称)

上传远程仓库流程指令

git status

git add .

git commit -m "第一次提交"

git remote add origin 仓库地址url

git pull origin marster

git push -u origin master

第二次直接push

固定表头

<div class="table-responsive">

     <table class="table">

            <thead> </thead>

            <tbody> </tbody>

      </table>

</div>

window.onload = function () {

      let tableCont = document.querySelector('.table-responsive');

      function scrollHandle(e) {

           let scrollTop = this.scrollTop;

           this.querySelector('thead').style.transform = 'translateY(' + scrollTop + 'px)';

      }

     tableCont.addEventListener('scroll', scrollHandle);

}

jQuery数据请求的方法

let dataApi = `https://z1.m1907.cn/?jx=${inputval}`

$.ajax({

     url:  dataApi,//请求的地址

            type: 'get',//请求的方式 post, put, delete

            data: ' ',//携带到后端的参数

            dataType: 'text/html',//期望后端返回的数据类型

            headers: {

                'Content-Type': 'application/json', 

                //'application/x-www-form-urlencoded', 前端参数传给后端的数据类型

                'Authorization': this.token,  // 传入token

            },

            success: function (res) {

                    console.log(res, "....");

            },//成功的回调函数 res就是后端响应回来的数据

})