何先生的博客

原创 AES加解密

// js 代码块1. crypto-js 是一个纯 javascript 写的加密算法类库 ，可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列，进行 AES、DES、Rabbit、RC4、Triple DES 加解密，我们可以采用 npm install crypto-js --save 进行下载安装 2. 安装插件 npm install crypto-js 3. import CryptoJS from "cryp

原创 keep-alive属性及生命周期

activated：页面第一次进入的时候，钩子触发的顺序是created->mounted->activateddeactivated ：页面退出的时候会触发deactivated，当再次前进或者后退的时候只触发activatedkeep-alive简介：keep-alive是vue内置的一个组件，可以被包含的组件保留状态，或避免重新渲染。// 如果只想router-view里面某个组件被缓存的话，可以给他增加router.meta属性 <keep-alive >.

原创 Object.keys几种使用方法

一、处理对象，返回可枚举的属性数组let person = {name:“张三”,age:26,address:“广州”,getPhone:function(){}}Object.keys(person) // [“name”, “age”, “address”,“getPhone”]二、处理数组，返回索引值数组let arr = [1,2,3,4,5,6]Object.keys(arr) // [“0”, “1”, “2”, “3”, “4”, “5”]三、处理字符串，返回索引值数组let

原创 ios搜索框，键盘弹起是搜索，不是换行

其实很简单 <form action="javascript:return true"> <input v-if="insuranceTypeTab.insuranceType == 2" type="search" v-model="infoObj.searchInput...

原创 数组中的对象实现去重

// 1. let person = [ { id: 0, name: "小明" }, { id: 1, name: "小张" }, { id: 2, name: "小李" }, { id: 3, name: "小孙" }, { id:...

原创 微信分享功能

// 分享给客户 sharePage(objInfo) { let userCode = localStorage.getItem("userCode"); if (this.licenseNovalue == null || this.licenseNovalue == "") { this.licenseNovalue = "未上牌"; ...

原创 获取手机验证码

vue中： <div class="getCode"> <van-button slot="button" :class="[!disabled ? 'signature-code-button' : '']" :...

原创 vuex中commit和dispatch的区别

commit 和dispatch的区别在于commit是提交mutatious的同步操作，dispatch是分发actions的异步操作dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch(‘action方法名’,值)commit：同步操作，写法：this.$store.commit(‘mutations方法名’,值)如图...

原创 分享给好友，地址栏拼接多个传参被转码问题

// 在导航守卫中： let url = window.location.href; if (/%23/.test(url)) { url = url.replace("#/", ""); url = url.replace(/%23/, "#"); window.location.href = url; // 重定向到正常链接 return; }...

原创 复制功能clipboard插件使用

1.安装npm install clipboard --save2.在main.js中引入import clipboard from “clipboard”;Vue.prototype.clipboard = clipboard; // 放vue在原型上，组件直接this.clipboard使用3.组件中使用<div class="rowQu"> &l...

原创 列表，ul li点击时添加类名，其他兄弟删除

<template> <div class="agency"> <div class="agencySelect">是否代理</div> <ul> <li v-for="(item, index) in agencyS...

原创 js实现标签页切换

<template> <div class="productGetmessage"> <div class="productGet"> <ul> <li v-for="(item,index) in getmessageTab" :key="index" @click="changeTabs(index)" ...

原创 移动端Vant UI使用注册的两种方式

全局注册：main.js 中：import { Tab, Tabs,Step, Steps ,NavBar ,Toast ,Field ,Icon,Checkbox, CheckboxGroup, } from ‘vant’;Vue.use(Checkbox);Vue.use(CheckboxGroup);Vue.use(Tab);Vue.use(Tabs);Vue.use(Ste...

原创 移动端vant的弹出层(Popup)位置设置为左边和右边踩坑解决

需要把width加上,切height设置为100%。即可

原创 获取今天，昨天，本周，上周，本月，上月的时间

js中封装：const timestart = " 00:00:00";const timeend = " 23:59:59";/**获取今日的起始和结束时间*返回值：“起始时间,结束时间”*/export const ToDayStr = () => {var returnStr = [];var date = new Date(); //当前时间var year = ...

原创 时间插件moment的使用

<row class="mt15"> <Col span="12"> <span class="w40">提交日期从：</span> <DatePicker v-model="form.commitDateStart" @on-change="commitstart" type="date...

原创 子组件给父组件传值

父组件中：子组件中

原创 父组件调用子组件的方法

父组件中：<Moreref=“naform”:ArrayValue1=“ArrayValue1”@getName=“showModel2”:dcName=“diaochuName”:dcId=“diaochuID”><Button type=“primary” @click=“Determined”>确定<Button type=“default...

原创 父组件给子组件传值

父组件中：<Moreref=“naform”:ArrayValue1=“ArrayValue1”@getName=“showModel2”:dcName=“diaochuName”:dcId=“diaochuID”><Button type=“primary” @click=“Determined”>确定<Button type=“default...

原创 vue中，共用一个对话框 ：title自定义

父组件： <select-supplierref=“selectSupplier”header-tit=“调入方资料”@selectSupplierName=“selectSupplierName”>子组件：export default {name: “selectSupplier”,mixins: [mixSelectSupplier],props: {he...

原创 导入功能

导入import Cookies from “js-cookie”;import { TOKEN_KEY } from “@/libs/util”;data() {rutuen {headers: {Authorization: "Bearer " + Cookies.get(TOKEN_KEY)}, //请求头upurl: getup //批量导入地址}}//批量上...

原创 导出功能

<Button class=“mr10” @click=“downTemplate”>下载模板import Cookies from “js-cookie”;import { TOKEN_KEY } from “@/libs/util”;//下载模板downTemplate() {location.href =baseUrl.downApi +“/file/get...

原创 数组中相同的对象实现去重

var oldArr = [{id:1,name:“zhangs”,age:18,contact_id:1},{id:1,name:“zhangs”,age:18,contact_id:2},{id:1,name:“zhangs”,age:18,contact_id:3},{id:1,name:“zhangs”,age:18,contact_id:14},{id:1,name:“zhan...

原创 input框只能输入数字或者小数后两位正则校验

发不多说，上干货 rules: {creditLimit: [{message: “只能填写整数或者两位小数”,pattern: /^\d+(?:.\d{2})?/,trigger:"blur"///[0−9]1([0−9]∣[.])∗/, trigger: "blur" ///^[0-9]{1}([0-9]...

原创 请求参数传form表单形式

const res = await this.axios.post(“logon”,{userId: this.loginForm.username,password: this.loginForm.password,uuid: this.time,verificationCode: this.loginForm.check},{headers: {“Content-Type”...

原创 获取验证码图片校验

原创 拉取代码执行 npm install报错code：128

报错：npm ERR! code 128npm ERR! Command failed: git clone --mirror -q git://github.com/adobe-webplatform/eve.git C:\Users\yangj\AppData\Roaming\npm-cache_cacache\tmp\git-clone-b6120ac8.git --config cor...

原创 vue脚手架创建项目报错

Vue报错：command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org解决方案：npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org...

原创 vscode 编辑器推荐安装的插件

vscode编辑器推荐安装的插件code spell checker 检查你的英文单词拼写是否有误，如果有库里不存在的单词则会下下波浪线ESlint ESlint 接管原生 js 提示，可以自定制提示规则Auto Close Tag 自动添加HTML / XML关闭标签（必备）Class autocomplete for HTML ...

原创 iview框架table组件render使用方法

iview框架table组件render使用方法{ title:'预审意见'， key:'person', align:left", render: (h,params) => { return h('Tooltip',{ // 字体提示组件 props:{placement} // Tooltip属性},[ h('Icon',{ //...

原创 访问首页长时间白屏问题

1、JavaScript外联文件引用放在html文档底部；CSS外联文件引用在html文档头部，位于head内；2、http静态资源尽量用多个子域名；3、服务器端提供html文档和http静态资源时，尽量开启gzip压缩；4、在js，css，image等资源响应的httpheaders里，设置expires，last-modified；5、尽量减少HTTP Requests的数量；6、j...

原创 moment.js处理时间问题（结合vue）

简介：很多时候 前端面对后台返回的时间格式或者框架里面的时间格式不是自己想要的，需要自行处理的时候 可能会很棘手 现在通过moment.js一键搞定 你可以到moment.js官网查看http://momentjs.cn1 安装 npm i moment --s2 在main.js引入 import Moment from ‘moment’3定义全局日期过滤器Vue.filter('c...

原创 git常用命令

1.新建本地git仓库，并将本地库关联远程仓库GitHub1.1. git拉取远程分支并创建本地分支1.1.1 查看远程分支 git branch -r 查看所有远程分支：1.1.2 拉取远程分支并创建本地分支方法一 git checkout -b 本地分支名 origin/远程分支名 使用该方式会在本地新建分支，并自动切换到该本地分支。方式二 git fetch or...

原创 Vue使用QRCode插件，生成二维码

Vue使用QRCode插件，生成二维码