• 等级
  • 15175 访问
  • 16 原创
  • 0 转发
  • 300906 排名
  • 0 评论
  • 2 获赞

文章记录一下,工作上常使用的jquery插件

1,swiper轮播插件,适用于网页轮播或者全屏滚动,选项卡,3D轮播等特效展示2,SuperSlide大话主席的作品轮播插件,适用于自定义轮播,文字向上滚动等效果3,lwtCountdown倒计时插件,如果不想自己写,用这个倒计时插件还是不错,可以自定义年月时分秒4,aniview入场动画插件,控制页面滚动元素进入视口发生动画特效插件5,fullPage全屏滚动插件,...

2018-11-12 16:34:27

vue--解决低版本安卓手机兼容性问题

低版本的安卓手机可能会白屏,是由新特性不支持引起的解决代码es6新特性兼容问题1,安装es6新特性,npminstallbabel-polyfill--save2,main.js引入 import'babel-polyfill'...

2018-06-20 11:52:55

vue-keep-alive使用

使用keep-alive会缓存住上一次的数据,使得页面切换的时候不需要多次请求,不过有些场景下,需要请求的时候,要使用他提供的生命周期钩子activated和deactivatedactivated是页面创建的时候触发deactivated是页面关闭销毁的时候触发注意:在activated生命函数内使用window对象addEventListener,监听的全局事件,需要在deactiv...

2018-06-06 10:29:06

vue-axios使用-一些坑

1,这个是为了在发送post请求的时候将参数序列化importaxiosfrom'axios';importqsfrom'qs'; //用于post请求参数序列化//POST传参序列化(添加请求拦截器)vue.$http.interceptors.request.use((config)=>{ //发送请求之前做某件事 if(config.method==='...

2018-05-21 12:09:52

css3 -- flex-direction, justify-content

 flex-direction,justify-content 这两个属性一定要是在displayflex弹性盒子里面才起作用 flex-direction控制的是在弹性盒子中的方向justify-content控制的是在弹性盒子中元素在主轴(横轴)方向上的对齐方式。连起来用可以实现元素居中的效果displayflex  flex-directioncolumn  justify...

2018-05-19 17:02:30

vue 中使用scoped关键字后样式不能修改第三方组件问题

关于这个scoped的用法,就是只加载以及影响当前的组件,通过这个属性,可以使得组件之间的样式不互相污染但是往往有时候,我们在使用一些第三方插件的同时,又需要对第三方插件做一些细微的修改,那么我们就可以使用下面的方法使用>>>可以在已经写了scoped的style下控制样式<stylelang="stylus"scoped>//样式穿透,不受scoped限制 ...

2018-05-19 16:20:21

vue中常用的插件

0,重置css文件在main.js中import'./assets/styles/reset.css'用自己习惯的reset就好1,fastclick插件,解决移动端点击事件延时300毫秒npminstallfastclick --save在main.js中Vue.config.productionTip=falsefasctClick.attach(document.body)2,...

2018-05-19 16:06:39

vue-router-link的细节

建议router-link里面用name的方式跳转,以便以后修改地址的时候,保证name的跳转正确<router-link:to="{path:'city'}"></router-link>还有一些细节,后面再慢慢补充...

2018-05-18 16:32:35

百度贴吧中:display:inline;float:left;

百度贴吧中li中图片的处理。display:inline;float:left;,display:inline,是为了解决ie6的双边距的这个现象只出现在block元素中,而inline元素中不会出现这种现象

2018-05-15 14:16:17

解决IOS手机页面overflow:scoll属性滑动很卡问题

加入一行-webkit-overflow-scrolling: touch;就可以滑动流畅了啊。据说是因为这行代码启用了硬件技术特性,所以滑动很流畅,但是这个属性也会相对消耗更多内容。在流畅的滑动效果和耗费多点内存之间,我选择了前者从前端开发的角度讲,只需要知道CSS的属性-webkit-overflow-scrolling是真的创建了带有硬件加速的系统级控件,所以效率很高。但是这相对是耗更多内存...

2018-05-15 14:14:08

日期处理,“刚刚”,“2天前”的时间算法

这个逻辑算法是functionconvertTime(timeStr){ varlastTime; if(typeoftimeStr=="string"){ if(!timeStr) return""; timeStr=timeStr.replace(/-/g,"/"); lastTime=newDate(timeStr).getTime(); } ...

2018-05-15 12:05:29

解决百度分享 自动添加描述 summary BUG

之前做项目的时候,不知道为什么出现了summary会自动填写上的情况,试了很多种方法也没用,fxDesc.summary是为空的试试看看能不能自定义地址的summary,还是真的可以varfxLocation=location.href+'&summary=""';functionsharesa(){   window._bd_share_config={   "com...

2018-05-15 12:03:01

vue两种class切换语法

<li:class="{'active':item.active}"v-for="iteminnav"><li:class="[item.active?'1':'2']"v-for="iteminnav">

2018-05-15 11:56:59

电脑调试UC浏览器,或者本机浏览器

如果uc浏览器手机不支持,就用手机自带的浏览器浏览器:0,需要翻墙1,打开手机开发者模式,数据线连接,2,谷歌浏览器打开chrome://inspect/#devices3,刷新网页点击出现F12的调试窗口,就可以手机同步调试了手机:1,微信浏览器打开:http://debugx5.qq.com打开下面两项,就可以调试了...

2018-05-15 11:55:09

小程序--首页房子按钮

之前做小程序的时候,碰到过产品经理的问题,记录一下,产品问为什么有些页面上右上角会有小屋的图标,可以回到首页,这个怎么弄出来?果然是某种机制,如果首页不是底部导航的关联页面,就会显示小屋可能这个机制已经改掉,慎用!!...

2018-05-15 11:54:15

图片css占位处理及模拟3G网络环境

谷歌浏览器,network,点击online选择fast3G可以模拟手机3G网速,然后可能会发现页面图片网速卡的时候刷新不出来,页面布局乱掉,那么这时候呢,就要用一些css的技巧来搞页面了,请看下面。。。,根据图片的宽高比计算出padding-bottom的百分比,就是这种感觉,成品的对比在下面overflow:hiddenheight:0padding-bottom:37.1%...

2018-05-15 11:50:20

Mr_HeXS

关注
  • web前端开发工程师
  • 中国 广东省 广州市