- 博客(116)
- 收藏
- 关注
RSS订阅
原创 使用vue-cli+webpack脚手架来构建vue项目
使用vue-cli+webpack脚手架来构建vue项目环境搭建说一下构建vue项目的几个步骤,跟着这几个步骤搭建一下环境，构建出一个可以运行起来的vue程序，基本上就入门第一步了：安装node.js安装webpack安装vue-cli脚手架构建工具项目构建一、安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成...
2019-06-25 11:01:35
455
原创 在Vue 中，将base64图片转为File文件类型
Vue将base64图片转为File文件类型base64ToFile(urlData, fileName) { let arr = urlData.split(','); let mime = arr[0].match(/:(.*?);/)[1]; let bytes = atob(arr[1]); // 解码base64 let n = bytes.length let ia = new Uint8Array(n); while (n--) {
2020-10-28 15:16:42
5139
2
原创 vue重复点击按钮跳转同一个路由的报错问题
原因在 Vue-Router3.1.0+，此时如果支持 Promise，router.push或 router.replace将返回一个 Promise。当我们在脚手架中使用this.$router.replace(path)进行路由跳转的时候，返回一个Promise对象，发生未捕获的异常解决方法对Vue-Router原型链上的router.push或 router.replace方法进行重写，这样就不用每次调用方法都要加上catch，具体是重写replace还是push，看你的项目而定！！在rou
2020-10-21 11:09:43
1817
4
原创 vue项目流程
vue项目流程1.下载node（注意，node一定要下载稳定版本的，不要下载最新版的）2.安装淘宝镜像（能解决部分报错）而且安装速度会增快3.安装vue-cli的版本4.创建项目
2020-07-07 20:35:39
206
原创 纯js倒计时
纯js倒计时setInterval(() => { var nowalldate = this.data.auto_close_time; var Year = nowalldate.slice(0, 4); var Month = nowalldate.slice(5, 7); var Datea = nowalldate.slice(9, 11); var Hoursa = nowalldate.slice(11, 13); var Mina = nowalldate.slice(1
2020-06-30 17:24:48
118
原创 使用uni-app微信小程序注意的点
使用uni-app微信小程序注意的点使用uni-app做微信小程序需要注意的：1.小程序的页面前进跳转最多不能超过10次，否则小程序直接卡死，跳转不了页面2.小程序做授权的时候必须是button按钮，否则不管用3.输入框的文字靠右以及placeholder的文字提示也靠右的话直接设置样式4.要设置placeholder的样式的话在标签上需要加placeholder-style=""...
2020-06-24 10:27:47
791
原创 微信小程序阻止默认冒泡事件
微信小程序阻止默认冒泡事件重点就是 @click.stop=""真的是超简单，省了不少事<view class="address_item" @click.stop="function(id)">
2020-06-24 10:13:13
2027
2
原创 微信小程序可移动悬浮按钮
微信小程序可移动悬浮按钮微信小程序实现性能还不错的悬浮按钮发现网络上都是自己捕捉touch事件做的，以我的经验这种实现方式肯定一堆bug,并且页面会卡顿。经过实验已经证实确实是性能相当不行，多拖拽几次页面恨不得直接卡死实现方案：我们可以利用微信小程序的内置组件轻松实现！1.将整个屏幕用movable-area组件覆盖，2.在movable-area内部添加一个movable-view实现自由滑动。3.重点：CSS属性 pointer-events 。 <movable-area cla
2020-06-24 10:09:19
2004
原创 vue监控回车事件
vue监听键盘回车事件–Enter方法一：keyup.entervue文档提供了一种按键修饰符的方法:<input v-on:keyup.enter="submit">（keyCode事件已经被废弃），这种方法的使用前提是使用的当前元素必须要获取focus焦点，如果没有获取到焦点，绑定就会失效，因此给div或者p进行事件监听时，这种方法显示是不适用的；<input ...
2020-03-30 13:43:38
3953
3
原创 axios各种请求方式的传参方式
axios各种请求方式的传参方式post和put传参方式都是data，delete和get传参方式都是params
2020-02-12 17:20:34
590
1
原创 jquery监听页面滚动条滚动事件上拉触底事件
jquery监听页面滚动条滚动事件上拉触底事件$(document).scroll(function() { var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); //可见高度 var contentH = $(document).height(...
2020-01-15 21:05:22
1779
2
原创 选择按钮样式
<div class="apply_con_type"> <div> <input type="radio" name="identity" value="1" > <label class="radio-label" for="">农户、社区居民</lab...
2020-01-15 10:19:39
294
原创 输入框placeholder靠右
输入框placeholder靠右:-moz-placeholder { text-align: right;}::-moz-placeholder { text-align: right;}::-webkit-input-placeholder { text-align: right;}:-ms-input-placeholder { text-alig...
2019-12-20 10:18:43
4128
原创 各种证件正则表达式
各种证件正则表达式 /*******************************18位身份证号码正则***********************************/ /^[1-9]\d{5}[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}(\d|x|X)$/.test(idNumbe...
2019-12-20 10:07:44
1056
1
原创 vue页面滚动问题元素高度问题
vue页面滚动问题元素高度问题jQuery获取元素高度$("#divId").height(); //不包括内边距、边框或外边距$("#divId").innerHeight();//包括内边距$("#divId").outerHeight();//包括内边距和边框二、 1、Javascript:网页可见区域宽： document.body.clientWidth网页可见...
2019-12-17 18:10:01
2522
原创 监控input输入框失去焦点时光标的位置
监控input输入框失去焦点时光标的位置<textarea name="travels" id="travels" class="travels" @blur="handleInputBlur" placeholder="请输入正文..." v-model="word"></textarea>// 输入框失去焦点时的位置hand...
2019-12-16 17:09:54
1279
原创 vue中点击复制粘贴功能
vue中点击复制粘贴功能1.下载clipboard.jsnpm install clipboard --save 2.引入，可以在mian.js中全局引入也可以在单个vue中引入import Clipboard from 'clipboard'; 3.使用，在template中，这里我用了vant框架<!-- Target --><textarea id="ba...
2019-12-06 11:19:07
1993
原创 Vue实现点击，使input焦点聚焦
Vue实现点击，使input焦点聚焦给input加个ref，然后给button加个点击事件，如下：<input type="text" ref="input"><button @click="clickFocus"></button>clickFocus方法：clickFocus(){ this.$refs.input.focus()}...
2019-12-04 16:44:31
1959
1
原创 关于js中操作数组的一些方法
关于js中操作数组的一些方法1.锁定数组的长度（让数组的长度变成只读）。var a = [1,2,3] //定义一个数组<br>Object.defineProperty(a,"length",{ writable:false}) //将a数组的长度属性设为只读<br>a.length = 0 //将a的长度改为0<br>console...
2019-09-26 14:48:24
124
原创 JS获取当前时间和日期
JS获取当前时间和日期当前时间和日期var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) ...
2019-09-24 14:49:34
213
原创 Js获取年月日及时间转换
Js获取年月日及时间转换1、获取年、月、日和将时间戳转换成日期格式// 简单的一句代码var date = new Date(时间戳); //获取一个时间对象/**下面是获取时间日期的方法，需要什么样的格式自己拼接起来就好了更多好用的方法可以在这查到 -> http://www.w3school.com.cn/jsref/jsref_obj_date.asp*/date.g...
2019-09-20 14:04:44
790
原创 弹框后面的页面让他不能滚动弹窗内容能滚动
弹框后面的页面让他不能滚动弹窗内容能滚动<!-- 弹框 --> <div class="popup" ref="popup" v-if="modalInfo"> <div class="popup_con"> <img @click="popdown()" src="../../assets/imgs/about/cl...
2019-09-12 16:08:44
1654
原创 JS数组遍历的几种方式以及性能讲解
JS数组遍历的几种方式以及性能讲解JS数组遍历，基本就是for,forin,foreach,forof,map等等一些方法，以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一种:普通for循环for(j = 0; j < arr.length; j++) { } 简要说明: 最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间第二种:优化版...
2019-08-29 10:04:07
579
原创 vue-cli 3中禁用eslint的方法
vue-cli 3中禁用eslint的方法为了跟上时代，升级vue-cli到3.然后排错排了一下午，总体上来说升级3优点大于缺点这里说下cli3中如何禁用 写代码时的唐僧–eslint使用配置文件来选择禁用范围创建文件.eslintignore加入如下内容**/*.js**/*.vue禁用下一行// eslint-disable-next-line to ignore the...
2019-08-29 09:47:30
2089
原创 vue-cli3快速创建项目
vue-cli3快速创建项目需要把node更新至新版本1.全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli2.查看版本/是否安装成功 vue -V3.在新文件夹下创建项目 vue create my-project指向的vuecli3是因为上一次记录过的cli3配置，第一次执行create是没有的按键盘上下键可以选择默认...
2019-08-28 09:40:51
150
原创 vue-cli3安装jQuery
vue-cli3安装jQuery注：vue-cli3.0 没有了 webpack.config.js 配置文件，取而代之的是集合在 vue.config.js文件 内进行配置默认已经安装好vue-cli3.0项目step1：命令行工具，进入项目文件夹，执行： npm install jquery --savestep2：提示安装成功后，在package.json 文件内的 "depend...
2019-08-15 18:31:59
1036
原创 jQuery图片裁剪插件jQuery-photoClip
jQuery图片裁剪插件jQuery-photoCliphttp://www.jq22.com/jquery-info7428里面的相对应的文件一定要引对
2019-08-15 10:38:12
276
原创 有时候git账户用了同事的，需要修改成自己的，经过网上查找和测试一下方式可以实现：
有时候git账户用了同事的，需要修改成自己的，经过网上查找和测试一下方式可以实现：1）修改git提交账户打开git的命令控制窗口(1)#此命令会列出所有GIT当时能找到的配置git config --list(2)#修改git提交的emailgit config --global user.email [email protected](3)#修改提交的git的user.namegit c...
2019-08-13 10:11:11
765
原创 vue 项目初始化时，npm run dev报错解决方法
vue 项目初始化时，npm run dev报错解决方法npm ERR! [email protected] dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js错误如下：npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] ...
2019-08-09 12:05:28
971
原创 git 推送出现 "fatal: The remote end hung up unexpectedly" 解决方案
git 推送出现 “fatal: The remote end hung up unexpectedly” 解决方案在使用git推送项目时候出现 “fatal: The remote end hung up unexpectedly ”原因是推送的文件太大。解决方案1：在克隆/创建版本库生成的 .git目录下面修改生成的config文件增加如下：[http] postBuffer ...
2019-08-02 11:08:32
6143
1
原创 鼠标事件
鼠标事件 <div class="nav" @mouseover="mouseOut()"></div><li class="yewu" ref="yewu" @mouseover="mouseOver()" @click="clickdown(2)" :style="{borderBottom:active==2?'2px solid #b81b22'...
2019-08-01 18:57:11
83
原创 页面滚动事件scroll
页面滚动事件//在mounted钩子函数里面注册scroll事件mounted() { this.$router.afterEach((to, from, next) => { window.scrollTo(0, 0); }); window.addEventListener("scroll", this.about); },method...
2019-08-01 18:52:30
1098
原创 使用vuex监控状态的变化实时更新状态
使用vuex监控状态的变化实时更新状态模板页面data() { return { active: 0 }; }, created() { this.active = sessionStorage.getItem("titleactive"); }, watch: { "$store.state.item_id": function()...
2019-08-01 18:28:06
2868
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人