<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[someWhere_weMeet的博客]]></title><description><![CDATA[挣扎在前端的菜鸡一只。。。]]></description><link>https://blog.youkuaiyun.com/someWhere_weMeet</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; someWhere_weMeet]]></copyright><item><title><![CDATA[vite预渲染 vite-plugin-prerender 大坑记录]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/112615730</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/112615730</guid><author>someWhere_weMeet</author><pubDate>Thu, 15 Jun 2023 16:06:17 +0800</pubDate><description><![CDATA[搭嘎
			
		
			
		
			
		
]]></description><category></category></item><item><title><![CDATA[element el-cascader-panel级联面板配合动态加载造成的问题]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/113184907</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/113184907</guid><author>someWhere_weMeet</author><pubDate>Tue, 26 Jan 2021 17:33:32 +0800</pubDate><description><![CDATA[使用element的el-cascader-panel级联面板，正常使用的话，第三级会存在多余请求或者请求加载效果（不知道是不是我写法有问题）。目前百度的全是级联选择器，找不到级联面板的的内容，记录一下。


&lt;div class="addFormWrap"&gt;
                &lt;div class="addLeft"&gt;
                    &lt;h2&gt;选择类目&lt;/h2&gt;
                    &lt;div c]]></description><category></category></item><item><title><![CDATA[js 复制粘贴 element]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/112003526</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/112003526</guid><author>someWhere_weMeet</author><pubDate>Thu, 31 Dec 2020 10:17:31 +0800</pubDate><description><![CDATA[&lt;el-button @click="copyUrl(scope.row.activity_id)" size="small" border type="warning" plain&gt;复制链接&lt;/el-button&gt;


copyUrl(id) {
            let url = `&lt;?php echo $output['gp_site_url']?&gt;/activity/${id}`;
            let _input = document...]]></description><category></category></item><item><title><![CDATA[element-ui的图片预览 el-image增加点击范围]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/110873522</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/110873522</guid><author>someWhere_weMeet</author><pubDate>Tue, 08 Dec 2020 15:07:05 +0800</pubDate><description><![CDATA[css:


.showScreenImg { /**预览图片icon */
        position: relative;
        left: -2px;
        width: 18px;
        height: 18px;
        z-index: 999;
        padding-right: 96px;
    }
    .showScreenImg:after{
        position: absolute;
        displ..]]></description><category></category></item><item><title><![CDATA[看完让你彻底搞懂Websocket原理（转载于一份有意思的解说]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/109189679</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/109189679</guid><author>someWhere_weMeet</author><pubDate>Tue, 20 Oct 2020 21:14:03 +0800</pubDate><description><![CDATA[偶然在知乎上看到一篇回帖，瞬间觉得之前看的那么多资料都不及这一篇回帖让我对websocket的认识深刻有木有。所以转到我博客里，分享一下。比较喜欢看这种博客，读起来很轻松，不枯燥，没有布道师的阵仗，纯粹为分享。废话这么多了，最后再赞一个~

一、websocket与http

WebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）

首先HTTP有1.1和1.0之说，也就是所谓的keep-alive，...]]></description><category></category></item><item><title><![CDATA[a++和++a的区别与理解]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/103347448</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/103347448</guid><author>someWhere_weMeet</author><pubDate>Mon, 02 Dec 2019 13:59:05 +0800</pubDate><description><![CDATA[通常说，a++是先取值后运算，++a是先运算后取值。实际上这里涉及好几个基本概念！先确定你清楚“运算符”、“表达式”和“语句”的概念：

++ 是一个“自增运算符”，自增运算符有两种形式：前缀自增(++a)和后缀自增(a++)。

运算符和操作数合起来就是一个表达式（a++、++a都是表达式，a就是操作数）。注意：每一个表达式本身都有值（和其类型），有的表达式还有“副作用”。比如自增表达式的副作...]]></description><category></category></item><item><title><![CDATA[纯前端H5，利用html2canvas，base64转码，生成图片，解决iOS和安卓微信的坑，生成不全，空白，跨域等问题。]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/102969955</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/102969955</guid><author>someWhere_weMeet</author><pubDate>Fri, 08 Nov 2019 14:33:05 +0800</pubDate><description><![CDATA[查阅很多资料后，几乎没有一个能完整解决问题的，都是东平西凑，各种调试才勉强解决生成图片的坑。

因为canvas始终会跨域，一般都是通过设置后端，改的麻烦也不知道行不行，所以就前端自己想办法解决，绕过后端。

canvas生成图片有要求，不可以是display：none；我是定位z-index负值，不设置透明度，除非你要生成透明的。

先贴下代码：


&lt;!-- 遮罩层--商品分享海报 --...]]></description><category></category></item><item><title><![CDATA[利用contenteditable模拟input/textarea的可编辑文本，placeholder，限制长度，自适应高度等。]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/102725965</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/102725965</guid><author>someWhere_weMeet</author><pubDate>Thu, 24 Oct 2019 16:41:16 +0800</pubDate><description><![CDATA[html，css真是神奇。应产品需求。需要做一个自适应，内容完整展示的可编辑输入框。textarea，input都是不合适。如是发现html有个神奇的属性contenteditable。

先看看效果：



下面贴代码：


 &lt;p class="bot-item buy-message flex-space-between"&gt;
   &lt;i&gt;买家留言：&lt;/i&gt;...]]></description><category></category></item><item><title><![CDATA[vueRouter关于children嵌套路由需要多次点击回退之前的页面体验优化]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/100931012</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/100931012</guid><author>someWhere_weMeet</author><pubDate>Tue, 17 Sep 2019 17:08:33 +0800</pubDate><description><![CDATA[当从之前的页面进入一个有多层嵌套的页面时，如果路由使用路由children方式，最后体验会比较差。之前写了一篇关于Vue多级路由重定向以及父级样式丢失的问题带有children，遗忘了体验优化。



从左图到右图。正常体验是返回一次直接回退到之前的页面。如果使用children，在第二图（右边）下的菜单，多次点击全部，代付款，待发货，已完成。。。之类的菜单后，点击返回到图一会出现需要多次点击才...]]></description><category></category></item><item><title><![CDATA[git强制覆盖本地或者远程]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/100891611</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/100891611</guid><author>someWhere_weMeet</author><pubDate>Mon, 16 Sep 2019 16:22:52 +0800</pubDate><description><![CDATA[当本地修改错乱或者合并懵逼的时候，建议直接用远程强制覆盖本地分支；暴力解决还是比较有效的，本人多次使用暴力解决法。爽快~

1、远程分支强制覆盖本地：

git fetch --all

git reset --hard origin/远程分支名   （重置head版本）

git pull origin/远程分支名  （这一步可以省略）

2、本地强制覆盖远程分支：

git p...]]></description><category></category></item><item><title><![CDATA[ES6优化javascript的if判断]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/100880073</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/100880073</guid><author>someWhere_weMeet</author><pubDate>Mon, 16 Sep 2019 10:42:13 +0800</pubDate><description><![CDATA[1、使用 Array.includes 来处理多个条件


 请看下面的列子：
 // condition
 function test(fruit) {
   if (fruit == 'apple' || fruit == 'strawberry') {
     console.log('red');
   }
 }
 上面的列子看起来似乎没有什么问题。但是，如果我们还有更多的红色水果呢？是...]]></description><category></category></item><item><title><![CDATA[利用css3实现进度条效果以及动态添加百分比。]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/100735336</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/100735336</guid><author>someWhere_weMeet</author><pubDate>Wed, 11 Sep 2019 14:33:12 +0800</pubDate><description><![CDATA[项目过程中，开始使用了js的requestAnimationFrame方法实现进度条，但是在数据超级多的时候非常影响性能，如此改用css去实现，优化。

先贴代码：


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewp...]]></description><category></category></item><item><title><![CDATA[借助js切割数组实现标签的上下2,3排列的特殊布局]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/99303659</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/99303659</guid><author>someWhere_weMeet</author><pubDate>Mon, 12 Aug 2019 15:20:53 +0800</pubDate><description><![CDATA[先看看实现的效果：



代码：


//根据后端返回数据长度分割数组
function chunk(array, size) {
  //获取数组的长度，如果你传入的不是数组，那么获取到的就是undefined
  const length = array.length
  //判断不是数组，或者size没有设置，size小于1，就返回空数组
  if (!length || !size || ...]]></description><category></category></item><item><title><![CDATA[Vue textarea超级简单实现文本框显示剩余可输字数]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/98473432</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/98473432</guid><author>someWhere_weMeet</author><pubDate>Sun, 04 Aug 2019 20:04:31 +0800</pubDate><description><![CDATA[直接上代码。


&lt;template&gt;
  &lt;div class="wrapper"&gt;
    &lt;div class="parents"&gt;
      &lt;textarea placeholder="请输入您要填写的个性签名" maxlength="30" autofocus="true" v-model="val"&gt;&lt;/textarea&gt;...]]></description><category></category></item><item><title><![CDATA[Vue多级路由重定向以及父级样式丢失的问题。]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/97180362</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/97180362</guid><author>someWhere_weMeet</author><pubDate>Thu, 25 Jul 2019 21:45:28 +0800</pubDate><description><![CDATA[公司整了一下午，被Vue的多级重定向绕晕了。回来静了下，终于解决了。好好记录下来。

先看看html结构图



上面这个是一级路由跳转的；下面这个是二级跳转的；

需要注意：

*** ***上图的标记1，to里加了'/',表示根据根路径跳转的；而下图的标记3，to没有加'/',表示根据当前页面的相对路径跳转的。这里借鉴了这位盆友的关于重定向redirect解读：https://blog.csd...]]></description><category></category></item><item><title><![CDATA[原生JS实现购物车全选/取消功能（慕课购物车全选功能练习）]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/93390380</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/93390380</guid><author>someWhere_weMeet</author><pubDate>Sun, 23 Jun 2019 17:38:34 +0800</pubDate><description><![CDATA[购物车可以说是基本要求了吧，逻辑功能挺多，综合功能都写下来，也能提升js基础了。今天就来看看简单点全选/取消功能，并记录已选中的次数（暂无反选）。

HTML部分：


&lt;input type="checkbox" id="checkAll"&gt;全选/取消
&lt;ul&gt;
    &lt;li&gt;&lt;input type="checkbox" class="selects"...]]></description><category></category></item><item><title><![CDATA[es6 filter（）去重]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/93050336</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/93050336</guid><author>someWhere_weMeet</author><pubDate>Thu, 20 Jun 2019 15:59:09 +0800</pubDate><description><![CDATA[let arr = [1, 2, 3, 2, 3, 5, 6, 4, 2, 45, 23, 3, 2, 4, 8]
  let arr2 = arr.filter((x, index, self) =&gt; {
    return self.indexOf(x) === index
  })

console.log(arr2)

效果：



还可以简化一下：


let arr = [...]]></description><category></category></item><item><title><![CDATA[一个面试我的后端妹子问的405错误]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/93040087</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/93040087</guid><author>someWhere_weMeet</author><pubDate>Thu, 20 Jun 2019 15:09:19 +0800</pubDate><description><![CDATA[面试时，后端妹子突然问我一个405的报错，说实话自己从来未遇到过，所以不知道咋个回事。

我就自作聪明的挨着40X的原因答了下，然后就没戏了，最后问了她原因，说是提交方式的问题，但是改了提交方式还是405，我在想可能是参数之类的（后来也证实是有这一点），这里提醒面试时，完全不知道的话还是不要瞎猜答案，不如说没遇到过这类问题，不然基本会挂！

回来查了下资料才知道具体原因有以下几点：

1、在前端的...]]></description><category></category></item><item><title><![CDATA[vue中移动端真实1px边框实现（仿饿了么）]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/92806753</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/92806753</guid><author>someWhere_weMeet</author><pubDate>Wed, 19 Jun 2019 10:51:38 +0800</pubDate><description><![CDATA[用了stylus写法

border-1px


// 1px
border-1px($color)
  position relative
  &amp;:after
    display block
    position absolute
    left 0
    bottom 0
    width 100%
    border-top 1px solid $color
   ...]]></description><category></category></item><item><title><![CDATA[js数组去重常用的一种方法]]></title><link>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/92597262</link><guid>https://blog.youkuaiyun.com/someWhere_weMeet/article/details/92597262</guid><author>someWhere_weMeet</author><pubDate>Mon, 17 Jun 2019 12:23:03 +0800</pubDate><description><![CDATA[因为vue推荐了原生js方法，所以一直在补基础，久了易忘。es6也有去重的方式，只是还不太习惯，有需要的可以查看这里es6语法。


var arr1 = ['1', '2', '3', '2', 'b', 'c', 'c', '3', 'c']

  function distinct(str) {
    var arr2 = [] // 空数组存放去重的
    for (var i = 0...]]></description><category></category></item></channel></rss>