- 博客(39)
- 收藏
- 关注
RSS订阅转载 Vue路由界面强制刷新
需求：当前url:http://localhost:8080/certxxx/app要访问http://localhost:8080/certxxx/app这个Url的时候视图是不刷新的想让他刷新可以使用以下两种做法:一、手动控制刷新(适合想控制刷新某些值需求)1.跳转时添加query属性让url变得不一样2.添加之后还是不会刷新，在要强制刷新的页面里使用watch方法来观察跳转操作手动刷新所需数据二、全刷新页面（就跟默认进来一样）1.跳转时添加query属性让url变得不一样2.在添加k
2020-12-25 11:27:03
2985
转载 解决Vue打包文件大，首次加载慢的问题
未压缩前的压缩后的那么如何压缩的呢，接着往下看1.首先在config/index.js里把productionGzip设置为true（以生产环境为例）2.配置Nginx找到nginx.confighttp { gzip on; #开启或关闭gzip on off gzip_static on; #是否开启gzip静态资源 gzip_disable "msie6"; #不使用gzip IE6 gzip_min_lengt
2020-12-10 10:17:33
638
原创 forEach跳出整个循环方法
getSceneName (val) { try { this.typeList.forEach(item => { if (item.sceneType == val) { this.sceneName = item.sceneName throw new Error("breakForEach"); } // console.log(item.sceneType) }) } catch (e) {...
2020-07-22 18:53:56
1128
原创 弱密码验证不能连续字符（如123、abc）连续3位或3位以上、不能相同字符（如111、aaa）连续3位或3位以上
var text1='AmyiteeAaa'//不能连续字符（如123、abc）连续3位或3位以上var LxStr = function(str){ var arr = str.toLowerCase().split(''); var flag = true; for (var i = 1; i < arr.length-1; i++) { var firstIndex = arr[i-1].charCodeAt(); var secondIndex = arr[i].charCo
2020-07-06 20:55:31
9957
原创 Git安装步骤说明（windows）
步骤1：前往Git官网下载Git安装包：https://git-scm.com/步骤2：点击图示进入步骤3：点击图示进入步骤4：选择对应的版本并下载步骤5：双击运行程序进行安装安装Git教程步骤1：这个就不阅读了哈，直接下一步。步骤2：选择自己需要安装Git的路径步骤3：选择需要安装的东西（打勾及选中），具体在图中解释了，可根据自己的需求去选择。这里使用第2张图默认操作勾选即可，第1张图是说明步骤4：选择开始菜单文件夹，点击next步骤5：选择文本编码器（如果不是很懂的
2020-06-14 23:02:44
155
原创 表格某一列显示内容实现换行
采用v-html指令，后端返回的description值中换行的地方需要有 <el-table-column label="操作内容" align="left"> <template slot-scope="scope"> <span v-html="scope.row.description"></span> </template> </el-table
2020-05-18 22:51:38
612
原创 elementUI select 处理字符串或数字值方法，保证select框中不出现数字
解决：绑定value值的时候在前面加上冒号不加冒号：字符串;加冒号：会根据字段值来判断属性的类型下面代码是正确的处理方法：bodyCheck.PicSize的值是字符串或数字，value加上冒号会判断属性类型，可以保证select框中不出现数字...
2020-05-18 22:45:51
5662
原创 SVN导出之前历史开发的项目版本（内容）
1.浏览历史版本1鼠标移到项目上右击显示：2.选择显示日志，出现版本历史记录：3.选择需要导出的版本，右击调出菜单：4.选择导出：选择导出位置，如果目录下包含多个文档最好新建一个文件夹，用来接收，不然，项目包含的文档全部下载下来，洒落的到处都是5.点击确定，文档会加载加载中：6.这样整个工程就下载下来了，打开目录浏览工程就可以...
2020-05-17 22:35:26
825
原创 通过AJAX发送header头部Token
//时间戳 var timestamp=new Date().getTime(); //执行AJAX $.ajax({ type: "POST", url: '/login', //data: {username: username, password: userpass, isRemark: auto_pc, authcode: authcode, sign: sign},...
2020-05-09 22:18:25
664
原创 在vant移动端UI框架中，使用日期控件在部分苹果手机上穿透的解决方法
打开浮动层 //防止苹果手机穿透日期控件 document.getElementsByTagName("body")[0].addEventListener('touchmove', (e) => { e.preventDefault(); },{passive:false}); //阻止默认事件...
2020-01-14 15:54:21
1550
原创 禁止html5手机端双击页面放大的问题，主要针对苹果手机
目前在vue项目中，发现使用vant框架的文本框输入组件，在苹果手机上出现触发文本框输入页面会放大，以下是解决方法：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">...
2020-01-14 15:50:54
2682
2
原创 移动端H5-在Vue项目中使用lib-flexible进行适配
1.安装flexiblenpm install lib-flexible --save2.引入flexible在项目入口文件main.js中或单独需要的组件页面添加如下代码，引入flexible：import ‘lib-flexible’3.px 转 rem...
2019-12-27 18:06:28
428
原创 JS-特殊字符过滤
function stripscript(s) { var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）&;—|{}【】‘；：”“'。，、？]") var rs = ""; for (var i = 0; i < s.length; i++) {...
2019-12-27 11:24:08
302
原创 移动端H5-ios端软键盘收起时页面向上有滑动导致功能失效(比如出来浮层窗口里面的确定按钮失效)
解决办法:键盘收起手动滑到顶部 //关闭软键盘(解决IOS高分辨手机键盘弹起，浮层错位问题) document.activeElement.blur(); window.scrollTo(0,0);其他看到的方法：document.body.addEventListener('focusout', function () { window.scrollTo(0,0);...
2019-12-24 11:48:41
1245
原创 JS-文本框中只能输入数字1-9（不包括0）
<input type="text" name="" class="text_1" maxlength="3" id="form_7" placeholder="请填写数量" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.repl...
2019-12-20 15:56:38
1776
原创 JS-文本框中只能输入数字（手机号）
<input type="text" name="" class="text_1" maxlength="20" id="form_2" placeholder="请输入手机号码" autocomplete="off" onkeyup="value=value.replace(/[^\d.]/g,'')"/>
2019-12-20 15:50:39
1671
2
原创 JS处理文本框只能输入中文、英文、数字、小数点
JS处理文本框只能输入中文、英文、数字、小数点<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu = "value=value...
2019-12-20 15:41:51
196
原创 JS处理文本框只能输入中文、英文、数字，防止SQL特殊字符注入(解决MAC中文输入法下会取得拼音的值的问题)
控制文本框只能输入中文、英文、数字<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/...
2019-12-20 15:40:09
490
原创 移动端H5-在Vue项目中使用fastclick，解决300ms左右的延迟
移动端点击延迟事件，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟，解决方式：一、安装npm install fastclick -S二、用法安装完以后，可以在在main.js中全局引入，并绑定到body，全局生效。或者在单页面引入，只针对当前页面生效//引入import FastClick from 'fastclick'//初始化FastClick实例。在页面的...
2019-12-20 13:58:16
472
原创 Vue项目中是使用qrcodejs2插件生成二维码
1、安装qrcodejs2插件，在控制台输入：npm install qrcodejs2 --save2、在需要使用的页面中引入：<div id="qrcode" ref="qrcode"></div><script>import QRCode from 'qrcodejs2'；//方法methods: { //生成二维码 qrcod...
2019-12-18 16:41:14
684
原创 vue中使用elementUI的el-image 图片初始化加载失败问题
使用elementUI的el-image发现经常会出现加载src失败的情况，问题估计就是e-image的src路径一旦初始化加载失败的话就没有异步刷新。目前解决办法，就是在“:src” 里添加默认图片地址，避免渲染DOM的时候找不到地址导致报错；...
2019-12-18 15:10:54
14059
7
原创 vue项目中使用打印功能（保留打印样式和去除首尾标签）
组件模板页面：<el-button size=“small” type=“text”@click=“printInvoice(scope.row)”>打印发票 <div id="InvoiceVoucher"> <h2 class="title">首都机场停车楼（场）收费凭证</h2> <ul class="list_s"&g...
2019-12-18 14:57:17
3199
原创 js中!和!!用法
“！”是逻辑与运算，并且可以与任何变量进行逻辑与将其转化为布尔值，“!!”则是逻辑与运算的取反运算，尤其后者在判断类型时代码简洁高效，省去了多次判断null、undefined和空字符串的冗余代码。！！常常用来做类型判断，在第一步!（变量）之后再做逻辑取反运算，在js中新手常常会写这样臃肿的代码：判断变量a为非空，未定义或者非空串才能执行方法体的内容var a;if(a!=null&...
2019-12-10 10:57:58
709
原创 JS,当前日期与指定日期大小对比
//当前时间let d1=new Date();//到期时间let d2=“2019-12-29 23:59:59”;//转换为标准时间"2019/12/29 23:59:59"d2=d2.replace(/-/g,"/");d2 = new Date(d2);//如果当前时间大于到期时间//valueOf() 函数返回指定对象的原始值,这里返回以毫秒数存储的时间值if(d1....
2019-12-09 16:25:28
3481
原创 vue中使用elementUI表格多选传值处理和清空多选
<el-button @click="updateMore()">批量修改</el-button><el-table ref="multipleTable" @selection-change="handleSelectionChange"> <el-table-column type="selection" align="center" &...
2019-12-09 11:15:08
5579
原创 移动端H5-给文本框加入清空按钮
<input v-model="ownerName" type="text" maxlength="16" placeholder="请输入申请人姓名 " @focus="userFocus()" @blur="userBlur()" autocomplete="off"> <van-icon class="close_icon" name="clear" color=...
2019-12-05 16:52:56
1077
原创 移动端H5-文本输入框不被弹起键盘遮住
<input v-model="ownerName" type="text" maxlength="16" placeholder="请输入申请人姓名 " @focus="userFocus()" autocomplete="off" ref="userobj">methods: { //申请人姓名获取焦点(防止键盘弹起遮住输入框) userFocus(){ ...
2019-12-05 14:13:44
1238
3
原创 vue项目将localhost改成自己的ip访问
找到项目中config文件夹内的index.js，将dev内部的host修改为本地自己的IP地址,然后重启npm run devdev: { host: '10.100.36.79' }
2019-12-04 20:54:53
3568
原创 vue中使用elementUI让表格复选框部分禁用
<!--复选框 --> <el-table-column type="selection" **:selectable="checkboxT"** **disabled='true'** width="50" align="center" > </el-table-column> meth...
2019-12-04 20:42:22
3005
原创 JS,简单的数组扁平化处理
数组扁平化，是将多维数组拉伸成一维数组，常用于二维数组转一维数组目前ES10,提供flat()方法进行数组扁平化，但目前不少浏览器还不够完善，兼容不是很友好，所以需要用其他方法替代。以下是替代方法：let arr = [["all"],[["110000","110100"]],[["120000","120100"]],[["130000","130100"],["130000","1302...
2019-12-01 16:36:50
107
原创 ES6,用 async/await 来处理异步
async/await 来处理异步，用法总结：async用于申明function异步，await用于等待一个异步方法执行完成简单用法示例说明：// 2s 之后返回双倍的值function doubleAfter2seconds(num) { return new Promise((resolve, reject) => { setTimeout(() =>...
2019-12-01 15:41:36
637
原创 Vue卸载、安装、安装指定版本依赖方法
1卸载cnpm uninstall XXX --save2一般安装cnpm i element-ui --save3安装制定版本cnpm install jquery@3.0.1 --save或者在package.json文件中先写入，在通过cnpm install自动安装...
2019-12-01 14:19:19
8144
原创 Vue使用阿里云OSS上传文件步骤
步骤一：用npm安装SDKcnpm install ali-oss步骤二：安装完成后，在配置文件中调用和配置参数新建一个配置文件aliOss.js可使用 import 或 require 进行引用//调用阿里云OSSconst OSS = require('ali-oss');export function infoClient() { //配置阿里云的参数 const c...
2019-12-01 13:51:44
6749
1
原创 vue中使用crypto-js的AES进行加解密
1.安装crypto-jscnpm install crypto-js --save2.编写encrypt.js在Api文件夹（接口文件夹）中新建encrypt.js文件（此为较简洁方法，未处理数据，未用到密钥偏移量） const CryptoJS = require('crypto-js') // 引用AES源码js// const key = CryptoJS.enc.Utf8....
2019-11-27 11:53:23
734
原创 项目中采用crypto-js针对密码进行SHE256加密
1.安装crypto-jscnpm install crypto-js --save2.导入crypto-js在需要用的组件页面中导入，如下:import Cryptojs from ‘crypto-js’;3.使用crypto-js的SHE256对密码进行加密//SHA256加密this.loginForm.shadirect=Cryptojs.SHA256(this.loginF...
2019-11-27 11:39:47
657
原创 vue的deactivated生命周期
该钩子函数配合keep-alive来使用，使用了keep-alive就不会调用beforeDestory和destoryed钩子了，因为组件没有被销毁，而是被缓存起来了，所以deactivated钩子可以看做是beforeDestory和destoryed的替代。...
2019-11-27 11:26:24
4085
原创 vue的activated生命周期
包裹的动态组件会被缓存，它是一个抽象组件，它自身不会渲染一个dom元素,当组件在 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。如包裹两个组件：组件A和组件B。当第一次切换到组件A时，组件A的created和activated生命周期函数都会被执行。在切换到组件B，这时组件A的deactivated的生命周期函数会被触发。在切换回组件A，...
2019-11-27 11:07:01
15281
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人