- 博客(54)
- 收藏
- 关注
RSS订阅
原创 git 新建本地分支并推送到远程分支 、 删除远程 与本地分支（可用于从主干同步代码到dev分支，直接删掉原有dev）然后 重新新建dev
首先切换到 master 分支 保证当前没有需要commit的文件切换到mastergit checkout master下来查看所有本地分支$ git branch* master release$ git statusOn branch masterYour branch is up-to-date with 'origin/master'.nothing to co...
2019-07-19 09:41:55
537
原创 vue 二维码解码器
首先安装 qrcode-decodernpm install qrcode-reader然后在组件中<template> <div class="module-content"> <!--解析二维码--> <h1 class="module-head">解析二维码</h1> ...
2019-07-03 16:13:19
3988
4
原创 element表格自定义表头，slot=“header“内，数据不更新的问题
element 官网上 slot=“header”，这种写法，template 内不能获取到showKey的值，打印出来的一直是初始值，将slot=“header” 改成#header ，就可以了<el-table-column > <template #header> <ul> <li class="tebleHeader">省份</li> &
2022-02-07 15:44:15
2402
2
原创 使用git合并某一个版本的某一个分支
git cherry-pick <另一个分支需要合并的id>git checkout v2.0分支git cherry-pick 38361a55 # 这个 38361a55 号码，位于需要合并过来的分支中：
2021-07-15 15:57:18
562
原创 avue avue-crud 日期格式设置不成功
searchRange:true, //如要修改日期格式，默认为年月日，若要修改成年月，此属性一定要有{ label: '日期', prop: 'thisMonth', type:'month', // dateDefault: true, // searchValue: [_this.currentDate1, _this.currentDate2], // 这是我获取的默认的显示日期，我这里是['2020-08-04', '2020-09-22'] format: '
2020-12-15 15:44:39
4972
2
原创 js 获取几天后，几天前日期
当天开始的几天前几天后//获取最近7天日期getDay(0);//当天日期getDay(-7);//7天前日期 //获取最近3天日期getDay(0);//当天日期getDay(-3);//3天前日期function getDay(day){ var today = new Date(); var targetday_milliseconds=today.getTime() + 1000*60*60*24*day;
2020-07-03 17:59:39
2255
原创 vue 自定义marquee横向无缝滚动组件
https://www.youkuaiyun.com/gather_25/MtTaAg1sMDg4Ni1ibG9n.html
2020-05-20 16:34:37
634
原创 制作svg字体图标库
此方法使用于维护旧项目，并且项目已有阿里矢量字体图标库，在维护人不知道账号的情况下，无法新增图标时，可选择另启一套字体图标库，继续使用字体图标此方法有个弊端，就是每次都要把之前导入的svg都保存做备份， 然后要新增图标的时候要把之前的svg全部再导入一遍,然后再加入新增的svg1、打开这个地址https://icomoon.io/app/#/select2、导入下载好的svg文件提示：s...
2020-01-13 11:46:42
562
原创 JS中获取当前日期（年-月-日）
// 获取当前日期var date = new Date();// 获取当前月份var nowMonth = date.getMonth() + 1;// 获取当前是几号var strDate = date.getDate();// 添加分隔符“-”var seperator = "-";// 对月份进行处理，1-9月在前面添加一个“0”if (nowMonth >...
2020-01-08 10:33:46
929
原创 谷歌浏览器崩溃
解决办法：（一）在地址栏输入chrome://flags/#disable-direct-write，找到DirectWrite Windows项，把启用改成停用！Over！就这么简单！（二）什么？你说连这个chrome://flags/#disable-direct-write页面都崩溃？别急！在桌面的chrome图标右键-属性，找到“目标” 在最后加入： --no-sandbox（注意， --...
2019-12-18 10:10:37
1212
3
原创 vue组件销毁时清除定时器
mounted(){ const timer = setInterval(()=>{ console.log(1) },500) this.$once('hook:beforeDestory',()=>clearInterval(timer))}
2019-11-29 09:02:27
787
原创 vue禁止使用缓存文件（防止升级，需要用户手动清缓存）
vue-cli3public=>index.html头部增加meta<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" ><meta http-equiv="Pragma" content="no-cache"><meta http-equi...
2019-11-28 14:34:09
1610
原创 vue项目优化，cdn和gz压缩
首先安装 compression-webpack-plugin压缩插件把需要用cdn加速的文件保存在本地在pubilc新建js文件夹放进去，保证打包后这些js也存在dist文件夹，方便运维拿文件上传到cdn地址进行加速npm install compression-webpack-plugin --save-devvue.config.jsconst path = require('p...
2019-10-28 12:58:52
785
2
原创 vue项目增加百度统计代码
百度统计代码写在路由文件里，保证每个组件每次点击都统计到router.jsrouter.afterEach((to,from,next)=>{ setTimerout(()=>{ (function(){ //每次执行前，先移除上次插入的代码 document.getElementById('baidu_tj')&& document.getEle...
2019-10-17 09:17:42
485
原创 vue打包后生成一个配置文件，方便运维配置cdn地址或者接口地址
首先在public文件夹新建一个 config.jswindow.cdnUrl = 'http://www.cdn加载地址.com/img/'然后在 public文件夹下的index.html文件中引入config.js这个文件<script src="./config.js"></script>组件中调用时<template><div :...
2019-10-17 09:09:16
560
原创 vue动态改变background-img
<template><div :style = "{background:'url('+imgCdnUrl+'banner.jpg) no-repeat top center 100%/100%''}"></div></template><script>export default{ data(){ return{ ...
2019-10-17 09:00:20
3593
1
原创 vue使用vue2-verify实现前端验证码（滑动，拼图，数字，选字验证）
先附上插件github地址vue2-verify先说一下弊端，使用拼图模式时，只能使用外链图片，使用本地图片时怎么写都不对，加载不到资源，如果有人知道怎么写可以留言给我，其他模式还是很好用的，在移动端兼容也是不错的，如果要使用拼图验证可以看我另一篇博文https://blog.youkuaiyun.com/qq_37816525/article/details/102560656安装npm i vu...
2019-10-15 09:39:20
12467
3
转载 vue 使用vue-puzzle-vcode拼图验证纯前端实现
Vue 纯前端的拼图人机验证、右滑拼图验证我知道有第 3 方的很好用,比如 GEETEST 的拼图验证，但要引入 SDK 跟后台配合，还有接口交互。太麻烦了，有时候突然改需求来不及弄，为了应付老板，就弄了个纯前端的随便验一下得了。安装npm install vue-puzzle-vcode --save使用import Vcode from "vue-puzzle-vcode";...
2019-10-15 09:24:13
6953
11
原创 js截取相应的域名
var urlReg = /[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+\.?/; var url=urlReg.exec("http://www.baidu.com/aaaa"); console.log(url[0]); 返回结果：www.baidu.com
2019-10-09 11:47:04
405
原创 vue中点击获取验证码倒计时60秒
点击获取短信验证码倒计时60秒点击后，获取短信验证码按钮禁止点击，后台有返回时，才进行倒数，<temlplate><el-form :model="registerdeFormData" :rules="regrules"> <el-form-item prop="phoneNum"> <el-input v-model="phoneNum" ...
2019-10-02 14:38:12
2359
1
原创 在Vue项目中使用jsencrypt.js对数据进行加密传输
写在最前边，千万要注意，用此插件加密时，只能是字符串类型，如果是number，加密出来是空！！！血的教训，这个bug我找了大半天才发现安装jsencryptnpm install jsencrypt --dep第一种方法在 axios封装js里 设置api => index.jsimport { JSEncrypt } from 'jsencrypt'const Encry...
2019-10-02 13:30:38
8281
1
原创 vue-router scrollBehavior无效的问题(vue-router,路由跳转滚动条置顶)
const router = new Router({ routes:[ { path:"/", name:'index' commponent:pcLayout, }, .... ]})router.beforeEach((to, from, next) => {document.body.scrollTop = 0;next()});
2019-10-02 10:28:21
1320
原创 css3图片转动动画loading
//使用动画img{ -moz-animation:change 1s linear infinite; -ms-animation:change 1s linear infinite; -o-animation:change 1s linear infinite; -webkit-animation:change 1s linear infinite; animation:change 1s ...
2019-09-30 14:43:27
691
原创 vue如何在一个工程里显示pc和手机端（适用多页面复杂项目）
App.vue<template> <div id="app"> <router-view></router-view> </div></template> <script>import store from '@/store'import Router from 'vue-router'm...
2019-09-30 14:03:35
5645
2
原创 h5背景宽高铺满屏
.swiper-container {width: 100vw;height: 100vh;}.swiper-slide {width: 100vw;height: 100vh;}
2019-09-30 11:26:57
834
转载 基于vue，如何实现滚动条滚动到指定位置，对应位置数字进行tween特效
转载至https://segmentfault.com/a/1190000015665620实现代码npm install tween.js --save-dev2.引入tween.jsimport TWEEN from 'tween.js'// ***.vue,注意这里千万别在main.js中引入，否则运行会报：TWEEN is undefined，// 这边存疑，不知道为什么在...
2019-09-24 08:10:57
1751
1
原创 如何在一个页面使用多个router-view显示不同的内容
首先：路由配置如下routes: [ { path:'/', name:'Home', components:{ default:Home, 'his':History } }]上面的代码主要是把component变成components，然后default默认显示哪个组件，其余的多个组件分别...
2019-09-24 08:06:16
2888
原创 vue 使用elemenyui table展示列表数据如何进行编辑修改
<template> <div> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> <...
2019-09-17 16:28:52
837
原创 css 多行文字垂直居中
html<div class="box"><span>这里显示多行文字这里显示多行文字这里显示多行文字这里显示多行这里显示多行文字这里显示多行文字这里显示多行这里显示多行文字这里显示多行文字这里显示多行这里显示多行文字这里显示多行文字这里显示多行文字这里显示多行文字这里显示多行文字这里显示多行文字。</span></div>css.box{d...
2019-09-04 11:10:04
141
原创 jq 格式化金额
function formatCurrency(num) { num = num.toString().replace(/\$|\,/g,''); if(isNaN(num)) num = "0"; sign = (num == (num = Math.abs(num))); num = Math.floor(num*...
2019-09-04 11:07:48
292
原创 vue二维码解码器（增加上传二维码之后弹窗预览）
对之前的二维码解码器做的功能扩展， 增加上传成功时弹框显示二维码图片预览，弹框使用vant ui 实现vanr ui 文档地址 https://youzan.github.io/vant/#/zh-CN/intro首先安装 qrcode-decodernpm install qrcode-reader然后在组件中<template> <div class="...
2019-09-04 10:17:40
2052
2
原创 vue项目检测依赖包是否有使用
Depcheck不仅识别JavaScript文件中的依赖项安装：npm install -g depcheck$> depcheck /path/to/my/projectUnused dependencies* underscoreUnused devDependencies* jasmineMissing dependencies* lodash...
2019-08-01 17:00:35
6077
原创 vue vue-qriously生成二维码
转载https://www.cnblogs.com/minimo/p/8405002.html1.下载安装vue-qriously插件npm install --save vue-qriously2.main.js入口文件中载入import VueQriously from 'vue-qriously'Vue.use(VueQriously)...
2019-07-31 16:18:38
1209
原创 vue 实现抽奖转盘
转盘效果使用原生js 和css3动画实现中奖概率由后端控制，后端返回中奖金额和中奖名称，前端处理指针显示的地方本demo 实现的是 转盘转动指针不动的效果...
2019-07-31 14:58:21
6370
5
原创 js 四舍五入保留两位小数
四舍五入保留两位小数let number = 3.009999999999;console.log(Math.round(number * 100) / 100);四舍五入保留三位小数Math.round(number * 1000) / 1000
2019-07-30 10:32:03
154
原创 js时间戳转换成时分秒
var time = ((new Date()).valueOf();var hours = parseInt((time % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));var minutes = parseInt((time % (1000 * 60 * 60)) / (1000 * 60));var seconds = (time % (10...
2019-07-29 08:35:42
5059
原创 CSS实现单行、多行文本溢出显示省略号（…）
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
2019-07-22 13:25:35
143
原创 vue 使用better-scroll实现无限加载（上拉刷新，下拉加载）
先附上better-scroll官方文档https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#better-scroll 是什么本项目使用vue混入mixin的方式共用js代码，方便每个组件引用，也可以把mixin中的代码直接写在组件里 单独使用首先npm安装npm install better-scroll --save新建...
2019-07-19 11:37:18
2678
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人