<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[a97156000的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/a97156000</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; a97156000]]></copyright><item><title><![CDATA[苹果手机上input的button按钮颜色显示问题]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896066</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896066</guid><author>a97156000</author><pubDate>Mon, 17 Sep 2018 15:42:00 +0800</pubDate><description><![CDATA[在苹果手机上的input按钮自带效果，需要加上outline:0px; -webkit-appearance:none; 清除原有样式，同时苹果手机上的input按钮自带圆角需要按需要去掉


input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-ap...]]></description><category></category></item><item><title><![CDATA[页面禁止刷新处理Js实现]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896067</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896067</guid><author>a97156000</author><pubDate>Fri, 14 Sep 2018 13:25:00 +0800</pubDate><description><![CDATA[document.onkeydown = function(e) {
        e = window.event || e;
        var k = e.keyCode;
        //屏蔽ctrl+R，F5键，ctrl+F5键  F3键！验证
        if ((e.ctrlKey == true &amp;&amp; k == 82)...]]></description><category></category></item><item><title><![CDATA[JS数据容量单位转换(kb,mb,gb,tb)]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896063</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896063</guid><author>a97156000</author><pubDate>Mon, 03 Sep 2018 11:50:00 +0800</pubDate><description><![CDATA[JS代码如下：

var size = '8164674';
function bytesToSize(bytes) {
    if (bytes === 0) return '0 B';
    var k = 1000, // or 1024
        sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', ...]]></description><category></category></item><item><title><![CDATA[input样式去掉苹果手机的默认样式]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896065</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896065</guid><author>a97156000</author><pubDate>Mon, 20 Aug 2018 13:24:00 +0800</pubDate><description><![CDATA[/*&lt;!----&gt;去掉苹果短的样式*/
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}



转载于:https://ww...]]></description><category></category></item><item><title><![CDATA[设置获取data-*属性值]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896062</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896062</guid><author>a97156000</author><pubDate>Wed, 15 Aug 2018 10:23:00 +0800</pubDate><description><![CDATA[html代码如下：

&lt;div id="getId" data-id="122" data-vice-id="11"&gt;获取id&lt;/div &gt;

需要获取的就是data-id和dtat-vice-id的值

一：getAttribute()方法

const getId = document.getElementById('getId');
...]]></description><category></category></item><item><title><![CDATA[取消按钮在移动端点击时的背景颜色]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896064</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896064</guid><author>a97156000</author><pubDate>Wed, 15 Aug 2018 09:57:00 +0800</pubDate><description><![CDATA[一、取消a标签在移动端点击时的蓝色

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;


二、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会...]]></description><category></category></item><item><title><![CDATA[&#65279; 非法字符 原因 以及解决办法]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896060</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896060</guid><author>a97156000</author><pubDate>Wed, 15 Aug 2018 09:23:00 +0800</pubDate><description><![CDATA[原因：
模板文件生成html文件之后会在body开头处加入一个可见的控制符&amp;#65279，导致页面头部会出现一个空白行。原因是页面的编码是UTF-8 + BOM。
这种编码方式一般会在windows操作系统中出现，比如WINDOWS自带的记事本等软件，在保存一个以UTF-8编码的文件时，会在文件开始的地方插入三个不可见的字符（0xEF 0xBB 0xBF，即BOM）。它是一串...]]></description><category></category></item><item><title><![CDATA[JS常用正则表达式验证]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896061</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896061</guid><author>a97156000</author><pubDate>Fri, 10 Aug 2018 16:39:00 +0800</pubDate><description><![CDATA[一、电话+手机
重点是正则表达式：

1 var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;

表达式的意思是：
1--以1为开头；
2--第二位可为3,4,5,7,8,中的任意一位；
3--最后以0-9的9个整数结尾。

 1 // 判断是否为手机号
 2 let  isPoneAvailable = (pone) =&gt; {
 3 ...]]></description><category></category></item><item><title><![CDATA[解决IOS把数字渲染为电话号码，颜色为蓝色解决方案]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896058</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896058</guid><author>a97156000</author><pubDate>Thu, 09 Aug 2018 17:45:00 +0800</pubDate><description><![CDATA[禁止渲染，在头部添加

1 &lt;meta name="format-detection" content="telephone=no"&gt;



转载于:https://www.cnblogs.com/jialinG/p/9450541.html]]></description><category></category></item><item><title><![CDATA[JS获取URL指定的参数值]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896059</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896059</guid><author>a97156000</author><pubDate>Wed, 01 Aug 2018 14:40:00 +0800</pubDate><description><![CDATA[1 function GetUrlValue(name) {
2     var reg = new RegExp("(^|&amp;)" + name + "=([^&amp;]*)(&amp;|$)");
3     var r = window.location.search.substr(1).match(reg);
4     if (r != null) re...]]></description><category></category></item><item><title><![CDATA[placeholder属性 样式修改(颜色,大小,位置)]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896056</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896056</guid><author>a97156000</author><pubDate>Mon, 30 Jul 2018 16:20:00 +0800</pubDate><description><![CDATA[1 input::-webkit-input-placeholder{ color:red; }  /* WebKit, Blink, Edge */
2 input::-moz-placeholder{  color:red; }          /* Mozilla Firefox 19+ */
3 input:-moz-placeholder{ color:red;...]]></description><category></category></item><item><title><![CDATA[CSS——小三角带边框带阴影]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896057</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896057</guid><author>a97156000</author><pubDate>Mon, 30 Jul 2018 12:35:00 +0800</pubDate><description><![CDATA[乍一看，很简单，做小三角，首先想到的是利用border的transparent特性，可以制作出小三角的效果。但是注意，这个小三角本身就是边框制作出来的。怎么能在小三角的外边再加一层小边框呢。那就必须再叠加一层一样的东西，让两者有1px的错位。问题就解决了。不想在页面添加多余的无意义的标签，还想实现这个效果。首先想到的就是用元素的伪类来实现。

首先想到的是给小三角加一个box-sh...]]></description><category></category></item><item><title><![CDATA[HTML+JS中网页跳转的写法]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896054</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896054</guid><author>a97156000</author><pubDate>Fri, 27 Jul 2018 14:34:00 +0800</pubDate><description><![CDATA[1、html中使用meta中跳转，通过meta可以设置跳转时间和页面

&lt;head&gt;
    &lt;!--只是刷新不跳转到其他页面 --&gt;
    &lt;meta http-equiv="refresh" content="5"&gt;
    &lt;!--定时转到其他页面 --&gt;
    &lt;meta http-equiv="refresh...]]></description><category></category></item><item><title><![CDATA[判断是否是移动设备]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896055</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896055</guid><author>a97156000</author><pubDate>Fri, 27 Jul 2018 14:19:00 +0800</pubDate><description><![CDATA[通过user-agent值，来进行判断。使用javascript框架中的Navigator对象的userAgent属性。


/**
* 判断是否是pc设备
*/
function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = ["Android", "iPhone","SymbianOS"...]]></description><category></category></item><item><title><![CDATA[JS中包含6种错误类型]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896052</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896052</guid><author>a97156000</author><pubDate>Tue, 28 Nov 2017 11:49:00 +0800</pubDate><description><![CDATA[1、SyntaxError（语法错误）
解析代码时发生的语法错误
eg:var 1a;
　　Uncaught SyntaxError: Unexpected number

2、ReferenceError（引用错误）
a.引用了一个不存在的变量
eg: console.log(a);
　　Uncaught ReferenceError: a is not define...]]></description><category></category></item><item><title><![CDATA[webstorm主题更换和webstorm汉化]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896053</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896053</guid><author>a97156000</author><pubDate>Thu, 23 Nov 2017 13:24:00 +0800</pubDate><description><![CDATA[主题更换方式一
主题类型：*.jar
在webstorm程序中选择 ： 菜单栏 File -&gt; Setting -&gt;Import Settings 选中下载的.jar文件



主题更换方式二
主题类型：*.icls
将主题包放入下列目录 C:\Users\Administrator\.WebStorm2016.3\config\colors目录即可，然...]]></description><category></category></item><item><title><![CDATA[git学习]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896050</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896050</guid><author>a97156000</author><pubDate>Thu, 23 Nov 2017 10:59:00 +0800</pubDate><description><![CDATA[1、git是通过维护3棵树实现版本控制三棵树分别是工作区域、暂存区域、git仓库

2、git的工作流程




回到过去


命令






版本对比



修改最后一次提交、删除文件和重命名文件






转载于:https://www.cnblogs.com/jialinG/p/7883756.html...]]></description><category></category></item><item><title><![CDATA[git命令]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896051</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896051</guid><author>a97156000</author><pubDate>Wed, 22 Nov 2017 18:26:00 +0800</pubDate><description><![CDATA[一、 Git 命令初识
在正式介绍Git命令之前，先介绍一下Git 的基本命令和操作，对Git命令有一个总体的认识
示例：从Git 版本库的初始化，通常有两种方式：
1）git clone
这是一种较为简单的初始化方式，当你已经有一个远程的Git版本库，只需要在本地克隆一份
例如：git clone git://github.com/someone/some_project...]]></description><category></category></item><item><title><![CDATA[父页面和iframe之间的通信（操作和传值问题）]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896048</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896048</guid><author>a97156000</author><pubDate>Wed, 22 Nov 2017 17:59:00 +0800</pubDate><description><![CDATA[一、jq实现iframe父页面与子页面传值与方法调用
1、值操作
（1）父页面获取子页面的值

　　$('iframe的id').contents().find(子页面的id).text();

（2）子页面获取父页面的值

　　$("父页面id",window.parent.document).html();

2、方法操作

（1）父页面调用子页面的...]]></description><category></category></item><item><title><![CDATA[文本跟随鼠标并且显示x轴和y轴位置]]></title><link>https://blog.youkuaiyun.com/a97156000/article/details/101896049</link><guid>https://blog.youkuaiyun.com/a97156000/article/details/101896049</guid><author>a97156000</author><pubDate>Wed, 22 Nov 2017 17:47:00 +0800</pubDate><description><![CDATA[一、文本跟随鼠标并且显示x轴和y轴位置
代码如下：

window.onload=function(){
        var mydiv = document.createElement("div");
        mydiv.setAttribute("id","hint");
        mydiv.style.position="absolute";
  ...]]></description><category></category></item></channel></rss>