<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[王燕欣的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/wangyanxin928</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; wangyanxin928]]></copyright><item><title><![CDATA[选择地址移动端弹窗 address-picker]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/126366472</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/126366472</guid><author>wangyanxin928</author><pubDate>Tue, 16 Aug 2022 15:00:41 +0800</pubDate><description><![CDATA[选择地址三级联动 移动端弹窗]]></description><category></category></item><item><title><![CDATA[area.js 文件下载]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/126366380</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/126366380</guid><author>wangyanxin928</author><pubDate>Tue, 16 Aug 2022 14:58:02 +0800</pubDate><description><![CDATA[area三级联动地址基础数据]]></description><category></category></item><item><title><![CDATA[element-ui NavMenu 导航菜单 垂直菜单，可内嵌子菜单 使用]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/119002712</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/119002712</guid><author>wangyanxin928</author><pubDate>Thu, 22 Jul 2021 16:31:49 +0800</pubDate><description><![CDATA[必要环境为 vue + vue-router +element
此文件只是左侧菜单组件，需要更多功能请参考element-ui 官网的 NavMenu 导航菜单


LeftAsideNav.vue 文件
&lt;template&gt;
  &lt;div class="ku-aside-assembly"&gt;
    &lt;div class="ku-menu-lsit"&gt;
      &lt;el-menu
        :default-active="NavigationDefaul]]></description><category></category></item><item><title><![CDATA[vue 添加favicon.ico 修改favicon.ico]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/118682206</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/118682206</guid><author>wangyanxin928</author><pubDate>Mon, 12 Jul 2021 19:24:30 +0800</pubDate><description><![CDATA[webpack构建的环境
1.找到build下的webpack.dev.conf.js文件
new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true,
      favicon: path.resolve('favicon.ico')  //新增
 })


2.找到build下的webpack.prod.conf.js文件
new HtmlWebpackPl]]></description><category></category></item><item><title><![CDATA[微信获取openid出现40163]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/117364409</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/117364409</guid><author>wangyanxin928</author><pubDate>Fri, 28 May 2021 15:31:53 +0800</pubDate><description><![CDATA[概述
通过微信官方提供的接口https://api.weixin.qq.com/sns/oauth2/access_token接口，获取openid，结果获取不到。

报错代码
WechatUserInfo(accessToken=null, expiresIn=null, refreshToken=null, openid=null, scope=nul
l, errcode=40163, errmsg=code been used, hints: [ req_id: X6qVLa09602017 ])
]]></description><category></category></item><item><title><![CDATA[vue判断点击元素是否有指定class]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/115478424</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/115478424</guid><author>wangyanxin928</author><pubDate>Wed, 07 Apr 2021 09:47:15 +0800</pubDate><description><![CDATA[vue判断点击元素是否有指定class
&lt;div class="ku-menu-item-group active"  @click="clickFold"&gt;&lt;/div&gt;

 clickFold: function (e) {
        e = e || window.event;
        let isActive = e.currentTarget.getAttribute("class").includes("active");
        console.lo]]></description><category></category></item><item><title><![CDATA[vue 获取自定义属性值]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/115463707</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/115463707</guid><author>wangyanxin928</author><pubDate>Tue, 06 Apr 2021 16:20:44 +0800</pubDate><description><![CDATA[vue 获取自定义属性值的跟触发事件的属性
  &lt;div class="ku-menu-item-group" :data-route="item.route" @click="toRoute"&gt;
       &lt;i class="el-icon-menu"&gt;&lt;/i&gt;
       &lt;span class="ku-menu-collapse"&gt;&lt;i class="el-icon-arrow-right"&gt;&lt;/i&gt;&lt;/span&gt]]></description><category></category></item><item><title><![CDATA[npm 创建及使用说明]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/114257510</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/114257510</guid><author>wangyanxin928</author><pubDate>Mon, 01 Mar 2021 14:31:31 +0800</pubDate><description><![CDATA[1、创建并发布npm包
1.npm官网创建npm账户
npm网站地址：https://www.npmjs.com/
npm网站注册地址：https://www.npmjs.com/signup
2.命令行工具登录npm
$ npm  login

C:\Users\Administrator&gt;npm  login
Username: wang******928
Password:
Email: (this IS public) wang******928@sina.com
Logged in as w]]></description><category></category></item><item><title><![CDATA[js 时间戳格式化 年月日十分秒]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/113184796</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/113184796</guid><author>wangyanxin928</author><pubDate>Tue, 26 Jan 2021 17:14:55 +0800</pubDate><description><![CDATA[// 时间格式化
function dateFormat(timeStamp, type) {
  // 时间格式化
  let time = new Date(timeStamp);

  let YYYY = time.getFullYear();
  let MM = (time.getMonth() + 1) &lt; 10 ? ("0" + (time.getMonth() + 1)) : (time.getMonth() + 1);
  let DD = time.getDate() &lt;.]]></description><category></category></item><item><title><![CDATA[小程序报错VM5450:1083 页面【components/head/head]错误:  TypeError: Cannot read property ‘name‘ of undefined]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/112980608</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/112980608</guid><author>wangyanxin928</author><pubDate>Fri, 22 Jan 2021 11:29:04 +0800</pubDate><description><![CDATA[解决办法：


properties: {
    // 这里定义了collected属性，属性值可以在组件使用时指定
    //父组件传过来的data
    userInfo:{
        type:Object
    }
  },

需要指定参数类型






]]></description><category></category></item><item><title><![CDATA[小程序引入vant-Weapp 安装详细步骤及问题解决]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/112964515</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/112964515</guid><author>wangyanxin928</author><pubDate>Thu, 21 Jan 2021 17:07:40 +0800</pubDate><description><![CDATA[小程序引入vant-Weapp
本文不再赘述官网提供的安装步骤紧在安装之时遇见的问题进行梳理
此次开发不使用云开发服务

提示：以下是本篇文章正文内容，下面案例可供参考
一、创建小程序

提示：创建完成

提示：启动终端
二、官方网站安装链接
快速上手
提示：按照快速上手步骤进行安装，不在赘述
# 通过 npm 安装
npm i @vant/weapp -S --production
//安装中.....
//安装完成出现.....
+ @vant/weapp@1.6.5
updated 1 packag.]]></description><category></category></item><item><title><![CDATA[vue 跳转页面锚点 纯原生js]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/107000479</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/107000479</guid><author>wangyanxin928</author><pubDate>Sun, 28 Jun 2020 15:43:59 +0800</pubDate><description><![CDATA[跳转按钮
&lt;div  @click="linkHref('ID1')"&gt;&lt;/div&gt;
&lt;div  @click="linkHref('ID2')"&gt;&lt;/div&gt;
&lt;div  @click="linkHref('ID3')"&gt;&lt;/div&gt;

跳转锚点
 &lt;div id="ID1"&gt;&lt;/div&gt;
 &lt;div id="ID2"&gt;&lt;/div&gt;
 &lt;div id="ID3"&gt;&lt;/.]]></description><category></category></item><item><title><![CDATA[获取时间差  天-小时-分钟]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/105517963</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/105517963</guid><author>wangyanxin928</author><pubDate>Tue, 14 Apr 2020 18:15:31 +0800</pubDate><description><![CDATA[// 获取时间差 
   getTimeDifference(createTime){
    // let createTime ="1584861145000";//创建时间
    let currentTime =new Date().getTime();//
    let timeDiffer...]]></description><category></category></item><item><title><![CDATA[vue2.0项目引入element-ui]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/104754435</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/104754435</guid><author>wangyanxin928</author><pubDate>Mon, 09 Mar 2020 16:02:50 +0800</pubDate><description><![CDATA[从新建vue项目到引入组件Element

一、新建项目


1.查看 node和npm是不是已经安装好命令：node -v  npm -v (没有安装的先安装环境);
2.npm install -g cnpm --registry=https://registry.npm.taobao.org  (安装国内的淘宝镜像文件，后面的安装npm可以全部改为cnpm)
3.安装 vue-cli   
...]]></description><category></category></item><item><title><![CDATA[设置H5打开文章内的二维码不能识别，只可选中下载bug]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/104691405</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/104691405</guid><author>wangyanxin928</author><pubDate>Fri, 06 Mar 2020 10:59:46 +0800</pubDate><description><![CDATA[.img_box img{
width: 100%;
height: auto;
display: block;
-webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */
-moz-user-select: none;
-webkit-touch-callout: none;
}
]]></description><category></category></item><item><title><![CDATA[Vue 踩坑之报错排除1 error: The template root requires exactly one element]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/103493887</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/103493887</guid><author>wangyanxin928</author><pubDate>Wed, 11 Dec 2019 15:50:08 +0800</pubDate><description><![CDATA[error: The template root requires exactly one element
报错原因
Vue只允许模板里存在一个根节点。

解决方案
在 &lt;template&gt; 中添加一个 &lt;div&gt;标签，之后所有的组件全部加在 &lt;div&gt;即可解决。



...]]></description><category></category></item><item><title><![CDATA[linear-gradient()背景颜色渐变]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/103425002</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/103425002</guid><author>wangyanxin928</author><pubDate>Fri, 06 Dec 2019 16:05:30 +0800</pubDate><description><![CDATA[css语法
background: linear-gradient(direction,color-stop1,color-stop2,...);
direction：用角度值指定渐变的方向（或角度）；
color-stop1,color-stop2,...：用于指定渐变的起止颜色
ps：至少需要两种颜色
1   background: -webkit-linear-gradient(red,ye...]]></description><category></category></item><item><title><![CDATA[cover-view 解决微信小程序input、textarea层级穿透问题]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/100158766</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/100158766</guid><author>wangyanxin928</author><pubDate>Fri, 30 Aug 2019 14:55:50 +0800</pubDate><description><![CDATA[cover-view 解决微信小程序input、textarea层级穿透问题cover-view 设置定位，然后给z-index：9999；

小程序cover-view不支持背景颜色设置 可以用图片进行代替
]]></description><category></category></item><item><title><![CDATA[微信小程序：自定义组件的数据传递]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/96479333</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/96479333</guid><author>wangyanxin928</author><pubDate>Fri, 19 Jul 2019 14:01:29 +0800</pubDate><description><![CDATA[微信小程序：自定义组件的数据传递
转载链接地址:https://segmentfault.com/a/1190000014474289?utm_source=index-hottest
一、前言
如果小程序中有可复用的UI且具有一定的功能性，就可以使用自定义组件将其封装起来。（如果仅仅只需要复用UI可使用template）下面介绍父子组件的数据传递方法，以及一个简单的组件和一个复杂的组件示例。
【...]]></description><category></category></item><item><title><![CDATA[如果是安卓手机，调起软键盘是滑动body]]></title><link>https://blog.youkuaiyun.com/wangyanxin928/article/details/89228300</link><guid>https://blog.youkuaiyun.com/wangyanxin928/article/details/89228300</guid><author>wangyanxin928</author><pubDate>Fri, 12 Apr 2019 11:06:33 +0800</pubDate><description><![CDATA[$("#jobInfo").delegate('input[type="text"],textarea',"focus",function () {
var u = navigator.userAgent, app = navigator.appVersion;
var isAndroid = u.indexOf('Android') &gt; -1 || u.indexOf('Linux') ...]]></description><category></category></item></channel></rss>