<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yyf326的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yyf326</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yyf326]]></copyright><item><title><![CDATA[vue-cli3导出表格excel，Export2Excel导出表格，导出多sheet excel，vue导出多页表格]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/100042751</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/100042751</guid><author>yyf326</author><pubDate>Fri, 23 Aug 2019 17:15:10 +0800</pubDate><description><![CDATA[本文链接：https://blog.youkuaiyun.com/csl125/article/details/90318432

]]></description><category></category></item><item><title><![CDATA[关于element tab标签切换加载闪一下的问题]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/92798100</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/92798100</guid><author>yyf326</author><pubDate>Tue, 18 Jun 2019 18:54:32 +0800</pubDate><description><![CDATA[因为我这里是作为公共组件，而且调用都是插在 dialog里的，切换tab很明显的能看到table样式会有闪一下的情况，正常页面用的话是没有这一问题的，我说的只是我的，你的还得你自己亲测！言归正传，怎么解决呢？其实很简单，就是用v-if指令来控制它！往哪加，请看下面代码：
&lt;el-tabs v-model="activeName2" type="card"&gt;
            &l...]]></description><category></category></item><item><title><![CDATA[weui.datePicker控件开始结束日期联动效果]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/90265331</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/90265331</guid><author>yyf326</author><pubDate>Thu, 16 May 2019 15:52:53 +0800</pubDate><description><![CDATA[功能
1，获取焦点弹日期框
2，当前控件无值，默认显示今天
3，当前控件有值，则显示控件的值
4，选择开始日期之后清空结束日期，js判读日期大小再清空太麻烦，先不搞，后续再说
5，结束日期显示时候，日期最小值根据开始日期来判断，开始日期为空，默认2000年，开始日期有值则最小值默认开始日期的值
使用代码
//开始日期
                    $('#txt_dateStart')....]]></description><category></category></item><item><title><![CDATA[小程序，获取页面元素的样式]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/90173244</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/90173244</guid><author>yyf326</author><pubDate>Mon, 13 May 2019 14:46:32 +0800</pubDate><description><![CDATA[wx.createSelectorQuery().select('#sss').boundingClientRect(function (rect) {
      console.log(rect);
      rect.id      // 节点的ID
      rect.dataset // 节点的dataset
      rect.left    // 节点的左边界坐标
      ...]]></description><category></category></item><item><title><![CDATA[使用jQuery实现，点击显示弹框，背景虚化，点击空白处，弹框消失]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/90019334</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/90019334</guid><author>yyf326</author><pubDate>Thu, 09 May 2019 09:28:22 +0800</pubDate><description><![CDATA[HTML代码
&lt;div class="layer" id="back" style="display: none; position:absolute; width:100%; height: 100%; top: 0; left: 0; z-index: 2; background: rgba(255, 255, 255, .6);" disabled="disabled"&gt;&lt;...]]></description><category></category></item><item><title><![CDATA[小程序页面栈控制]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/89921389</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/89921389</guid><author>yyf326</author><pubDate>Tue, 07 May 2019 15:06:01 +0800</pubDate><description><![CDATA[页面栈
首先我们要理解在小程序中页面的路由是小程序框架本身控制的我们不要去手动管理， 小程序框架通过一个页面栈的设计来管理所有的界面，为了便于理解你可以看一下示意图。

如图所示小程序的页面栈最大能存放5个页面，当页面栈中的页面等于5时，在使用navigateTo这种方式是不能再跳页的。
下面我们分析一下页面栈的变化过程，从分析中，我们需要明白的一个重要问题就是，当客户按返回按钮的时候究竟会跳转到...]]></description><category></category></item><item><title><![CDATA[vue项目通过npm安装swiper后在.vue文件中import，pc端和微信端打开都是正常的，但是跑到华为手机页面无法跳转]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/89841062</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/89841062</guid><author>yyf326</author><pubDate>Sun, 05 May 2019 10:52:13 +0800</pubDate><description><![CDATA[问题
vue项目在安卓手机测试时，某个页面无法跳转，报错uncaught syntaxError:
方法
检查发现是某个组件无法跳转，该组件打包好的js文件（dist文件夹中）在小米note手机无法识别，所以无法跳转到该页面
经过测试发现，之前.vue文件中引用swiper是使用import Swiper from 'swiper';然后实际引用的是node_module/swiper/dist/...]]></description><category></category></item><item><title><![CDATA[Vue解决低版本安卓不兼容白屏的问题]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/89708034</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/89708034</guid><author>yyf326</author><pubDate>Tue, 30 Apr 2019 14:00:59 +0800</pubDate><description><![CDATA[问题：
vue写的移动端项目，部分低版本安卓手机出现，白屏，以及页面数据渲染不完整。
原因：
安卓低版本手机是不支持ES6语法的，还有少部分低版本安卓不支持小部分的ES5语法，因此vue使用的是ES6语法，所以会导致页面渲染问题。
解决问题方式，注意看重点是下面的东西：
第一步：npm 安装
npm install babel-polyfill --save
npm install es6-pro...]]></description><category></category></item><item><title><![CDATA[vue项目点击浏览器返回至指定页面]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/89679297</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/89679297</guid><author>yyf326</author><pubDate>Mon, 29 Apr 2019 17:24:24 +0800</pubDate><description><![CDATA[Vue项目点击浏览器返回，返回至指定的页面
需求场景：
在日常开发中，经常会出现一种情况，页面跳转逻辑是，A-&gt;B-&gt;C-&gt;D-&gt;E，但是这时候在E页面，点击浏览器返回的时候，希望到G页面，虽然听起来不太可能，或者直接在页面放一个按钮进行路由切换也是可以的，为什么一定是要按浏览器返回，但是事实确实存在；
解决方案：
思路 在vue-router的声明周期中，有切入路由的生命...]]></description><category></category></item><item><title><![CDATA[简单跨域请求和带预检的跨域请求]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/89401959</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/89401959</guid><author>yyf326</author><pubDate>Fri, 19 Apr 2019 15:52:02 +0800</pubDate><description><![CDATA[受浏览器的同源策略限制，JavaSript只能请求本域内的资源。跨域资源共享(Cross-Origin Resource Sharing, CORS)是为解决Ajax技术难实现跨域问题而提出的一个规范，这个规范试着从根本上解决安全的跨域资源共享问题。在此之前，解决此类问题的途径往往是服务器代理、JSONP等，治标不治本。目前基本所有浏览器都已经支持该规范。
一个域是由schema、host、por...]]></description><category></category></item><item><title><![CDATA[一次提交触发两次请求]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/89401891</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/89401891</guid><author>yyf326</author><pubDate>Fri, 19 Apr 2019 15:50:12 +0800</pubDate><description><![CDATA[解决跨域引起的两次请求
我们公司的项目都是前后端分离的，上线几个月以来，发现一个很奇怪的问题，每次前端发起请求，通过浏览器的开发者工具都能看到在Network下同一个url有两条请求，第一条请求的Method为OPTIONS，第二条请求的Method才是真正的GET或者POST，并且，第一条请求无数据返回，第二条请求才会返回正常的数据。
发现这个问题之后，立即组织搜索问题产生的原因以及解决方案。在...]]></description><category></category></item><item><title><![CDATA[input上传图片翻转问题,前端判断照片是否横屏拍摄]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/89401129</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/89401129</guid><author>yyf326</author><pubDate>Fri, 19 Apr 2019 15:25:29 +0800</pubDate><description><![CDATA[input文本框上传图片， 苹果和小米手机照片翻转问题 ,身份证照片前端判断是否横屏拍摄
HTML内容
&lt;input type=""file accept="image/*" @change="uploadPic($event)"&gt;

uploadPic方法
 import EXIF from"exif-js"
 uploadPic(e, type, fn) {
 	  //利用fil...]]></description><category></category></item><item><title><![CDATA[vue上选项卡点击切换且能滑动切换]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/89379749</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/89379749</guid><author>yyf326</author><pubDate>Thu, 18 Apr 2019 15:23:06 +0800</pubDate><description><![CDATA[vue上选项卡点击切换且能滑动切换
   &lt;div&gt;
    &lt;div class="navlist"&gt;
      &lt;ul&gt;
        &lt;li class="navli"  v-for="(item,index) in navList" :class="{'activeT':nowIndex===index}" @click="tabClick(i...]]></description><category></category></item><item><title><![CDATA[swiper页面高度自适应]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/89379532</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/89379532</guid><author>yyf326</author><pubDate>Thu, 18 Apr 2019 15:18:13 +0800</pubDate><description><![CDATA[#问题
使用 swiper插件，根据后台请求回来的数据，遍历产生slide，某一个slide没有内容，高度等同其他页面高度，上下滑动时有大量留白
方法
删除 swiper插件的autoHeight：true属性，
将外层的swiper-container高度设置为100%；
给swiper-slide设置overflow：auto
即固定外框高度，内部slide溢出overflow:auto，这样...]]></description><category></category></item><item><title><![CDATA[footer位置的自动适配]]></title><link>https://blog.youkuaiyun.com/yyf326/article/details/89379222</link><guid>https://blog.youkuaiyun.com/yyf326/article/details/89379222</guid><author>yyf326</author><pubDate>Thu, 18 Apr 2019 15:06:46 +0800</pubDate><description><![CDATA[footer位置的自动适配
遇到问题
页面主要内容不足以铺满一个屏幕的高度，footer下面就会有白块剩余。
我们希望实现的效果是，在主要内容不足以铺满整个屏幕的情况下，footer居于屏幕低部显示，使得整个页面占满屏幕。而当主要内容高度大于整个屏幕高度的时候，footer跟随主要内容进行显示。
方法如下
HTML结构：
  
    主要页面  
  
底部 
设置CSS
html,body{
...]]></description><category></category></item></channel></rss>