自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue $set 使用初体验 实现双层折叠面板(vant+vue)

实现功能:双层折叠面板vant实现父层 $set 实现第二层<divclass="bag_lists"v-for="(item,index)inajustData":key="index"><van-collapsev-model="activeNames"accordion>...

2019-12-09 10:31:05 1995 1

原创 echarts图表 使用v-if 和v-show 爬坑之旅 v-if触发第二次才能触发dom变化

需求是这样子的 页面一开始渲染时没有 chart这个元素 在触发了某个条件之后才有 控制元素的显隐 我第一反应 v-if 写上去了然后发现 我点击触发条件第二次才能有表格出来 是什么问题呢原来我第一次点的时候 dom才创建出来 echart里面的 init 是没有找到我的dom的 第二次才找到所以用show 就哦了深刻体会到 v-if和v-show的区别...

2019-11-12 14:29:52 1527

原创 IOS兼容

ios12系统键盘回收后会留下一个透明的遮罩层,在点击页面底部,点击事件没法穿透遮罩层,相当于事件被拦截了。项目用的vue开发的,处理思路:在input失去焦点后,页面上下滚动1px,去除遮罩层;该方法作用所有input需要在input用@blur=iosBlur引入iosBlur(){letua=window.navigator.userAgent;...

2019-09-26 14:22:51 257

原创 日常开发记录 jspdf+html2canvas 实现生成pdf

vue项目npm i 两个插件然后按需在相应页面引入import html2Canvas from "html2canvas";import JsPDF from "jspdf";然后用上 搞定参考这个页面 我自己记下下次使用https://segmentfault.com/a/1190000015820189...

2019-09-06 13:31:32 325

原创 vue项目 main.js 里面路由拦截 获取 不到vuex 解决方案

项目背景及需求 vue+vue-router+vuex 做权限管理登录之后 我把用户信息存在vuex中 方法不赘述 因为我们只有两个角色 所以我存的 assRole true or false; 简称 A B;A为false B为Trueroutes.js 里面 meta里面配置了 role 如下{ path: "/fund/details", name: "...

2019-09-05 10:59:40 5562 2

原创 日常开发 v-for v-if 不能一起用 为啥不用v-show呢

开发中需要遍历 v-for 有需要判断是否要展示用的v-if 然后编辑器报错查了下要用computed 啥的 忽然想 为什么不用v-show呢解决了

2019-08-21 15:12:39 1772

原创 日常开发记录 vue项目 折线图 vue+echarts

this.chart.setOption({tooltip: {trigger: "axis",axisPointer: {//标注 竖线lineStyle: {color: "rgba(255,122,10,0.5)"}},formatter: function(params) {//console.log(params);_this.fofRateIt...

2019-08-07 15:56:30 452

原创 日常开发记录 vue+vue-router项目做登录拦截 登录成功跳回到目标页面

首先实现登录拦截 如果用户没有登录跳转到登录页面axios.interceptors.response.use(function(response) {return response;}, function(error) {//console.log('状态码', error.response.status);if (error && error.respons...

2019-08-02 10:54:02 452

原创 日常开发记录 echarts x轴为类目轴 显示最大值最小值

axisLabel: {showMinLabel: true,showMaxLabel: true,}

2019-08-01 13:07:36 2705

原创 日常开发记录 20190731 localstorage在iphone6以下机型不兼容

项目背景 vue+vuex 暂时还没有做微信绑定功能需求:用户点击微信公众号下面三个tab 登录一次即记住用户登录信息 存在token中。localstorage 写法const TokenKey = 'userName' ////export function getToken() {// return localStorage.getItem(TokenKey)// }...

2019-07-31 08:44:58 975

原创 日常开发记录 页面打开定位头部

//页面打开定位头部router.afterEach((to,from,next) => {window.scrollTo(0,0);})vue+router开发

2019-07-30 14:25:38 94

原创 日常开发记录 ios input框不灵敏

ios input框不灵敏背景 vue+vant开发main.js 中加入//iosinput不灵敏fastclick.prototype.focus = function(targetElement) {var length;//兼容处理:在iOS7中,有一些元素(如date、datetime、month等)在setSelectionRange会出现TypeError...

2019-07-30 14:25:00 909

原创 mui解决报错

做下拉加载去调取ajax的时候回出现提示Unable to preventDefault inside passivepassive event listener 是chrome为了提高页面的滑动流畅度而新推出来的一个被动监听器,不影响现有代码使用,不阻塞任何js执行。虽然没有大的影响作为一个强迫症患者必须去掉。解决方法:   * { touch-a

2018-02-06 11:27:08 1360

原创 safari input 行高问题解决

input{width:250px;height:30px;line-height:30px;font-size:14px;padding:0px 0px 0px 30px;[;height:20px;line-height:normal;padding:10px 0 0 30px;]/*safari hack*/只在safari浏览器使用这个padding+heigh

2017-09-07 09:36:20 3003

原创 safari坑点

new Date()在IOS5以上版本(不包含IOS5)中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。但是在IOS5版本里面的Safari解释new Date('2013-10-21') 就不正确,在IOS5的Safari中返回的永远是"Invalid Date"。后来我在网上查找了资料,原来是低版本的

2017-08-30 16:31:37 479

原创 jumpTip

老大让我写个鼠标划过出来一个类似这样子的效果写完功能但是让我封装一下我就懵了这个怎么传值啊。要传好多值顺序先css=》html=》渲染html=》相应效果。效果分鼠标滑进去和划出。html部分点击adasdafsfs    sdfdddddddd问号    问号    ?看法圣诞节点击adasdafsfs    sdfdddddddd问号   

2017-08-28 17:03:09 319

原创 类似淘宝页面的星星评价可复用

可复用评价效果

2017-08-24 13:19:15 383

转载 pc端 移动端 分享

http://www.calledt.com/sosh/http://overtrue.me/share.js/

2017-08-11 15:39:12 281

转载 seo搜索引擎优化

前端SEO  通过网站的结构布局设计和网页代码优化,使前端页面既能让浏览器用户能够看懂,也能让“蜘蛛”看懂。  (1)网站结构布局优化:尽量简单、开门见山,提倡扁平化结构。  一般而言,建立的网站结构层次越少,越容易被“蜘蛛”抓取,也就容易被收录。一般中小型网站目录结构超过三级,“蜘蛛”便不愿意往下爬,“万一天黑迷路了怎么办”。并且根据相关调查:访客如果经过跳转3次还没找到需要的信息,

2017-08-10 15:30:58 500

原创 swiper自定义分页器

function swiper_pagination(swiper,pagination){ pagination.on('click',function(events){ var index = pagination.index(events.target); swiper.slideTo(index,1000); pagination.r

2017-08-10 13:29:34 2448 2

转载 gulp sass安装步骤

1、npm install --save-dev gulp 作为项目依赖安装2、npm install -g gulp 全局安装3、npm init 初始化  之后会有node_modules 和package.json4、在文件夹根目录下创建一个  gulpfile.js 的文件夹 必须是这个名字 var gulp = requrie('gulp"); gulp.task("

2017-06-06 10:37:34 457

空空如也

空空如也

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

TA关注的人

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