<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/dilungui5322</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; dilungui5322]]></copyright><item><title><![CDATA[html中 alt 和 title 的区别]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109360</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109360</guid><author>dilungui5322</author><pubDate>Fri, 28 Jul 2017 11:02:00 +0800</pubDate><description><![CDATA[alt 用来给图片来提示的（图片载入失败时以文本形式提示）。
Title用来给链接文字或普通文字提示的（在鼠标放上去的时候就会提示）。

转载于:https://www.cnblogs.com/YYvam1288/p/7249109.html...]]></description><category></category></item><item><title><![CDATA[一些移动端会用到的单位]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109358</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109358</guid><author>dilungui5322</author><pubDate>Fri, 28 Jul 2017 09:58:00 +0800</pubDate><description><![CDATA[单位介绍
说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmin和vmax、ch和ex等等，那现在对这些单位分别做一下详细的介绍吧。
em
做前端...]]></description><category></category></item><item><title><![CDATA[使用rem单位的问题——Google下字体很大]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109362</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109362</guid><author>dilungui5322</author><pubDate>Fri, 28 Jul 2017 09:27:00 +0800</pubDate><description><![CDATA[rem的看法
rem单位确实好处蛮多的，它是相对于根节点，让我们整个网站单位可以统一。还可以让我们的字体更好的自适应网站的大小。但是，你用过了就知道，它会出现一个问题：
用Chrome浏览器打开你做的网站的时候，有时候会出现字体很大的情况。但是刷新一下页面就好了。
之所以会出现这种情况，原因是因为我们为了计算方便，将原本默认1rem=16px修改1rem=10px。因此，我们在ht...]]></description><category></category></item><item><title><![CDATA[rem单位怎么使用]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109356</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109356</guid><author>dilungui5322</author><pubDate>Thu, 27 Jul 2017 18:18:00 +0800</pubDate><description><![CDATA[rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。
rem是什么？
rem（fontsizeoftherootelement）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想...]]></description><category></category></item><item><title><![CDATA[JS获取url地址栏参数]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109361</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109361</guid><author>dilungui5322</author><pubDate>Mon, 24 Jul 2017 17:29:00 +0800</pubDate><description><![CDATA[window.onload = function(){
    //获取url中的参数
    function getUrlParam(name) {
        var reg = new RegExp("(^|&amp;)" + name + "=([^&amp;]*)(&amp;|$)"); //构造一个含有目标参数的正则表达式对象
        var ...]]></description><category></category></item><item><title><![CDATA[window.location 对象所包含的属性]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109359</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109359</guid><author>dilungui5322</author><pubDate>Wed, 19 Jul 2017 11:10:00 +0800</pubDate><description><![CDATA[window.location 对象所包含的属性



属性描述

hash
从井号 (#) 开始的 URL（锚）


host
主机名和当前 URL 的端口号


hostname
当前 URL 的主机名


href
完整的 URL


pathname
当前 URL 的路径部分


port
当前 URL 的端口号


...]]></description><category></category></item><item><title><![CDATA[正则表达式]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109354</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109354</guid><author>dilungui5322</author><pubDate>Wed, 19 Jul 2017 10:45:00 +0800</pubDate><description><![CDATA[符号的作用



符号  
描述


^  

^在[]内，匹配非。
^在[]外，匹配开头。



$  
匹配结尾


.  
匹配任意字符（除了\r\n）


|      
或


\?
只匹配字符 ?


\.
只匹配字符 .


\
如上在正则里由特殊意义的字符（元字符），如...]]></description><category></category></item><item><title><![CDATA[currentStyle、getComputedStyle 获取样式]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109357</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109357</guid><author>dilungui5322</author><pubDate>Wed, 12 Jul 2017 16:39:00 +0800</pubDate><description><![CDATA[style.height 获取的是行间的样式
currentStyle.height、getComputedStyle(elem,null).height获取的是 div 的 content 的宽高，
clientHeight 获取的是 content+padding，
offsetHeight 获取的是content+padding+border。

&lt;script&...]]></description><category></category></item><item><title><![CDATA[垂直居中问题不只有 line-height 可以解决，还有一个哥们叫 margin-top]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109355</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109355</guid><author>dilungui5322</author><pubDate>Wed, 12 Jul 2017 14:15:00 +0800</pubDate><description><![CDATA[我们都知道，对于一行文本的垂直居中可以通过设置 height 与 line-height 值相等来实现。
那么对于两个嵌套的div ，或者一个div中的多行文本，怎么让被包含的部分实现垂直居中呢？显然，通过 line-height 没法实现。
其实，实现原理就是用外层div的高度减去内层 div 的高度，除以2之后，给内层div设置margin-top值就可以了。
假如页面上内层d...]]></description><category></category></item><item><title><![CDATA[IE678下，select 诡异的样式]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109353</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109353</guid><author>dilungui5322</author><pubDate>Tue, 11 Jul 2017 14:34:00 +0800</pubDate><description><![CDATA[我没有IE6，我用IE5测试的。
IE5下的测试结果：貌似只能设置 width ，设置其他的都失效，连 height 都不例外。


IE7下的测试结果：垂直居中失效、边框失效，宽高生效。


IE8下的测试结果：垂直居中失效、边框生效、宽高生效。与其他元素不能同行显示。


IE910的测试结果：


标准浏览器的测试结果：因为样式可以改，所以改成了跟...]]></description><category></category></item><item><title><![CDATA[页面刷新跳转后，导航栏高亮显示跳转前的点击位置]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109351</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109351</guid><author>dilungui5322</author><pubDate>Tue, 11 Jul 2017 10:33:00 +0800</pubDate><description><![CDATA[需求：比如有一个二级或三四级的菜单栏，页面不跳转时实现高亮显示是很容易的，网上有很多这样的素材。但是页面一跳转，新页面可就记不住你在上一个页面点击的位置了，也就不可能高亮显示。并且很多时候，跳转后的页面菜单栏是后台动态生成的，也就是菜单栏栏目不固定，那么就不可能给菜单栏高亮效果写死。不知道这个事利用前后台交互去做会不会容易点，但是现在是要用纯前台实现。

实现原理一：这时候必须找个...]]></description><category></category></item><item><title><![CDATA[a标签的 onclick 和 href 哪个先执行？]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109349</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109349</guid><author>dilungui5322</author><pubDate>Tue, 11 Jul 2017 09:20:00 +0800</pubDate><description><![CDATA[以下这种写法，onclick 事件先执行， href 属性下的动作后执行（页面跳转或 javascript 伪链接），如果不想执行 href 属性下的动作，onclick 需要返回 false。

&lt;a href="https://www.baidu.com/" onclick="doSomething()"&gt;链接&lt;/a&gt;

这种写法我在写侧边导航栏的时...]]></description><category></category></item><item><title><![CDATA[IE678910不兼容H5的placeholder属性，需要JS解决]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109347</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109347</guid><author>dilungui5322</author><pubDate>Mon, 10 Jul 2017 14:08:00 +0800</pubDate><description><![CDATA[两种方法的思路
一、使用input的value作为显示文本
二、不使用value，添加一个额外的span标签，绝对定位覆盖到input上面。
两种方式各有优缺点，方法一占用了input的value属性，表单提交时需要一些额外的判断工作，方法二则使用了多余的标签。

placeholder=function(input){
    var text=input.getAttri...]]></description><category></category></item><item><title><![CDATA[IE7不兼容slideDown()]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109352</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109352</guid><author>dilungui5322</author><pubDate>Mon, 10 Jul 2017 14:00:00 +0800</pubDate><description><![CDATA[IE7下，使用slideDown()方法，可能出现以下两种问题：
一、下拉动画变形，最终定格时正常
二、下拉动画正常，最终定格时消失

转载于:https://www.cnblogs.com/YYvam1288/p/7145475.html...]]></description><category></category></item><item><title><![CDATA[阻止事件的默认行为，例如click <a>后的跳转~]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109345</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109345</guid><author>dilungui5322</author><pubDate>Mon, 10 Jul 2017 11:10:00 +0800</pubDate><description><![CDATA[在W3C中，使用preventDefault()方法；
在IE中，使用window.event.returnValue = false。

转载于:https://www.cnblogs.com/YYvam1288/p/7144808.html]]></description><category></category></item><item><title><![CDATA[阻止事件冒泡]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109342</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109342</guid><author>dilungui5322</author><pubDate>Mon, 10 Jul 2017 10:03:00 +0800</pubDate><description><![CDATA[什么是事件冒泡？
事件冒泡的过程：事件从发生的目标开始，沿着文档逐层向上冒泡（传播），到document为止（有些浏览器是window）。
这会触发父级元素的事件处理程序~~

事件的传播是可以阻止的？
在W3C中，使用stopPropagation()方法；
在IE下，设置cancelBubble = true。
【代码】

function stopBubble(...]]></description><category></category></item><item><title><![CDATA[IE67不兼容display:inline-block，CSS hack解决]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109340</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109340</guid><author>dilungui5322</author><pubDate>Wed, 05 Jul 2017 15:27:00 +0800</pubDate><description><![CDATA[追加以下代码：*display:inline、*zoom:1

span {display:inline-block; *display:inline; *zoom:1;}

块元素变为内联块， IE67不兼容；内联元素变为内联块，所有浏览器都支持
发现问题：当然，变为内联块后，有一个特性就是如果元素换行，在页面上元素之间就会有空隙的，空隙大小为一个空格的像素大小。


转...]]></description><category></category></item><item><title><![CDATA[IE678不兼容CSS3 user-select:none（不可复制功能），需要JS解决]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109338</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109338</guid><author>dilungui5322</author><pubDate>Wed, 05 Jul 2017 14:07:00 +0800</pubDate><description><![CDATA[【方法一：CSS3实现文本不可复制】

.content {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;}
/*然而不兼容IE678*/


【方法二：JS实现文本不可复制】

document.getElementById('').ons...]]></description><category></category></item><item><title><![CDATA[JS数组常用方法总结]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109337</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109337</guid><author>dilungui5322</author><pubDate>Sat, 10 Jun 2017 18:09:00 +0800</pubDate><description><![CDATA[1、给数组添加元素

arr.push( value1, value2, ..., valueN );　　   // 末尾添加元素，返回值：新数组长度

arr.unshift( value1, value2, ..., valueN );　　// 开头添加元素，返回值：新数组长度


2、给数组删除元素

arr.pop();　　  // 末尾删除1个元素，返回值：...]]></description><category></category></item><item><title><![CDATA[json 只能用 for-in 遍历]]></title><link>https://blog.youkuaiyun.com/dilungui5322/article/details/102109350</link><guid>https://blog.youkuaiyun.com/dilungui5322/article/details/102109350</guid><author>dilungui5322</author><pubDate>Sat, 10 Jun 2017 13:58:00 +0800</pubDate><description><![CDATA[【JS】

var json1 = { 'name' : 'yy' , 'age' : 11 , 'fun' : '前端开发' };
for( var attr in json1 )
{
　　alert( attr + ' : ' + json1[attr] );  
　　// 注意这里访问不能用.访问，也不能加引号，否则就代表访问的是json里面名称为attr的值了
} ...]]></description><category></category></item></channel></rss>