<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[panling_dml的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/panling_dml</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; panling_dml]]></copyright><item><title><![CDATA[arraybuffer转图片]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/109675713</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/109675713</guid><author>panling_dml</author><pubDate>Fri, 13 Nov 2020 15:23:07 +0800</pubDate><description><![CDATA[当后台以arraybuffer返回数据时，转换成图片


var binary = "";
var bytes = new Uint8Array(res.data);
var len = bytes.byteLength;
for (var i = 0; i &lt; len; i++) {
  binary += String.fromCharCode(bytes[i]);
}
var base64 = `data:image/png;base64,${window.btoa(binary)}`


..]]></description><category></category></item><item><title><![CDATA[适配处理iphoneX底部的横条]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/108322977</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/108322977</guid><author>panling_dml</author><pubDate>Mon, 31 Aug 2020 15:56:01 +0800</pubDate><description><![CDATA[iphoneX手机取消了实体Home键，取而代之的是主界面底部不显眼的横条“HomeIndicator”。当网页底部fixed 元素时候，一部分元素可能就被这个横条遮挡住，怎么适配解决呢？

第一步：

　　　　&lt;meta name=“viewport” content=“width=device-width, viewport-fit=cover”&gt;

　　第二步：

　　　　页面主体内容限定在安全区域内,如果不设置这个值，可能存在小黑条遮挡页面最底部内容的情况

　　　　body { pa.]]></description><category></category></item><item><title><![CDATA[前端拼图滑动验证，兼容IE10 IE11]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/103877158</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/103877158</guid><author>panling_dml</author><pubDate>Tue, 07 Jan 2020 16:39:00 +0800</pubDate><description><![CDATA[源码摘自https://www.cnblogs.com/huangting/p/11285131.html

源码用ES6写的，不兼容IE10，自己做了改动，改动后亲测兼容IE11,IE10

先上图



再上代码

css


.block {
      position: absolute;
      left: 0;
      top: 0;
    }

    .sliderCo...]]></description><category></category></item><item><title><![CDATA[关于transition max-height]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/86504113</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/86504113</guid><author>panling_dml</author><pubDate>Wed, 16 Jan 2019 11:00:28 +0800</pubDate><description><![CDATA[今天做项目用到max-height触发动画，是有个二级菜单展开收缩，由于不想计算高度所以用的max-height,然后就发现展开的时候是及时的，但是收缩会等待别的展开后才收，效果不是很好，找不到原因，改为height后是同时进行的，在此记录下...]]></description><category></category></item><item><title><![CDATA[vue-cli 背景图片、-webkit-box-orient: vertical打包后丢失问题]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/80937099</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/80937099</guid><author>panling_dml</author><pubDate>Fri, 06 Jul 2018 10:29:52 +0800</pubDate><description><![CDATA[背景图片需更改build/utils.js文件，添加publicPath: '../../'if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath: '../../',
        fallback: 'vue-style-loader'
 ...]]></description><category></category></item><item><title><![CDATA[解决vue-cli打包时背景图片丢失问题]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/80089465</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/80089465</guid><author>panling_dml</author><pubDate>Thu, 26 Apr 2018 09:53:08 +0800</pubDate><description><![CDATA[需要更改build/utils.js的配置，如图至于为什么背景图有的打包后存在，有的丢失，那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了，直接引，而背景图片里用的是相对路径最后会直接替换成static，但是明显路径会有问题，所以得配置下...]]></description><category></category></item><item><title><![CDATA[webstorm 上通过babel将es6转es5]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/79040740</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/79040740</guid><author>panling_dml</author><pubDate>Fri, 12 Jan 2018 09:56:42 +0800</pubDate><description><![CDATA[webstorm 上通过babel将es6转es5
反正我是成功了]]></description><category></category></item><item><title><![CDATA[页面中有iframe会被撑高]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/78520783</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/78520783</guid><author>panling_dml</author><pubDate>Mon, 13 Nov 2017 15:26:51 +0800</pubDate><description><![CDATA[今天做的网页发现，iframe宽高是100%时，布局会被撑高一点距离，找半天不知道这点距离是怎么出来的，margin、padding都设为0，没用，后来上网搜了下，有一样困扰的同学，然后他找出原因了，把改为就可以了，试了下，果然靠谱！]]></description><category></category></item><item><title><![CDATA[JVectorMap插件使用]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/78500410</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/78500410</guid><author>panling_dml</author><pubDate>Fri, 10 Nov 2017 15:37:52 +0800</pubDate><description><![CDATA[靠谱链接参数中文文档    
使用步骤]]></description><category></category></item><item><title><![CDATA[IE11下，<!doctype>声明加html不能加载css的问题]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/78486119</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/78486119</guid><author>panling_dml</author><pubDate>Thu, 09 Nov 2017 10:05:27 +0800</pubDate><description><![CDATA[系统版本win10,在html中头部声明,IE11下不能加载css，搜了下，是注册表的问题。
把 HKEY_CLASSES_ROOT →.css → content type 数据改为text/css就OK了，原来的值是application/x-css]]></description><category></category></item><item><title><![CDATA[html5shiv.js和respond.min.js]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/78481247</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/78481247</guid><author>panling_dml</author><pubDate>Wed, 08 Nov 2017 17:34:24 +0800</pubDate><description><![CDATA[html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。
respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，故这两种方案还是需要的，
下面是两个解决方法的cdn地址写法：]]></description><category></category></item><item><title><![CDATA[解决file input 选择相同文件不触发change事件]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/78467833</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/78467833</guid><author>panling_dml</author><pubDate>Tue, 07 Nov 2017 14:42:13 +0800</pubDate><description><![CDATA[今天做上传图片，图片预览功能，发现当第二次点击相同的图片时，不触发change事件，上网搜了下，可以把file input 的value清空
$('.inputImage').val('');
，之后再选择就没问题,还有种方法，reset
$("#avatorForm")[0].reset();

感谢      
帮助我的链接]]></description><category></category></item><item><title><![CDATA[css优先级]]></title><link>https://blog.youkuaiyun.com/panling_dml/article/details/78355592</link><guid>https://blog.youkuaiyun.com/panling_dml/article/details/78355592</guid><author>panling_dml</author><pubDate>Thu, 26 Oct 2017 16:37:17 +0800</pubDate><description><![CDATA[看《CSS 揭秘》一书提到不要滥用!important打补丁，如果你熟知CSS优先级的话，然后搜了下css优先级，找到了说的比较好的，记录一下。

 特指度

　　特指度（specificity）。特指度表示一个css选择器表达式的重要程度，可以通过一个公式来计算出一个数值，数越大，越重要。
　　这个计算叫做“I-C-E”计算公式，

I——Id；C——Class；E——Elemen]]></description><category></category></item></channel></rss>