自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(57)
  • 资源 (1)
  • 收藏
  • 关注

原创 小程序之修改引用的vant组件样式(包括自定义组件中的vant样式)

修改vant组件样式

2022-11-16 18:08:43 4756

原创 小程序+vant:使用模板动态生成tabs

template模板实现动态tabs

2022-08-12 16:11:11 664

原创 vue3+ts 踩坑之路[1]

vue3+ts中遇到的坑

2022-06-08 00:28:03 954

原创 小程序——删除使用delete模式问题

记录一下,倒也不是很难的问题,就是容易忘记;小程序做删除的时候,请求用的是delete时,按平时做GET,POST时的方式传参,后台是接收不到参数的,就像下面这样wx.request({ url:"http://test/xxx", method:'DELETE', data:{id:'11'}, success(res){}})原因是因为传的是json格式,但是delete接口要的是query string格式的,所以就导致参数传过去,后端无法接收;解决方法:手动拼接con.

2022-03-28 14:30:57 1539 1

原创 小程序+vant之使用tabs底部条位置错误

vants底部条错位

2022-03-22 17:12:56 2466

原创 在linux服务器装git&node环境搭建

小白上路,百度就是最好的师傅;都是百度来的,直接放参考文章链接啦,再补充点文章里没有的点,都是些基础的点!参考文章:https://blog.csdn.net/jsboy123/article/details/80617231基本都是参考上面这个博主的,超nice补充点(我是从github上下载后编译安装的那种,所以补充的点也是针对这个的):1、在git安装完成,修改配置的时候,也就是vim /etc/profile这步的时候,失败;失败原因一般是因为vim没有安装,装它,就成了 ..

2021-03-16 23:44:51 128

原创 使用vue-photo-preview图片预览失效解决

安装vue-photo-preview后并在main.js注册,页面中直接使用的时候,有的时候会预览不成功!后来发现是因为图片数据是接口返回的,即异步数据,所以只需要在取得数据之后加一句this.$previewRefresh()就可以了!...

2021-03-09 11:15:12 1222

原创 xshell远程连接Linux服务器

前几天跟朋友合资买了轻量服务器,每个人一年54元,四舍五入感觉不用钱,感觉在白嫖!我自己是装了xshell来链接服务器,官方是推荐了putty,官方也有给出putty的实例教程,同样是新手上路的并且用的putty的看官方文档其实就可以了!1、打开xshell软件,文件→新建,不过我记得我刚安装好的时候打开,它是自己就直接弹出了新建的会话窗口!2、填完之后,点击连接,然后就会出现下图1,填完图1,接下来就是身份验证!3、身份验证的用户密钥自己去创建生成一个,这里创建成功之后,会

2021-03-05 10:20:56 225 1

原创 pc生成二维码跳转小程序指定页面

场景: pc端生成二维码,用户扫描二维码跳转小程序的某个页面;首先需要在微信公众上进行配置【微信公众号→开发→开发管理→开发设置→扫普通链接二维码打开小程序】 下图是我已经配置好的,一般第一次弄的话,这里是有个启用按钮的;启用之后就进行配置,保存之后才是下图的样子;配置界面如下(里面数据是随便写的):附上官方文档:https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html#%E4%BA%8C%E7%BB..

2021-03-04 19:56:32 2046 6

原创 react--高阶组件connect

>高阶组件是参数为组件,返回值为新组件的函数。

2020-05-08 00:35:22 2136

原创 vue下载文件

如果是文件就返回流,如果是报错,就返回正常的jsonaxios({ method: "post", url: url, responseType: 'blob', data:searchParam,}).then(res => { this.download(res,res.data);}).catch(err => {})download (res,data,na...

2020-05-08 00:29:51 721

原创 小程序-wx:if跟hidden

wx:if跟hidden都是控制显示隐藏;具体区别,用谁更合适 官方文档主要说使用hidden,在项目中发现hidden有的时候使用起来,挂了,不起效果,后来查了下,发现是元素不是block布局,使用了flex!不要使用flex就可以了!...

2020-04-24 00:16:31 117

原创 小程序--new Data()在ios上失效

当时间格式为2020-04-14 00:00时,转化为时间戳,不能直接new Date(“2020-04-14 00:00”).getTime();在安卓机上测试都没有问题,但是在ios上就凉了!原因是ios不识别yyyy-MM-dd的格式,需要转换为yyyy/MM/dd的格式let drawingTime = "2020-04-14 00:00",newTime;drawingTime =...

2020-04-14 19:03:33 362

原创 $emit()不触发父组件方法

问题原因及解决:1、$emit的事件用了驼峰命名,有的浏览器会自动转化为小写,所以就匹配不到;解决:都改为小写或者是用’-'隔开,比如:this.$emit('callbackFn'); @callback-fn="xxx" 2、this.$emit触发的是子节点,监听的节点是父节点解决:将触发事件放在父节点触发this.$parent.$emit('xxxx');...

2020-02-24 11:25:19 2424

原创 vsCode配置git

因为我之前就下载了git软件,所以不做下载介绍!(自己去git官网下一个就好)1、用vsCode提交代码到git仓库,开始右下角一直在报错“git找到...”这个时候打开vsCode的扩展,输入@builtin,然后启用Git这个插件(我是本来就有,所以是直接启用,如果没有,安装)然后文件=>首选项=>设置,搜索git.path,打开settings.json配置文件,添加...

2020-01-16 17:10:15 341

原创 element 表格出现滚动条时,出现错位问题

最近使用element表格,在表格出现滚动条的时候,发现线对不齐,如图:这是因为表头预留的滚动条位置跟表内容的宽度不一样;解决方法:第一种:body .el-table th.gutter { display: table-cell!important;}第二种:body .el-table--scrollable-y { .el-table__body-wr...

2020-01-09 10:40:33 7724 1

原创 element表格默认勾选

使用表格的时候,偶尔会需要回勾上一次勾选的数据(默认勾选);主要是用到了默认提供的方法:toggleRowSelection(row,boolean)this.allData.forEach(item => { this.$refs.table.toggleRowSelection(item,true);//设置默认勾选})还需要使用reserve-selection...

2020-01-03 09:57:26 2949

原创 小细节总结(小程序篇)

只是对这段时间接手的项目的一个小总结,针对细节上,自己犯过的一些傻,有的很简单,但是还是要记录下,自己总是忘记!一、小程序1、边框1rpx问题有的时候设置边框1rpx会显示不全,有的会显示不了,这个用px不要用rpx就可以了!2、数据组装打个比方,某个东西下有多个商品(就比如说iphone,iphone又有6,6s,xr等等),每个商品都有多个规格(比如果iphone6s,又...

2019-09-29 18:38:01 167

原创 vue优化——路由懒加载(按需加载)

在没有用懒加载的时候,项目页面数量多且页面内容也多的时候,用户体验就会变得不太好,因为加载需要时间,项目首页一次性加载,内容庞大就会导致加载时间长!懒加载可以有效地分担首页的加载压力,减少加载用时,提高用户体验!用法:component: resolve => require(['../pages/login/index.vue'], resolve)...

2019-08-14 10:31:37 354

原创 使用promise处理vue中引入的js加载先后问题

最近在开发工作流,也不能说开发吧,公司有一套工作流的代码,我只是个搬运工,转化为vue项目!不得不说,真不容易,原谅我曾经的年少无知,竟然在技术总监面前,夸下海口说这个简单(搬代码嘛)!开始把html拷贝到自己创建的flow.vue页面,把css丢到assets文件夹下,js丢到static文件夹下,然后麻烦点来了,js怎么引入;export暴露出来然后import引入?index.htm...

2019-07-24 17:42:46 1680

原创 layui弹窗表格数据获取,回显

情景:有a页面,a页面中有新增按钮,点击新增按钮,弹出layui弹窗,弹窗为表格数据,勾选表格数据,确认后将勾选的数据回显在a页面,再点击新增,默认勾选刚才回显的数据。(a页面不调任何接口请求)1、回显在a页面在弹窗的yes回调中将数据传出去(tableData是在a页面定义的全局,a页面的表格数据,checkTable1为弹层页的表格id)2、默认勾选先在弹窗的suc...

2019-06-14 10:33:57 9489 1

转载 vant的popup、Datetimepicker控件滚动穿透

今天一边改bug一边测试发现,vant的popup跟DatetimePicker会出现滚动穿透。解决办法:使用preventDefault阻止body的touchmove事件。方法1方法2在全局注册v-roll指令,结合timeDatePicker使用(如第二图)。bodyVisible初始状态为false,在弹层打开时改变,弹层点击确认跟取消时也需要改变!解决...

2019-05-24 15:15:28 7050 2

原创 本地项目安装vue-cli2跟vue-cli3

一般习惯都是安装全局的vue-cli,但是如果想2跟3都可以在本地用起来,那么你就要选择安装在你的本地项目中了!本地项目安装vue-cli1、想要在本地项目中安装vue-cli,首先就要把全局的vue-cli给卸载掉。1、npm uninstall vue-cli -g (2.x版本全局卸载)2、npm uninstall @vue/cli -g (3.x版本全局卸载)...

2019-05-23 17:17:12 2237

原创 企业微信--扫一扫功能(隐形坑)

由于项目上有扫条码功能,所以调用企业微信的扫一扫一路下来都很顺,包括打包到公司线上环境走整个流程都没有任何问题直到项目部署到客户那边,bug就来了在公司的线上环境扫描条形码后返回的res.resultStr是一串数字,而客户那边返回的res.resultStr的数字前多了CODE_128(如下图)询问客服,无果,因为没有对应环境可以测试原因,所以就直接用isNaN判断是否为数字...

2019-05-09 16:13:17 8563 2

原创 安装webpack4.x

电脑上的webpack是3.x的版本,所以我是先卸载掉的,网上也有将3.x版本升级到4.x版本的,不想卸载重新装的,可以百度找找看npm uninstall webpack -g卸载之后,安装就可以,webpack4.x的版本出来之后,直接执行下面的命令,就会帮你安装最新版的webpacknpm install webpack -g执行之后,如果你直接执行下面代码查看webp...

2019-05-01 00:09:09 547

原创 ueditor与wangEditor,配合layer使用记录

因为项目需要富文本编辑器,所以ueditor跟wangEditor都用了;wangEditor链接:http://www.wangeditor.com/ueditor:https://ueditor.baidu.com/website/onlinedemo.html比较之下,虽然ueditor功能更为强大,但是wangEditor轻量、简洁、易上手,最重要的是轻量、易上手,只需要引入它...

2019-04-30 17:24:19 1210

原创 使用企业微信的js-sdk

企业微信的js-sdk跟微信js-sdk文档差不多,但是在vue项目上使用的话,微信的js-sdk是可以直接用npm去安装的,这个是因为它有将js发布到npm上,但是企业微信就没有!当用企业微信的js-sdk时,可以在拷贝一份js-sdk所需要的js文件,放到自己项目中,如果你的是2.x版本的脚手架,那么把这个文件放到static文件夹下,如果是3.x的,就当到public下,然后在index.h...

2019-04-24 22:44:15 6127

转载 点击元素之外的地方,元素隐藏

$(document).on('click', function(event) { var target = $(event.target); if(target.closest(".class").length != 0) return; $(element).hide();});另外的显示点击事件,有时候要阻止事件冒泡,看具体情况具体代码吧!原文链接:...

2019-04-04 17:01:24 548

原创 vue+vant移动端遇到的那些问题

1、项目引用了lib-flexible 跟px2rem-loader做适配,然后真机测试的时候发现字体在手机上显示的很小。【推荐去看下px2rem-loader的文档】原因+解决:百度说应该在后面加上/*px*/(font-size:14px;/*px*/),这里这么设置时,字体的大小要为两倍,如你想让字体显示为14px,css代码则为【font-size:28px;/*px*/】,对于bor...

2019-03-21 15:24:23 25635 4

原创 vue 移动端适配

1、npm i lib-flexible --save安装lib-flexible,flexible会自动把px转换成rem,并在main.js中引入import "lib-flexible/flexible.js";2、在根目录index.html头部加移动端适配的meta代码<meta content="width=device-width, initial-scale=...

2019-03-21 11:42:05 229

原创 layui的时间框开始时间、结束时间限制

createTimeInit:function (start,end){ var time = new Date();//当前时间 var startTime = layui.laydate.render({ elem:start, min:hs.formatDate(time), ...

2019-03-21 10:01:59 1722

原创 获取url上的参数

getUrlParams: function () { if (this.isEmpty(window.location.search)) { return { "": "无URL参数" }; } var q = window.location.search.substring(1).split("&");...

2019-03-21 09:58:02 169

原创 滚动加载

$("#list").on('scroll',function(){ var scrollHeight = this.scrollHeight; var scrollTop = $(this).scrollTop(); var clientHeight = this.clientHeight; if(scrollTop == 0){ console.log('触顶')...

2019-03-21 09:48:55 642

原创 获取季度、月、周时间开始及结束时间,结束时间不超过当前时间

/*本季度、本月、上季度、上月点击事件*/ timeRange:function(that,judge){ var ds = new Date(); var year = ds.getFullYear(); var month = ds.getMonth(); var date = ds.getDate(); ...

2019-03-21 09:44:55 626

原创 layui自定义时间框之选取周区间

html:&lt;input type="text" id="date1" name="date1" lay-verify="date1" class="layui-input test-item" style="width:200px;" value=""/&gt; js:var max;

2018-11-29 17:45:36 5875

原创 网络图片转换为base64,解决跨域问题

function convertImgToBase64(url, callback, outputFormat) { var canvas = document.createElement('CANVAS'), ctx = canvas.getContext('2d'), img = new Image; img.crossOrigin = 'Anonymous'...

2018-10-22 11:07:19 9335 5

原创 ES6开发环境搭建---技术胖视频

建立工程目录,并在目录下建立src和dist文件夹(src:ES6代码书写地;dist:利用babel编译成ES5代码的储存地)初始化项目:npm init -y(-y代表全部默认同意,命令执行后生成package.json文件,可以自行修改)全局安装Babel-cli:npm install -g babel-cli本地安装babel-preset-es2015跟babel-cli:...

2018-09-06 14:52:35 723

原创 用git将项目托管到码云

使用git时注意配置用户名、邮箱1、git config --list //查看git配置信息2、git config user.name //查看git用户名3、git config user.email //查看邮箱配置4、git config --global user.name "xxx" //全局配置用户名5、git config --global user....

2018-09-06 11:24:17 197

原创 滚动条

#hdScrollmyTable::-webkit-scrollbar { width: 8px; height: 8px; } /*正常情况下滑块的样式*/ #hdScrollmyTable::-webkit-scrollbar-thumb { background-color: rgba(30, 144, 255,.5); border-radius: 1...

2018-08-29 15:41:45 110

原创 echarts设置刻度值的背景色,隐藏xy轴,使柱状图每根柱的颜色不相同

1、隐藏xy轴show:false2、设置刻度值的背景色axisLabel:{ backgroundColor: "#ccc",}3、柱状图每根柱的颜色不相同itemStyle:{ normal:{ color:function(params) { return "#0000FF" } }},完整demo:option = {...

2018-08-24 16:40:49 10081

selectPeople.vue

这是一个选人回显的东西,原型大概是左上边是选择组织的,可以单选或者多选,右边会根据你最新选的出现树,当你勾选树中的人员,左下边显示勾选的人名!点文字跟点文字前的单选、多选框事件是分开的。当你点击单选并在右边勾选了人员时,又勾选第二个组织,并勾选了右边的人员,此时你想回到之前勾选的组织再添加多几个人的时候,点击文字就会回显出来对应的树结构跟上次你勾选的人。当你取消勾选左上边的某个组织时,左下边的你勾选的对应组织的人员就会被清掉。。。

2019-07-24

空空如也

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

TA关注的人

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