• 等级
  • 8484 访问
  • 16 原创
  • 0 转发
  • 345097 排名
  • 0 评论
  • 1 获赞

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

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

2018-11-12 16:34:27

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

低版本的安卓手机可能会白屏,是由新特性不支持引起的解决代码es6新特性兼容问题1,安装es6新特性,npm install babel-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请求的时候将参数序列化import axios from 'axios';import qs from '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 这两个属性一定要是在display flex弹性盒子里面才起作用 flex-direction 控制的是在弹性盒子中的方向justify-content 控制的是在弹性盒子中元素在主轴(横轴)方向上的对齐方式。连起来用可以实现元素居中的效果display flex    flex-direction column    justify...

2018-05-19 17:02:30

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

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

2018-05-19 16:20:21

vue中常用的插件

0,重置css文件在main.js中 import './assets/styles/reset.css'用自己习惯的reset就好1,fastclick 插件,解决移动端点击事件延时300毫秒npm install fastclick --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天前”的时间算法

这个逻辑算法是function convertTime(timeStr) {  var lastTime;  if (typeof timeStr == "string") {  if (!timeStr)  return "";  timeStr = timeStr.replace(/-/g, "/");  lastTime = new Date(timeStr).getTime();  }  ...

2018-05-15 12:05:29

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

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

2018-05-15 12:03:01

vue两种class切换语法

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

2018-05-15 11:56:59

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

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

2018-05-15 11:55:09

小程序--首页房子按钮

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

2018-05-15 11:54:15

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

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

2018-05-15 11:50:20

Mr_HeXS

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