<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[MercedesCc的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/MercedesCc</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; MercedesCc]]></copyright><item><title><![CDATA[解决vuex刷新数据丢失的问题]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/108768422</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/108768422</guid><author>MercedesCc</author><pubDate>Thu, 24 Sep 2020 10:32:43 +0800</pubDate><description><![CDATA[exportdefault{

name:'App',

created(){

 //如果session中有store，则直接复制给vuex

if(sessionStorage.getItem("store")){

this.$store.replaceState(Object.assign({},this.$store.state,JSON.parse(sessionStorage.getItem("store"))))

}

...]]></description><category></category></item><item><title><![CDATA[数组中对象相同字段合并处理]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/105728496</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/105728496</guid><author>MercedesCc</author><pubDate>Fri, 24 Apr 2020 12:53:24 +0800</pubDate><description><![CDATA[//分层级，数组扁平化处理
     let json = [
     {
      checked: true,
      key: "tgi_popu_base_age#1979:1975",
      leaf: 1,
      onek...]]></description><category></category></item><item><title><![CDATA[vue 自定义指令 directive]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/103989613</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/103989613</guid><author>MercedesCc</author><pubDate>Wed, 15 Jan 2020 15:10:06 +0800</pubDate><description><![CDATA[vue自定义指令顾名思义，就是vue给我们提供的一个编写各种指令的入口。比如v-for,v-if ,v-show等，根据实际业务需求

有时会用到自定义指令，一定程度上可以解决过滤器并承担部分组件功能的作用。

但是总体而言，由于指令需要操作dom,因此能用组件就不用指令。言归正传：

写一个v-focus

 &lt;body&gt;
  &lt;div id="app"&gt...]]></description><category></category></item><item><title><![CDATA[js价钱三位加逗号]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/103959486</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/103959486</guid><author>MercedesCc</author><pubDate>Mon, 13 Jan 2020 16:02:54 +0800</pubDate><description><![CDATA[return total.toString().replace(/\B(?=(\d{3})+$)/g,',');
]]></description><category></category></item><item><title><![CDATA[验证手机号]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/102913292</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/102913292</guid><author>MercedesCc</author><pubDate>Tue, 05 Nov 2019 12:06:43 +0800</pubDate><description><![CDATA[var phone = "13622993358"

if (!(/^1[3456789]\d{9}$/.test(phone)))

{ console.log("phone error") }
]]></description><category></category></item><item><title><![CDATA[css多行文字溢出隐藏]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/99863454</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/99863454</guid><author>MercedesCc</author><pubDate>Tue, 20 Aug 2019 17:22:35 +0800</pubDate><description><![CDATA[overflow: hidden;

text-overflow: ellipsis;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;//设置行数



//单行


overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;...]]></description><category></category></item><item><title><![CDATA[微信小程序底部弹框]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/99855952</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/99855952</guid><author>MercedesCc</author><pubDate>Tue, 20 Aug 2019 16:23:05 +0800</pubDate><description><![CDATA[&lt;view wx:if="{{dialong}}" class="boxs {{dialong?'moves':''}} "&gt;内容&lt;/view&gt;

.dialong{

position: fixed;

width: 100%;

height: 100%;

z-index: 99;

top: 0;

background: rgba(0,0,0,0.4)

}

....]]></description><category></category></item><item><title><![CDATA[多个tab切换时选中的在中间]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/98201627</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/98201627</guid><author>MercedesCc</author><pubDate>Fri, 02 Aug 2019 14:28:13 +0800</pubDate><description><![CDATA[好久没有写博客了，刚好朋友有需求，就写了个demo,并记录一下以便日后使用

&lt;scroll-view class="scrollx" scroll-with-animation scroll-x bindscroll="bindscroll" scroll-left='{{scrollLeft}}'&gt;

&lt;view class="list_warp"&gt;

&lt;view...]]></description><category></category></item><item><title><![CDATA[reduce总结]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/90475884</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/90475884</guid><author>MercedesCc</author><pubDate>Thu, 23 May 2019 10:36:21 +0800</pubDate><description><![CDATA[//数组中出现最多的次数
   var arr = [1, 2, 3, 4, 2, 1, 1, 1, 1]
   let newNum = arr.reduce((pre, cur) =&gt; {
    if (cur in pre) {
     pre[cur]++
    ...]]></description><category></category></item><item><title><![CDATA[获取验证码]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/90203103</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/90203103</guid><author>MercedesCc</author><pubDate>Tue, 14 May 2019 11:36:02 +0800</pubDate><description><![CDATA[getYzm(){

if(this.data.telephone.length != 11){

wx.showToast({

title: '您输入的手机号码有误',

icon:'none'

})

return

}

this.getCode()

this.setData({

disabled:true

})

},

getCode(options) {

var that ...]]></description><category></category></item><item><title><![CDATA[微信小程序文字轮播禁止手动滑动]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/90202998</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/90202998</guid><author>MercedesCc</author><pubDate>Tue, 14 May 2019 11:32:11 +0800</pubDate><description><![CDATA[&lt;swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="2000"&gt;

&lt;block wx:for="{{msgList}}" wx:key="{{index}}"&gt;

&lt;view bindtap='goDetail' data-index='...]]></description><category></category></item><item><title><![CDATA[左滑删除]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/90201719</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/90201719</guid><author>MercedesCc</author><pubDate>Tue, 14 May 2019 10:45:17 +0800</pubDate><description><![CDATA[&lt;view class="container1"&gt;

&lt;view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{{index}}" bindtouchstart="touchstart" bindtouchmove="touchmove" wx:for="{{item...]]></description><category></category></item><item><title><![CDATA[微信小程序转盘大抽奖]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/90077496</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/90077496</guid><author>MercedesCc</author><pubDate>Fri, 10 May 2019 16:48:04 +0800</pubDate><description><![CDATA[有需要写个积分抽奖功能，大题思路就有两个，一呢转盘上的内容使用文字，自己调整位置和角度，二呢使用整个的图片，优缺点一目了然。

比较懒就借鉴了第二种：

首先在js中全局定义：

//微信提供的创建动画的方法

const animation = wx.createAnimation({

duration: 6000,

timingFunction: 'ease'

})

Page({

/...]]></description><category></category></item><item><title><![CDATA[最常用的小程序demo]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/90042347</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/90042347</guid><author>MercedesCc</author><pubDate>Thu, 09 May 2019 17:00:03 +0800</pubDate><description><![CDATA[wx-gesture-lock微信小程序的手势密码

WXCustomSwitch微信小程序自定义 Switch 组件模板

WeixinAppBdNovel微信小程序demo：百度小说搜索

shitoujiandaobu小程序：石头剪刀布（附代码说明）

audiodemo微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义

star微信小程序开发之五星评分

swit...]]></description><category></category></item><item><title><![CDATA[富文本编辑器前端图片直传oss]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/89206680</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/89206680</guid><author>MercedesCc</author><pubDate>Thu, 11 Apr 2019 11:50:11 +0800</pubDate><description><![CDATA[使用的wangeditor ,踩了一天的坑，终于OK

vue+element + wangeditor

npm i wangeditor

&lt;&lt;template&gt;

&lt;div class='warp'&gt;



&lt;div id="editorElem" class="toolbar" &gt;&lt;/div&gt;

&lt;div id="div2" ...]]></description><category></category></item><item><title><![CDATA[vue 项目中的 websocket]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/88992120</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/88992120</guid><author>MercedesCc</author><pubDate>Wed, 03 Apr 2019 12:33:44 +0800</pubDate><description><![CDATA[app中一直在用个推进行推送，今天和后端的小伙伴一起尝试了下websocket,总结一下。

首先websocket是js向服务器发出连接的一种请求，是h5提出的一种协议，之前的理解就是用了它当状态变化时，后端直接通知前端，很有用。

看了一下菜鸟教程，写的很详细，整体感觉websocket没有想象中的那么复杂。上代码

//创建一个socket对象，这个对象有五个方法，onopen,onmess...]]></description><category></category></item><item><title><![CDATA[微信小程序点击返回并随意操作上个页面]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/88977261</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/88977261</guid><author>MercedesCc</author><pubDate>Tue, 02 Apr 2019 17:48:46 +0800</pubDate><description><![CDATA[var pages = getCurrentPages();
  var currPage = pages[pages.length - 1];  //当前页面
  var prevPage = pages[pages.length - 2]; //上一个页面

 

//直接修改上个页面的值
  prevPage.setData({
   storeId: id...]]></description><category></category></item><item><title><![CDATA[日期]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/84399488</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/84399488</guid><author>MercedesCc</author><pubDate>Fri, 23 Nov 2018 16:47:42 +0800</pubDate><description><![CDATA[owner.ymd = function (time) {

        var y = new Date(time).getFullYear()
          var m = new Date(time).getMonth() + 1
          var d = new Date(time).getDate()
          m = (m &amp;lt; 10) ? '0' +...]]></description><category></category></item><item><title><![CDATA[ios提示更新版本]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/84294536</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/84294536</guid><author>MercedesCc</author><pubDate>Tue, 20 Nov 2018 12:28:34 +0800</pubDate><description><![CDATA[plus.runtime.getProperty(plus.runtime.appid,function(inf){
                                         var  curVersion = inf.version;
                                         $.ajax({
                   ...]]></description><category></category></item><item><title><![CDATA[银行卡号每四位添加一个空格]]></title><link>https://blog.youkuaiyun.com/MercedesCc/article/details/83105049</link><guid>https://blog.youkuaiyun.com/MercedesCc/article/details/83105049</guid><author>MercedesCc</author><pubDate>Wed, 17 Oct 2018 09:53:08 +0800</pubDate><description><![CDATA[前端页面展示需要加上空格，

this.cardnum.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, '$1 ');

而上传后台时往往需要去掉空格，

this.cardnum.replace(/\s/g, &quot;&quot;)

金额最多输入小数点后两位

this.amountPrice.replace(/^(\-)*(\d+)\.(\d\d).*$/, ...]]></description><category></category></item></channel></rss>