shadow_yn-CSDN博客

原创 Array系列之from()，of()

一、from概述 Array.from()方法是ES6中新增加的数组方法，它可以将一个类数组对象或可迭代对象转换成真正的数组。在 ES6 中， Class 语法允许我们为内置类型（比如 Array）和自定义类新建子类（比如叫 SubArray），子类会继承父类的静态方法，比如 SubArray.from()，调用该方法后会返回子类 SubArray 的一个实例，而不是 Arra

2016-04-18 23:15:02 1081

原创获取元素CSS值getComputedStyle()

一、getComputedStyle是what？话说我最近正在看原生代码的时候，碰到了个眼熟的（我最近眼热，看碎都是熟的），虽说知道他的用法和功能，但是一直没有往深处了解下，所以就到标准上看了下简介This method is used to get the computed style as it is defined in [CSS2]getComputedStyle()是获取当前元素所有

2016-04-15 16:18:51 1188

原创 CanvasRenderingContext2D.createPattern()

createPattern()方法是为元素在指定的方向上设置重复模式的方法，（通俗些讲就是在画布中设置元素的平铺模式），此方法返回一个CanvasPattern对象，语法如下：ctx.createPattern(image, repetition);image：做为重复图像源的 CanvasImageSource 对象。可以是下列之一： 1. HTMLImageElement (), 2

2016-03-21 11:42:16 995

转载 Element.insertAdjacentHTML(position, text)

insertAdjacentHTML()方法是将制定的文本（text）解析为HTXL或者XML后插入到制定的位置（position）处，而且不会影响到Element内部已经存在的节点语法：Element.insertAdjacentHTML(position, text) 其中position的值是相对于element来说的，并且有且只有以下几种情况：beforebegin 在element元

2016-03-03 22:39:12 614

原创 spin

<!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:

2015-12-17 14:11:12 510

问题Backgrounds & Borders Level 3 还是一份草案的时候，CSS WG 就在是否支持多重边框的问题进行了大量的探讨，就像是讨论多重背景图片一样。不幸的是，当时认为多重边框的用处并不大，即使需要也可以使用border-image属性来模拟。不过，WG显然忘记了在 CSS 代码中灵活地调整边框，才是我们需要的，现在开发者只能使用一些Hack手段来模拟多重边框，比如使用多重元素的

2015-12-16 15:11:21 427

转载 CSS Object Model View整理

一、window view properties(窗口属性) innerWidth 和 innerHeight outerWidth 和 outerHeight pageXOffset 和 pageYOffset screenX 和 screenY1、innerWidth、innerHeight window内部的宽度和高度，不包括菜单栏、工具栏以及滚动条等的

2015-12-15 23:13:49 738

转载 ie开发者工具

今天把ie浏览器从9升级到了11，却发现f12后开发者工具出错不能使用在网上查找了下原因，需要下载一个补丁IE11-Windows6.1-KB3008923-x64.msu（我的是64位）问题解决，熟悉下ie11的开发者工具带来的全新体验 1、DOM资源管理器 “DOM 资源管理器”工具将向你显示网页的集成结构，并允许你无需编辑页面的源文件，即可更改样式、移动 HTML 元素，以

2015-12-14 21:57:00 3698 1

原创安装spm时phantomjs安装失败的解决方案

最近公司准备使用seajs进行开发，在安装spm时，出现了一个报错这个错是因为网络原因，结果我将proxy修改了值，翻墙后也不知道是因为公司网速的原因还是其他原因，结果还是同样的错误，只好直接将phantomjs下载下来放置到c:user\AppData\Local\Temp\phantomjs目录下，执行npm install spm -g ,安装成功：分享

2015-09-10 11:07:17 1358

原创 jQuery选择器和JS选择器

jQuery选择器： jQuery选择器的写法和CSS选择器的写法非常相似，在学习之前了解下CSS选择器，对掌握jQuery选择器是非常有帮助的(一) 基本选择器：主要包含id选择器、class选择器、*选择器、标签选择器以及复合选择器a: Id选择器：$(“#ID”) 选取id属性为“ID”的元素$("#text") //选取id属性为“text”的元素b:class选择器：$(“.cla

2015-07-27 10:48:27 13150 1

原创 JavaScript中的本地对象、内置对象、宿主对象

本地对象：ECMA-262把本地对象（native object）定义为“独立于宿主环境的ECMAScript实现提供的对象”，即本地对象是由ECMA-262定义的类（引用类型）：Object Function Array String Boolean Number Date RegExp Error EvalError RangeError ReferenceError Syn

2015-07-24 14:05:39 1642

原创 JSON.parse()与JSON.stringify() （浏览器兼容性：IE8以上、Chrome、Firefox3.5、Opera10.5、Safari4.0）

JSON.parse():将JavaScript对象表示法（JSON）字符串转换为对象（不允许以逗号结束），格式为：JSON.parse(string[,reviver])//string:必需的，要进行解析的有效的JSON字符串//reviver：可选，用来转换解析出的属性值的函数//返回值为一个从string字符串中解析出的对象或者数组一个简单的实例如下：var str = '{"name

2015-07-16 18:15:39 7409

原创与事件处理相关的function：addEventListener、removeEventListener与attachEvent、detachEvent

addEventListener、removeEventListener与attachEvent、detachEvent，前者大部分主流浏览器都支持，为W3C标准，IE8以及更早版本不支持，后者支持IE浏览器addEventListener向指定元素添加事件句柄，语法为：ele.addEventListener(event,function,usecapture)event：事件名称（不含on）比如

2015-07-14 17:07:56 634

原创 CSS选择器整理2

5、选择器之间的优先级：a) 一般而言，选择器指向越精确，优先级就越高，通常情况下：元素选择器<类选择器<ID选择器<行内样式<!important属性选择器、伪类选择器和类选择器优先级一样，伪元素选择器和元素选择器一样b) CSS遵循继承原则（如果父标签定义了某个样式，则默认对应的子标签也应用该样式）和就近原则（离标签越近的CSS同级样式，优先级也越高）CSS的层叠与继承 1、 C

2015-06-22 23:28:17 442

原创 CSS选择器整理

1、常用选择器a) 元素选择器（简单选择器/类型选择器）：匹配特定标签的元素，格式为标签 { …样式…}，例如： p{color:red;} h1{font-weight:bold;}b) 后代选择器：匹配特定元素或者元素组的后代，格式为标签后代{ …样式…}，例如： div p{color:red:} ul li{f

2015-06-22 22:57:58 807

原创标签语义化以及使用好处

这个是我在年初面试的时候被问答的一个问题，当时回答的很一般，自己了解的不是很透彻，所以回来后就在网上查找看下所谓的“标准答案”，然后按照自己的思路总结整理了一下。一个网页相当于一个画中的数，html结构相当于这个数的枝干，而标签则是这个枝干上的果实叶子，css则是颜料，用来装饰这幅画的整体风格，HTML标签语义化相当于将果实和叶子用不同语义的标签将它们区分开来，让别人在看这幅画的时候，一眼能够明白

2015-06-22 22:47:16 11980

原创 doctype 怪异模式和标准模式

1、Doctype？ Doctype是一种标准通用的文档类型声明，它必须出现在文件的第一行，目的是告诉浏览器使用什么样的文档类型定义（DTD）来解析文档。它不是HTML标签，它是指示web浏览器文档关于页面使用哪个HTML版本规范进行编写的指令。

2015-06-15 22:07:53 3411

原创 jQuery中html()、val()、text()的区别; javascript中innerHTMl、innerText、outHTML的区别

jQuery中html()、val()、text()的区别; javascript中innerHTMl、innerText、outHTML的区别

2015-06-07 19:12:15 3089

原创三列中间自适应排版兼容ie6

学习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

2015-05-11 22:04:25 394

shadow_yn的博客