自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(50)
  • 收藏
  • 关注

原创 如何在win7系统安装nodejs

nodejs官网:https://nodejs.org/zh-cn/download/直接在nodejs网站上下载的安装包,提示需要win8 以上的系统才能安装,查看了一下,原来我的电脑还是win7.一直在网上查找适合win7 版本的nodejs。找了很多,没有提示win7 到底适用于哪个版本。最后在https://nodejs.org/dist/ 找到了,这个地址有nodejs的所有版本, 在这个地址去找你要的版本,https://nodejs.org/dist/v10.9.0/,我装的是v1

2021-04-15 09:45:22 4

原创 微信小程序使用setdata改变对象数组中的某个属性值 -- 点赞,取消点赞

handleLike(e){console.log(e.currentTarget.dataset.index)letindex=e.currentTarget.dataset.index-1//下标this.data.vedioContent[`${index}`].like=!this.data.vedioContent[`${index}`].likethis.setData({vedioContent:this.da...

2021-04-14 11:52:29 2

原创 商户小程序注册流程

小程序注册注册微信小程序的网站:https://mp.weixin.qq.com/wxopen/waregister?action=step1 。注册微信小程序的流程:https://jingyan.baidu.com/article/f3ad7d0f4251a809c3345b19.html小程序申请详细流程 已认证的小程序可申请微信支付。https://developers.weixin.qq.com/miniprogram/introduction/#%E5%A1%AB%E5%86%99.

2021-03-31 10:28:56 10

原创 小程序打印

打印指令说明以下说明红色背景的都最好不要改变,黄色部分是需要自己修改的varstr = '!0200 2003281\n';对应的打印指令如下<!> {offset} <200><200> {height} {qty}<!>:使用“!”作为控制会话的起始字符。{offset}:整个标签的横向偏置。此值可以使所有域以指定的单位数量进行横向偏置。<200>:横向分辨率(以点/英寸为单位)。<200&gt..

2021-03-31 10:28:19 12

原创 小程序多选去选

<template><divstyle="background:#f2f2f2"><divv-for="(item,i)incardInfoList":key="i"><divclass="wrap_box"><divclass="head_title"><van-checkboxicon-size="16px"shape="square...

2021-03-26 14:48:04 7

原创 vscode 使用,及常用插件

VSCode的使用:1.下载安装:https://code.visualstudio.com/Download2.安装常用插件:选中左侧工具栏的最后一项(扩展项)--->搜索常用的插件安装1)Auto Close Tag :匹配标签,关闭对应的标签 Auto Rename Tag: 自动重命名2)beautify : 良好的拓展性,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用 3) View In Browser 或 Open In Brows...

2021-03-17 09:09:12 7

原创 Failed to mount component: template or render function not defined

今早,小程序体验版发生一个报错,第一次见,我这边真机调试,开发者工具都没问题,但是手机登陆体验版就报错了,一开始以为是后台接口问题,但开发者工具又能正常访问。。而且所有地方都无法点击。。。然后打开手机的调试,报错是Failed to mount component: template or render function not defined,而且问题是我根本也没改过这个页面。。百度尝试找方法,但是没有找到,于是我就删除了原来的体验吧,重新发布,又好了,所以估计是hbuilder编译的问题。

2021-02-03 11:19:53 30

原创 ui设计稿psd文件,前端怎么抠图,怎么高度还原ui稿-- pxcook像素大厨,

百度搜索像素大厨,https://www.fancynode.com.cn/下载一个像素大厨,并把项目的psd文件拖入pxcook,如图:抠图用的是photoshop,photoshop需装在win10以上的电脑,我的电脑是win8,所以暂不截图了

2021-01-25 10:35:32 65

转载 微信小程序 按钮固定在页面底部遮住页面显示内容问题

https://www.cnblogs.com/china-fanny/p/11134316.html哈哈哈,作者写的很详细,帮了我大忙,我还怀疑自己样式写得有问题,找了半天。。

2021-01-22 11:44:35 176

原创 uniapp 上拉加载更多2种方式

上拉加载更多,方式一:在pages.json 页面配置style。然后在页面onReachBottom(){console.log('onReachBottom')}上拉加载更多,方式一://在scroll-view中lower-threshold='50' @scrolltolower="scrolltolower"<scroll-view scroll-y class="page" lower-threshold='50' @scrolltolower="sc.

2021-01-12 14:11:55 212

原创 uniapp怎么运行至iPhone真机

我的是iphone手机 ,首先得在电脑上下载一个iTunes,第一次在apple官网下载的用不了,只能适用于win10,我的电脑还是古董win8。http://www.xz7.com/downinfo/243701.html在这里下载了一个,安装成功了。然后用一个原装...

2021-01-08 14:07:26 230

原创 uniapp weapp-qrcode.js生成二维码,并下载二维码图片

找了很多插件,但是都太复杂,不符合自己的要求找了个最简单的。weapp-qrcode.js,生成二维码没有问题,但是下载图片获取不到图片路径,自己稍微改造了一下https://github.com/yingye/weapp-qrcode/issues/18 github也提到通用的问题,callback回调不准确。页面效果js插件地址:https://github.com/yingye/weapp-qrcode代码如下<template> <v...

2021-01-05 15:34:43 293

原创 uniapp 返回上一页,把数据传回上一页,H5 小程序兼容问题

let data = arr//方法一:let pages = getCurrentPages(); //获取所有页面栈实例列表let nowPage = pages[ pages.length - 1]; //当前页页面实例let prevPage = pages[ pages.length - 2 ]; //上一页页面实例 if(this.paramsPage == 'carShip'){ prevPage.data.paramsPage = 'c...

2021-01-03 10:21:08 149

原创 uniapp H5运行跨域问题解决

背景:因为项目要求要兼容小程序跟H5"devServer" : { "disableHostCheck": true, "proxy" : { "/api" : { "target" : "http://192.168.3.111:9900", "pathRewrite" : { "^/api" :...

2020-12-30 10:33:25 68

原创 js取日期2021-01-01

参数e,i 分别指天数,跟年数比如date.setTime(date.getTime() + 24*e * 60 * 60 * 1000); //交付天数 ,当e = 7 ,就是7天当i = 1,就是加1年的意思例如:this.getYMD(6,1) ,今天是2020-12-26,打印出来的结果就是 2022-01-01例如:this.getYMD(6,0),今天是2020-12-26,打印出来的结果就是 2021-01-01getYMD(e,i){ v...

2020-12-26 17:00:46 1169 2

原创 git 提交uniapp 的时候,会自动把unpackage 的打包文件也提交上去,如何不提交unpackage文件夹呢?

在你要提交的文件目录下增加一个.gitignore 记事本文件,并写上这句:.DS_Storenode_modules/dist/unpackage/ ,再次提交便不会提交这个文件夹了。

2020-12-11 08:56:46 669

原创 vue选项卡,实现上一步,下一步,双向随时切换 ,及单向穿梭框

<template> <div id="box"> <div id="leftBox"> <div id="leftContainer"> <span @click="shouHideClick" style="display: inline-block;float: right;cursor: pointer;"> <img style="width:24px; ba...

2020-12-01 10:24:37 272

原创 avue表头拖拽排序,vuedraggable拖拽

表头拖拽排序应用的是不同人员对数据关注点不一样,表格太长,可以把主要关注的列拖拽排序到前面,方便查看。然后把当前用户,当前页面的排序记录在本地缓存,这样用户在下次登陆仍然能够使用自己的排序。拖拽用的是vuedraggable是标准的组件式封装,并且将可拖动元素放进了transition-group上面,过渡动画都比较好。html 页面打开拖拽按钮<el-button circle size="small" @click="handleOpen" icon="el-ico...

2020-12-01 09:56:28 218

原创 最简单的函数节流,防止表单重复提交,频繁调用接口

函数节流的应用场景间隔一段时间执行一次回调的场景有:滚动加载,加载更多或滚到底部监听 谷歌搜索框,搜索联想功能 高频点击提交,表单重复提交 <el-button type="primary" :loading="isLoading" @click="save">提交</el-button> data() { return { isLoading:false, }}, save() { let _this = this;

2020-11-20 14:41:59 41

原创 单选多选,全选去选 mpvue小程序

<template> <div style="background: #f2f2f2"> <div v-for="(item,i) in cardInfoList" :key="i"> <div style=" padding:10px 20px;display: flex;flex-direction: row;margin-top: 10px;background: #fff;"> <div style=".

2020-11-17 16:39:54 56

原创 小程序路由redirectTo navigateTo

wx.navigateTo保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用wx.navigateBack可以返回到原页面。小程序中页面栈最多十层wx.redirectTo关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。参数场景:A是首页,C是主页A-B,B-C,点击C回退,在C页面要回退到A, 此时从B-C,B要用redirectTo不能用navigateTo 。如果用navigateTo,C就会回到B,而不能直接回到A。...

2020-11-17 14:11:51 33

原创 vantui 下拉框 在mpvue小程序上遇到的问题

代码结构如图,场景是外层循环嵌套着内层循环,handleDropDown (event) { this.selectValue = event.mp.detail},vant 下拉框的change事件 ,只能获取到当前选择到内容。无法获取外层循环时到下标,以及内层循环时的下标。所以给下来框增加了一个点击事件,传入外层下标,跟内层下标。点击事件是在下拉框之后执行的,所以如下处理。handleClick (e, index) { //点击事件可以获得下标,但是点击.

2020-11-17 14:05:45 47

原创 idea中git修改了文件却无法提交(No Changes detected)

场景: 明明修改了文件,却提示no changes detected ,无法提交,点开版本控制,version control,报错了,error updating config ******点击刷新按钮,会把更新的文件找出来,这时候再去提交就没有问题了

2020-11-16 14:27:32 164

原创 auve+elementui上传doc,xls,pdf 等等文件时,由于没有图片,显示空白,感觉不友好

auve上传doc,xls,pdf 等等文件时,由于没有图片,显示空白,感觉不友好,明明上传了,有内容,但是显示全空白,因为我上传的内容既有图片,又有文件,所以我不能采用列表式,因为这样我无法预览图片,改造后:1.把文件名字显示出来,2.如果是文件,则显示下载,点击下载,可以下载文件。html:<el-tab-pane label="合同附件" name="third"><!--这里是原来的avue上传图片,有问题的,avue上传图片有一个很大的bug,.

2020-11-11 11:37:57 313

原创 正则判断文件后缀名

<a class="preview" v-if="(/.docx|.pdf|.xls|.doc|.txt/).test(item)">下载</a>

2020-11-06 17:31:59 102

转载 JavaScript中两个数组的拼接

JavaScript中两个数组的拼接方法一:使用for循环var arr = ['tom', 'jerry'];var arr2 = [1, 2];for(var i=0; i<arr2.length; i++){ arr.push(arr2[i])}console.log(arr);// ['tom', 'jerry', 1, 2]方法二:使用concat(),注意concat()方法生成了一个新的数组,并不改变原来的数组。var arr = ['t

2020-11-05 15:39:53 30

原创 前端自动化部署 Vue 配置生产环境、测试环境和开发环境到package.json,然后使用npm run 命令快速运行或打包,而不用每次都手动修改路径

项目背景: mpvue 微信小程序期望效果:直接运行npm run dev:test:wx ,就可以运行测试环境,而不用手动修改后台路径。参考文章:https://segmentfault.com/a/1190000016664571采用往前推的方法:首先,我需要用npm run dev:test:wx的命令来快速运行前端测试环境。而且不希望每次手动去修改地址。"dev:test:wx": "node build/test.js wx", 找到build文件夹,下面创建一...

2020-10-28 09:32:44 363

原创 mpvue打包npm run build 未找到app.json下sitemapLocation对应都 sitemap.json 文件

报错意思是app.json 下sitemapLocation对应的sitemap.json 文件找不到,一开始确实是没有这个文件。很奇怪的错误,因为同样的项目,我打包就报这个错,同事打包没有报错。然后我手动创建了一个sitemap.json文件在dist文件夹下面。没有报错,可以正常运行了。但是手动创建,总不是那么好,我关闭微信开发者工具跟idea,重新运行打包,后来它又能自动打包出来这个文件了。。。。诡异...

2020-10-27 17:20:32 786

原创 高阶函数 filter map reduce

高阶函数const nums = ['32','10','220','34','120','56']filter 过滤小于100 的数字let newNums = nums.filters(function(n){return n < 100})console.log(newNums )maplet new2Nums = newNums.map(function(n){return n*2})console.log(new2Nums )reduce 对数组中所有的内容..

2020-09-28 09:59:53 32

原创 事件总线 this.$bus.$emit() this.$bus.$on

当 goodsItem 需要调scroll.vue的方法,方案一:可以用vuex 共享一个状态,在goodsItem去改变vuex的状态。然后在根组件中去监听vuex状态变化。方案二:事件总线在goodsItem发送事件this.$bus.$emit(‘imgOnload’)在根组件中 监听 this.$bus.$on('imgOnload',()=>{ 这里在做具体的事情 })...

2020-09-19 11:12:49 391

原创 promise 异步编程的解决方案

promise一般用来处理网络请求。场景:当客户点击按钮,请求服务器,如果是同步,当网络请求很慢,在等待服务器响应的时候,这段时间会出现空白,所以需要异步传入另一个函数,在数据请求成功时,将数据通过传入的函数回调回去promise链式编程是为了解决层层嵌套的回调函数-- 回调地狱promise是一个类,构造器需要传入一个函数,函数里面有两个参数,分别是resolve 和reject,resove 和reject 又分别是函数场景:延迟1秒打印hello world,打印完hello wo

2020-09-14 09:21:29 43

原创 element tree树形添加自定义icon

<el-tree style=“overflow-y: auto;height: 500px;” :data=“dataTree” :props=“option1” @node-click=“nodeClick” @update=“update” @save=“save” @del=“del” v-model=“form”>{{node.label}}data配置:op...

2020-04-01 15:40:38 420

原创 element table 表格的勾选事件

勾选,汇总勾选的行数以及每一行数据。其中,list 就是我们勾选的数据。循环list ,取到所需值。

2020-04-01 14:21:11 609

原创 element table 点击行的任何地方,无需点击checkbox,让checkbox选中

增加一个行点击事件,@row-click = handleRowClick在点击行的时候触发勾选事件,先去掉勾选内容,在根据点击的行,勾选该行

2020-04-01 14:16:09 120

原创 让element表格table 变为单选

通过selection-change事件 当list长度>2,先去掉勾选的数据,重新勾选即可。

2020-04-01 14:09:48 236

原创 vue项目引入阿里矢量图标库图标

首先创建我的项目,然后把自己需要的图片放到我的项目,把文件夹下载到本地项目,接下来把文件夹放到public下面,要修改iconfont.css 文件,这个跟自己新建项目的时候的命名有关系。"wl-con"是我当时给项目的命名,生成的icon className 到时候是跟这个绑定的,例如这样:“wl-confapiaoguanli”[class^=“wl-con”],[class*=“...

2020-03-11 10:57:10 1390

原创 使用 @media 查询来制作响应式设计

@media screen and (min-width:1507px) and (max-width:1619px){.className:}@media screen and (min-width:1101px) and (max-width:1280px){.className:}@media screen and (min-width:1024px) {}@media sc...

2020-02-27 15:48:05 82

原创 echats中x轴和y轴的名称被遮挡,

Y轴的数字没遮挡了,原本是1200,1500 的,现在看不到了grid:{left:50,// right:-20},2. 要改变折线的颜色:color: ["#0DBBFF"],3. 改变饼图的颜色: data: [{value: 335, name: ‘直接访问’,itemStyle:{color:’#409eff’}},{value: 310, name: ‘邮件营销’,i...

2020-02-26 14:59:25 350

原创 element ui tab切换加载echarts不显示或显示不全问题解决:

今天在写echarts图表时发现的问题,因为图表是属于第四个页签,所以当切换到第四个页签时,图表都是空的,一直以为是自己图表的问题,或者组件引入有问题。调试的时候发现,如果改变图表数据会触发图表刷新,图表这时候会显示出来。一直纠结在生命周期的问题上。。。百转千回,发现是tabs 切换导致的问题。<el-tabs v-model=“activeName” @tab-click=“hand...

2020-02-21 15:20:09 681 2

原创 git.exe push --progress "origin" master:master To https://192.168.3.145:10102/r/~lifan/tms-vue.git !

git.exe push --progress “origin” master:masterTo https://192.168.3.145:10102/r/~lifan/tms-vue.git! [rejected] master -> master (non-fast-forward)error: failed to push some refs to ‘http...

2019-12-31 13:16:24 1494

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除