Mr_HeXS-CSDN博客

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

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

2018-11-12 16:34:27 207

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

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

2018-06-20 11:52:55 9820

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

2018-06-06 10:29:06 498

原创 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 1567

原创 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 925 1

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

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

2018-05-19 16:20:21 5464

原创 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 2712

原创 vue-router-link的细节

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

2018-05-18 16:32:35 542

原创百度贴吧中：display:inline;float:left;

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

2018-05-15 14:16:17 139

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

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

2018-05-15 14:14:08 798

原创日期处理，“刚刚”，“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 2851

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

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

2018-05-15 12:03:01 525

原创 vue两种class切换语法

2018-05-15 11:56:59 1513

原创电脑调试UC浏览器，或者本机浏览器

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

2018-05-15 11:55:09 2508

原创小程序--首页房子按钮

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

2018-05-15 11:54:15 5524

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

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

2018-05-15 11:50:20 383

Mr_HeXS的博客