<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Laputa_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Laputa_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Laputa_]]></copyright><item><title><![CDATA[“小程序”自制emoji删除按钮，删除最后一个字符]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/104806998</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/104806998</guid><author>Laputa_</author><pubDate>Wed, 11 Mar 2020 22:32:28 +0800</pubDate><description><![CDATA[本次功能：删除最尾部文本。
难点：怎么判断emoji，怎么删除最尾部。 (emoji占位符有的占2位，ios有的自带emoji占4位)
碰到问题：  重复emoji会先删除前者。
已解决： 使用slice()删除。
思路：
先把所有选中过的emoji表情入栈，包括键盘输入emoji。
（键盘输入emoji: 要进行判断本次输入的内容，做筛选后入栈。）
删除时：使用lastIndexOf()，和从...]]></description><category></category></item><item><title><![CDATA[分享：css 3D柱形旋转的小收获]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/103866325</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/103866325</guid><author>Laputa_</author><pubDate>Mon, 06 Jan 2020 23:13:17 +0800</pubDate><description><![CDATA[关于3D旋转相册元素被遮挡的问题
看图：



其中：
box样式position: relative;
每个图片都是position: absulote; top: 0; left: 0;（定位同个位置）
定位后也有显示层级，就是后添加的元素会比前面的元素层级高！
这样在3D旋转过程中，就会造成这样。（真是惨不忍睹，这不是我们要的效果）

解决问题：
最后参考了一些网友们的代码发现：
给每个im...]]></description><category></category></item><item><title><![CDATA[dom元素高度百分比实现文本垂直居中]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/103476940</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/103476940</guid><author>Laputa_</author><pubDate>Tue, 10 Dec 2019 15:57:22 +0800</pubDate><description><![CDATA[这几天项目遇到元素高度百分比，但是想让文本内容居中。踩了踩坑，特来记录下。
方法一：
display: flex;
align-items: center;

缺点：不兼容低版本ie。
方法二：
父元素：
display: table;

子元素：
display: table-cell;
vertical-align: middle;

缺点：不适用复杂的布局。

...]]></description><category></category></item><item><title><![CDATA[JS“use strict”严格模式,好处和坏处]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/103361339</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/103361339</guid><author>Laputa_</author><pubDate>Tue, 03 Dec 2019 09:30:50 +0800</pubDate><description><![CDATA[https://blog.youkuaiyun.com/weixin_40387601/article/details/80514358

]]></description><category></category></item><item><title><![CDATA[移动端H5页面禁止长按复制和去掉点击时高亮]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/103280124</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/103280124</guid><author>Laputa_</author><pubDate>Wed, 27 Nov 2019 17:34:54 +0800</pubDate><description><![CDATA[https://www.cnblogs.com/liumingwang/p/10681928.html

]]></description><category></category></item><item><title><![CDATA[jquery轻量级数字动画插件jquery.countup.js]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/103274474</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/103274474</guid><author>Laputa_</author><pubDate>Wed, 27 Nov 2019 13:52:29 +0800</pubDate><description><![CDATA[https://www.cnblogs.com/joyco773/p/9125207.html

]]></description><category></category></item><item><title><![CDATA[改变checkbox的默认样式]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/103249863</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/103249863</guid><author>Laputa_</author><pubDate>Tue, 26 Nov 2019 08:59:48 +0800</pubDate><description><![CDATA[改变checkbox的默认样式: https://www.cnblogs.com/yuanyanbk/p/8136682.html

]]></description><category></category></item><item><title><![CDATA[vue的history模式刷新页面空白解决方案]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/103125219</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/103125219</guid><author>Laputa_</author><pubDate>Mon, 18 Nov 2019 16:50:41 +0800</pubDate><description><![CDATA[前言
采坑记录，以便后面翻阅
首先你需要确认页面空白不是由资源文件路径不正确引起的，如果资源找不到就将绝对路径改为相对路劲，具体解决方案看这里：webpack–资源和css中图片引用打包为相对路径的方案
问题现象
在本地开发环境没有任何问题，路由也正常显示，但是打包并部到服务器之后，访问页面就是空白，看控制台也没有报错，当时就是懵逼状态！！
仔细想一下，history模式下就是在操作html5的h...]]></description><category></category></item><item><title><![CDATA[swiper插件基本使用]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/103036513</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/103036513</guid><author>Laputa_</author><pubDate>Tue, 12 Nov 2019 19:31:17 +0800</pubDate><description><![CDATA[今天初次使用swiper插件，由于过程有遇到许多坑(主要开始官方文档看不懂)，在这记录下。
安装：
npm install vue-awesome-swiper --save

这里是在vue里使用，用npm安装
引入：
import Vue from 'vue';
import VueAwesomeSwiper  from "vue-awesome-swiper";

import 'swipe...]]></description><category></category></item><item><title><![CDATA[关于JSON使用报错：Uncaught SyntaxError: Unexpected token]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/103012155</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/103012155</guid><author>Laputa_</author><pubDate>Mon, 11 Nov 2019 16:46:29 +0800</pubDate><description><![CDATA[今天在使用JSON+localStorage存储一些临时的数据，出现这个问题。

Uncaught SyntaxError: Unexpected token 北 in JSON at position 0

一开始没有头绪乱找了一通，后来看报错和JSON有关，于是开始排查JSON数据存储时是否没有进行转换JSON格式。
结论: 问题处于数据存储到LocalStorage时，没有转换JSON字符串...]]></description><category></category></item><item><title><![CDATA[better-scroll踩坑事件记录]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/102993970</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/102993970</guid><author>Laputa_</author><pubDate>Sun, 10 Nov 2019 01:54:44 +0800</pubDate><description><![CDATA[自打用了better-scroll插件，就遇到无数的坑，基本是无法滚动。前一个vue项目的滚动还带卡顿，给我的印象实在不好啊。（开始对它有阴影了）

所以在这个项目开始时就格外注意这个插件的使用。从一开始单独在组件里使用，到开始把它封装独立组件，终于，果不其然又出现无法滚动问题。
&lt;template&gt;
  &lt;div ref="wrapper"&gt;
    &lt;slot&...]]></description><category></category></item><item><title><![CDATA[关于Get和Post的区别]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/102737813</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/102737813</guid><author>Laputa_</author><pubDate>Fri, 25 Oct 2019 11:24:06 +0800</pubDate><description><![CDATA[前文：这几天准备面试，看了网上的一些面试心得和分享，发现了Get和Post这个知识点自己平时会用一些，但是要说出个区别和原理还是太远，在这里做个记录。

GET在浏览器回退时是无害的，而POST会再次提交请求。 GET产生的URL地址可以被Bookmark，而POST不可以。
GET请求会被浏览器主动cache，而POST不会，除非手动设置。 GET请求只能进行url编码，而POST支持多种编码方...]]></description><category></category></item><item><title><![CDATA[关于反向代理]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/102682684</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/102682684</guid><author>Laputa_</author><pubDate>Tue, 22 Oct 2019 15:03:16 +0800</pubDate><description><![CDATA[说到反向代理就先讲一下正向代理
正向代理：客户端想要访问一个服务器，但是它可能无法直接访问这台服务器，这时候这可找一台可以访问目标服务器的另外一台服务器，而这台服务器就被当做是代理人的角色 ，称之为代理服务器，于是客户端把请求发给代理服务器，由代理服务器获得目标服务器的数据并返回给客户端。客户端是清楚目标服务器的地址的，而目标服务器是不清楚来自客户端，它只知道来自哪个代理服务器，所以正向代理可以屏...]]></description><category></category></item><item><title><![CDATA[关于鼠标拖动div第二次点击无法拖拽问题]]></title><link>https://blog.youkuaiyun.com/Laputa_/article/details/90441128</link><guid>https://blog.youkuaiyun.com/Laputa_/article/details/90441128</guid><author>Laputa_</author><pubDate>Wed, 22 May 2019 11:48:41 +0800</pubDate><description><![CDATA[以下为问题代码
window.onload = drag;

function drag() {
    var box = getclassName("box")[0];
    box.style.left = 500 + "px";
    box.style.top = 200 + "px";
    box.onmousedown = moveBox;    //鼠标按下事件
}


f...]]></description><category></category></item></channel></rss>