<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[shadow_yn的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/shadow_yn</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; shadow_yn]]></copyright><item><title><![CDATA[Array系列之from()，of()]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/51183488</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/51183488</guid><author>shadow_yn</author><pubDate>Mon, 18 Apr 2016 23:15:02 +0800</pubDate><description><![CDATA[一、from概述 
    Array.from()方法是ES6中新增加的数组方法，它可以将一个类数组对象或可迭代对象转换成真正的数组。 
    在 ES6 中， Class 语法允许我们为内置类型（比如 Array）和自定义类新建子类（比如叫 SubArray），子类会继承父类的静态方法，比如 SubArray.from()，调用该方法后会返回子类 SubArray 的一个实例，而不是 Arra]]></description><category></category></item><item><title><![CDATA[获取元素CSS值getComputedStyle()]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/51160913</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/51160913</guid><author>shadow_yn</author><pubDate>Fri, 15 Apr 2016 16:18:51 +0800</pubDate><description><![CDATA[一、getComputedStyle是what？ 
话说我最近正在看原生代码的时候，碰到了个眼熟的（我最近眼热，看碎都是熟的），虽说知道他的用法和功能，但是一直没有往深处了解下，所以就到标准上看了下简介This method is used to get the computed style as it is defined in [CSS2]
getComputedStyle()是获取当前元素所有]]></description><category></category></item><item><title><![CDATA[CanvasRenderingContext2D.createPattern()]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/50944818</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/50944818</guid><author>shadow_yn</author><pubDate>Mon, 21 Mar 2016 11:42:16 +0800</pubDate><description><![CDATA[createPattern()方法是为元素在指定的方向上设置重复模式的方法，（通俗些讲就是在画布中设置元素的平铺模式），此方法返回一个CanvasPattern对象，语法如下：ctx.createPattern(image, repetition);image：  做为重复图像源的 CanvasImageSource 对象。可以是下列之一： 
 1. HTMLImageElement (), 
 2]]></description><category></category></item><item><title><![CDATA[Element.insertAdjacentHTML(position, text)]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/50792283</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/50792283</guid><author>shadow_yn</author><pubDate>Thu, 03 Mar 2016 22:39:12 +0800</pubDate><description><![CDATA[insertAdjacentHTML()方法是将制定的文本（text）解析为HTXL或者XML后插入到制定的位置（position）处，而且不会影响到Element内部已经存在的节点语法：Element.insertAdjacentHTML(position, text) 
其中position的值是相对于element来说的，并且有且只有以下几种情况：
beforebegin  在element元]]></description><category></category></item><item><title><![CDATA[spin]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/50340985</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/50340985</guid><author>shadow_yn</author><pubDate>Thu, 17 Dec 2015 14:11:12 +0800</pubDate><description><![CDATA[<!DOCTYPE HTML>
<html lang="utf-8">
    <head>
    <title>cehis</title>
    <meta http-equiv="Content-type" content="text/html; utf-8">
    <style type="text/css">
        body {
            font-size:]]></description><category></category></item><item><title><![CDATA[多重边框]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/50327425</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/50327425</guid><author>shadow_yn</author><pubDate>Wed, 16 Dec 2015 15:11:21 +0800</pubDate><description><![CDATA[问题Backgrounds & Borders Level 3 还是一份草案的时候，CSS WG 就在是否支持多重边框的问题进行了大量的探讨，就像是讨论多重背景图片一样。不幸的是，当时认为多重边框的用处并不大，即使需要也可以使用border-image属性来模拟。不过，WG显然忘记了在 CSS 代码中灵活地调整边框，才是我们需要的，现在开发者只能使用一些Hack手段来模拟多重边框，比如使用多重元素的]]></description><category></category></item><item><title><![CDATA[CSS Object Model View整理]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/50301379</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/50301379</guid><author>shadow_yn</author><pubDate>Tue, 15 Dec 2015 23:13:49 +0800</pubDate><description><![CDATA[一、window view properties(窗口属性) 
    innerWidth 和 innerHeight 
    outerWidth 和 outerHeight 
    pageXOffset 和 pageYOffset 
    screenX 和 screenY1、innerWidth、innerHeight window内部的宽度和高度，不包括菜单栏、工具栏以及滚动条等的]]></description><category></category></item><item><title><![CDATA[ie开发者工具]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/50242261</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/50242261</guid><author>shadow_yn</author><pubDate>Mon, 14 Dec 2015 21:57:00 +0800</pubDate><description><![CDATA[今天把ie浏览器从9升级到了11，却发现f12后开发者工具出错不能使用 
 
在网上查找了下原因，需要下载一个补丁IE11-Windows6.1-KB3008923-x64.msu（我的是64位） 
问题解决，熟悉下ie11的开发者工具带来的全新体验 
1、DOM资源管理器 
 
“DOM 资源管理器”工具将向你显示网页的集成结构，并允许你无需编辑页面的源文件，即可更改样式、移动 HTML 元素，以]]></description><category></category></item><item><title><![CDATA[安装spm时phantomjs安装失败的解决方案]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/48339655</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/48339655</guid><author>shadow_yn</author><pubDate>Thu, 10 Sep 2015 11:07:17 +0800</pubDate><description><![CDATA[最近公司准备使用seajs进行开发，在安装spm时，出现了一个报错 
    
   这个错是因为网络原因，结果我将proxy修改了值，翻墙后也不知道是因为公司网速的原因还是其他原因，结果还是同样的错误，只好直接将phantomjs下载下来放置到c:user\AppData\Local\Temp\phantomjs目录下，执行npm install spm -g ,安装成功： 
    
   分享]]></description><category></category></item><item><title><![CDATA[jQuery选择器和JS选择器]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/47080441</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/47080441</guid><author>shadow_yn</author><pubDate>Mon, 27 Jul 2015 10:48:27 +0800</pubDate><description><![CDATA[jQuery选择器： 
jQuery选择器的写法和CSS选择器的写法非常相似，在学习之前了解下CSS选择器，对掌握jQuery选择器是非常有帮助的(一) 基本选择器：主要包含id选择器、class选择器、*选择器、标签选择器以及复合选择器a:  Id选择器：$(“#ID”)  选取id属性为“ID”的元素$("#text")  //选取id属性为“text”的元素b:class选择器：$(“.cla]]></description><category></category></item><item><title><![CDATA[JavaScript中的本地对象、内置对象、宿主对象]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/47037505</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/47037505</guid><author>shadow_yn</author><pubDate>Fri, 24 Jul 2015 14:05:39 +0800</pubDate><description><![CDATA[本地对象：ECMA-262把本地对象（native object）定义为“独立于宿主环境的ECMAScript实现提供的对象”，即本地对象是由ECMA-262定义的类（引用类型）：Object  Function  Array  String  Boolean  Number  Date  RegExp Error EvalError  RangeError  ReferenceError  Syn]]></description><category></category></item><item><title><![CDATA[JSON.parse()与JSON.stringify()  （浏览器兼容性：IE8以上、Chrome、Firefox3.5、Opera10.5、Safari4.0）]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/46915703</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/46915703</guid><author>shadow_yn</author><pubDate>Thu, 16 Jul 2015 18:15:39 +0800</pubDate><description><![CDATA[JSON.parse():将JavaScript对象表示法（JSON）字符串转换为对象（不允许以逗号结束），格式为：JSON.parse(string[,reviver])
//string:必需的，要进行解析的有效的JSON字符串
//reviver：可选，用来转换解析出的属性值的函数
//返回值为一个从string字符串中解析出的对象或者数组一个简单的实例如下：var str = '{"name]]></description><category></category></item><item><title><![CDATA[与事件处理相关的function：addEventListener、removeEventListener与attachEvent、detachEvent]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/46880709</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/46880709</guid><author>shadow_yn</author><pubDate>Tue, 14 Jul 2015 17:07:56 +0800</pubDate><description><![CDATA[addEventListener、removeEventListener与attachEvent、detachEvent，前者大部分主流浏览器都支持，为W3C标准，IE8以及更早版本不支持，后者支持IE浏览器addEventListener向指定元素添加事件句柄，语法为：ele.addEventListener(event,function,usecapture)event：事件名称（不含on）比如]]></description><category></category></item><item><title><![CDATA[CSS选择器整理2]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/46597625</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/46597625</guid><author>shadow_yn</author><pubDate>Mon, 22 Jun 2015 23:28:17 +0800</pubDate><description><![CDATA[5、    选择器之间的优先级：a)  一般而言，选择器指向越精确，优先级就越高，通常情况下：元素选择器<类选择器<ID选择器<行内样式<!important属性选择器、伪类选择器和类选择器优先级一样，伪元素选择器和元素选择器一样b)  CSS遵循继承原则（如果父标签定义了某个样式，则默认对应的子标签也应用该样式）和就近原则（离标签越近的CSS同级样式，优先级也越高）CSS的层叠与继承 
1、  C]]></description><category></category></item><item><title><![CDATA[CSS选择器整理]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/46597297</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/46597297</guid><author>shadow_yn</author><pubDate>Mon, 22 Jun 2015 22:57:58 +0800</pubDate><description><![CDATA[1、    常用选择器a)  元素选择器（简单选择器/类型选择器）：匹配特定标签的元素，格式为 标签 { …样式…}，例如：
        p{color:red;}
        h1{font-weight:bold;}b)  后代选择器：匹配特定元素或者元素组的后代，格式为 标签 后代{ …样式…}，例如：
        div p{color:red:}
        ul li{f]]></description><category></category></item><item><title><![CDATA[标签语义化以及使用好处]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/46597065</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/46597065</guid><author>shadow_yn</author><pubDate>Mon, 22 Jun 2015 22:47:16 +0800</pubDate><description><![CDATA[这个是我在年初面试的时候被问答的一个问题，当时回答的很一般，自己了解的不是很透彻，所以回来后就在网上查找看下所谓的“标准答案”，然后按照自己的思路总结整理了一下。
一个网页相当于一个画中的数，html结构相当于这个数的枝干，而标签则是这个枝干上的果实叶子，css则是颜料，用来装饰这幅画的整体风格，HTML标签语义化相当于将果实和叶子用不同语义的标签将它们区分开来，让别人在看这幅画的时候，一眼能够明白]]></description><category></category></item><item><title><![CDATA[doctype 怪异模式和标准模式]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/46508731</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/46508731</guid><author>shadow_yn</author><pubDate>Mon, 15 Jun 2015 22:07:53 +0800</pubDate><description><![CDATA[1、Doctype？ 
    Doctype是一种标准通用的文档类型声明，它必须出现在文件的第一行，目的是告诉浏览器使用什么样的文档类型定义（DTD）来解析文档。 
它不是HTML标签，它是指示web浏览器文档关于页面使用哪个HTML版本规范进行编写的指令。]]></description><category></category></item><item><title><![CDATA[jQuery中html()、val()、text()的区别; javascript中innerHTMl、innerText、outHTML的区别]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/46402991</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/46402991</guid><author>shadow_yn</author><pubDate>Sun, 07 Jun 2015 19:12:15 +0800</pubDate><description><![CDATA[jQuery中html()、val()、text()的区别; javascript中innerHTMl、innerText、outHTML的区别]]></description><category></category></item><item><title><![CDATA[三列中间自适应排版 兼容ie6]]></title><link>https://blog.youkuaiyun.com/shadow_yn/article/details/45650043</link><guid>https://blog.youkuaiyun.com/shadow_yn/article/details/45650043</guid><author>shadow_yn</author><pubDate>Mon, 11 May 2015 22:04:25 +0800</pubDate><description><![CDATA[学习js

#div1{
width: 100px;
float: left;
margin: 0;
padding: 0;
height: 400px;
background: #dffeee;
_margin-right:-3px;
}
#div2{
width: 100px;
float: right;
margin: 0;
padding: 0;
backg]]></description><category></category></item></channel></rss>