<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Hyperyou的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Hyperyou</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Hyperyou]]></copyright><item><title><![CDATA[Sass]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/78066164</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/78066164</guid><author>Hyperyou</author><pubDate>Fri, 22 Sep 2017 19:16:42 +0800</pubDate><description><![CDATA[Sass
语法
编译
SassSASS是一个成熟、稳定、强大的 CSS 扩展语言解析器，提供变量、嵌套、混合、继承等特性，大大节省了设计者的时间，使得CSS的开发变得简单和可维护语法
注释 
sass有两种注释方式（与js相同） 
多行注释/* */
单行注释//
body {
  color: #333; // 这种注释内容不会出现在生成的css文件中
  padding: 0; /* 这种注释内]]></description><category></category></item><item><title><![CDATA[Gulp]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/78066157</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/78066157</guid><author>Hyperyou</author><pubDate>Fri, 22 Sep 2017 19:15:21 +0800</pubDate><description><![CDATA[gulp
安装与运行
gulp工作流程
gulp API
gulp插件
常用gulp插件
其他常用插件
globs语法
gulpgulp是当下最流行的自动化工具 ，可以自动化完成我们开发过程中大量的重复工作。为什么要用自动化构建工具？ 主要是用来自动完成一系列重复的操作，如：
编译： 
less->css
sass->css
coffeescript->js
es6->es5
合并: css, js]]></description><category></category></item><item><title><![CDATA[Git]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/78056237</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/78056237</guid><author>Hyperyou</author><pubDate>Thu, 21 Sep 2017 20:00:59 +0800</pubDate><description><![CDATA[Git
Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。分布式版本控制系统。
1安装与配置
1.1下载与安装
下载地址：https://git-for-windows.github.io
1.2配置个人信息（名字与邮箱）
使用Git的第一件事就是设置你的名字和email,这些就是你在提交commit时的签名。
git config --glob]]></description><category></category></item><item><title><![CDATA[模块化开发]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/78045626</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/78045626</guid><author>Hyperyou</author><pubDate>Wed, 20 Sep 2017 21:17:22 +0800</pubDate><description><![CDATA[模块化开发
requirejs
RequireJS的目标是鼓励代码的模块化，它使用在js中加载js文件的方式代替传统的script加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。
requirejs的出现主要解决两个问题：
1. 实现js文件的异步加载，避免网页失去响应；
2. 管理模块之间的依赖性，便于代码的编写和维护。
1使用
按照requireJS当中的规]]></description><category></category></item><item><title><![CDATA[jQuery]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/78044342</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/78044342</guid><author>Hyperyou</author><pubDate>Wed, 20 Sep 2017 19:11:35 +0800</pubDate><description><![CDATA[jQuery
1了解jQuery
JQuery是一个兼容多浏览器的javascript类库，核心理念是write less,do more(写得更少,做得更多)。是一个快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。在2006年1月由美国人John
 Resig在纽约的barcamp发布。
1.1 jQuery实现原理
1.jQue]]></description><category></category></item><item><title><![CDATA[Closure&Inherit]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77993868</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77993868</guid><author>Hyperyou</author><pubDate>Fri, 15 Sep 2017 17:26:09 +0800</pubDate><description><![CDATA[1闭包
闭包是这样一种机制: 
函数嵌套函数, 内部函数可以引用外部函数的参数和变量,参数和变量不会被垃圾回收机制所收回。
这里涉及到几个概念:
1.函数嵌套函数。
2.作用域(全局变量和局部变量)：变量的访问规则。
3.垃圾回收机制(garbage collection)：js内部不断扫描内存,并清理无引用对象(自动完成)。
    function aa(){
        ]]></description><category></category></item><item><title><![CDATA[php]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77971081</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77971081</guid><author>Hyperyou</author><pubDate>Wed, 13 Sep 2017 21:09:23 +0800</pubDate><description><![CDATA[Php
PHP是一种通用开源服务端脚本语言，将程序嵌入到HTML文档中去执行，结果以纯
HTML 形式返回给浏览器。
PHP: Hypertext Preprocessor “超文本预处理器”，1994年由Rasmus
 Lerdorf创建，刚刚开始仅仅是为了要维护他本人个人网页而制作的一个简单程序（Perl语言编写），原名Personal Home Page（PHP由此得名），后用C语言]]></description><category></category></item><item><title><![CDATA[Ajax]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77971013</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77971013</guid><author>Hyperyou</author><pubDate>Wed, 13 Sep 2017 21:04:54 +0800</pubDate><description><![CDATA[Ajax
1了解AJAX
AJAX: Asynchronous Javascript And Xml，Ajax技术的核心是XMLHttpRequest对象（简称XHR），这是由微软首先引入的一个特性，其他浏览器提供商后来都提供了相同的实现。
1.1 ajax的起源
最早出现在2005年的google搜索建议。
1.2 ajax的优点
1.增加速度：减轻服务器的负担,按需加载数据,最大程]]></description><category></category></item><item><title><![CDATA[面向对象]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77871734</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77871734</guid><author>Hyperyou</author><pubDate>Wed, 06 Sep 2017 21:29:50 +0800</pubDate><description><![CDATA[面向对象
1了解面向对象
面向对象是利用对象进行编程的一种思想（Object-oriented programming,缩写:OOP）。
1.1 JavaScript两种模式
1.面向过程；
2.面向对象。
1.2面向对象与面向过程的区别
例如：小狗觅食（闻一闻smell、舔一舔lick、咬一咬bite）。对这个案例分别采用面向过程和面向对象来分析。
1.面向过程（主角是小狗） :]]></description><category></category></item><item><title><![CDATA[JS中盒模型相关]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77776572</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77776572</guid><author>Hyperyou</author><pubDate>Fri, 01 Sep 2017 19:22:47 +0800</pubDate><description><![CDATA[JS中盒模型相关
1 offset
· offsetTop: 当前元素离定位父级>元素顶部的距离；
· offsetLeft: 当前元素离定位父级>元素左边的距离；
以上两个属性如果没定位的父级，则相对于根元素html的距离。
· offsetWidth: 当前元素的宽度（border + padding + content）；
· offsetHeight: 当前元素的高度（bord]]></description><category></category></item><item><title><![CDATA[ECMAScript6(ES6)]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77725736</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77725736</guid><author>Hyperyou</author><pubDate>Wed, 30 Aug 2017 21:16:22 +0800</pubDate><description><![CDATA[ECMAScript6(ES6)
1 变量的声明
1.1 let：代码块内的变量声明
1）变量声明不会提升；
2）块级作用域；
3）let不允许相同作用域内多次声明同一变量。
1.2 const：常量声明
1）声明后无法修改值；
2）块级作用域；
3）const不允许相同作用域内多次声明同一变量。
2 解构赋值
ES6允许我们对数组和对象中提取值，对变量进行赋值，这被叫做“解]]></description><category></category></item><item><title><![CDATA[ECMAScript5(ES5)]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77688222</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77688222</guid><author>Hyperyou</author><pubDate>Tue, 29 Aug 2017 21:03:08 +0800</pubDate><description><![CDATA[ECMAScript5(ES5)
1支持ES5的浏览器
· Opera 11.60+；
· Internet Explorer 9+，IE9不支持严格模式；
· Firefox 4+；
· Safari 5.1+；
· Chrome 13。
2加载事件
2.1 DOM文档加载步骤
1.解析HTML结构。
2.加载外部脚本和样式表文件。
3.解析并执行脚本代码。
4.DOM树]]></description><category></category></item><item><title><![CDATA[RegExp正则表达式]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77685473</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77685473</guid><author>Hyperyou</author><pubDate>Tue, 29 Aug 2017 19:39:47 +0800</pubDate><description><![CDATA[RegExp正则表达式
1了解正则表达式
1.1什么是正则表达式
正则表达式(regular expression)是一个描述字符模式的对象。
1.2为什么要使用正则表达式
正则表达式能够进行强大的“模式匹配”和“文本检索与替换”功能。前端往往有大量的表单数据校验的工作，采用正则表达式会使得数据校验的工作量大大减轻。
2正则表达式的创建
2.1 构造函数的方式
第一个参数就是我们的]]></description><category></category></item><item><title><![CDATA[Js中slite,splice,slice,join方法的用法区别]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77650019</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77650019</guid><author>Hyperyou</author><pubDate>Mon, 28 Aug 2017 16:09:34 +0800</pubDate><description><![CDATA[1 splice()
使用splice方法的数据类型一般为Arryay数组，splice方法的主要功能为在数组中插入、删除、替换数组元素，改变的为使用这个方法的数组。
splice(start,deleteNum,....items);
其中，strart为起始索引位置，deleteNum为要删除数量，items为插入的元素（可以是多个）。需要注意的是splice()方法的返回值为删除掉的数]]></description><category></category></item><item><title><![CDATA[Cookie]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77587905</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77587905</guid><author>Hyperyou</author><pubDate>Fri, 25 Aug 2017 23:39:56 +0800</pubDate><description><![CDATA[Cookie
1网络知识（了解）
1.1通信协议
通信规则，设备与设备之间通信时共同遵守的规则。
1.2 TCP/UDP/IP
1.IP： Internet Protocol（网络之间互连的协议），规定了计算机在因特网上进行通信时应当遵守的规则:
· IP地址：4个字节,
一共32位 ，用来标识设备在网络中的位置；
· 子网掩码: 255.255.255.0 
确认两台计算机是否]]></description><category></category></item><item><title><![CDATA[Event事件]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77572439</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77572439</guid><author>Hyperyou</author><pubDate>Fri, 25 Aug 2017 13:54:39 +0800</pubDate><description><![CDATA[Event事件
1什么是事件
事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。
1.1事件的绑定方式
格式：元素.on+事件名
= 事件处理程序，如div.onclick = function(){}。
1.2事件的类型
1.2.1鼠标事件
onclick 当用户点击某个对象时调用的事件。
ondblclick ]]></description><category></category></item><item><title><![CDATA[DOM]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77460562</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77460562</guid><author>Hyperyou</author><pubDate>Mon, 21 Aug 2017 21:12:24 +0800</pubDate><description><![CDATA[DOM
1什么是DOM
DOM是Document Object Model（文档对象模型）的缩写，它是W3C国际组织的一套Web标准。是针对HTML和XML文档的一个API，它定义了访问HTML文档对象的一套属性、方法和事件。
2 nodeType节点类型
1.每个节点都有一个nodeType属性，用于表明节点的类型。
2.常用节点类型与对应nodeType值：用于判断获取到的元素属于什]]></description><category></category></item><item><title><![CDATA[BOM]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77387763</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77387763</guid><author>Hyperyou</author><pubDate>Fri, 18 Aug 2017 21:20:26 +0800</pubDate><description><![CDATA[BOM
1 BOM的概念
BOM 是Browser Object Model（浏览器对象模型）的缩写，提供与浏览器窗口进行交互的对象。JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C,
而BOM缺乏标准。这也是各种浏览器不兼容的根源所在。
2 window对象
window对象是BOM的核心,
是最顶层的对象，所有对象都是通过它延伸出来的。
2.1全局作用域]]></description><category></category></item><item><title><![CDATA[JS ASCII编码、Math、Date]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77341118</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77341118</guid><author>Hyperyou</author><pubDate>Thu, 17 Aug 2017 20:58:27 +0800</pubDate><description><![CDATA[ASCII编码、Math、Date
1 ASCII编码
charCodeAt(3) //获取下标为3的字符的ASCII(American Standard Code for * Information Interchange) == > unicode编码；
String.fromCharCode(94) //编码转换成字符。
说明：[ascii码, GBK及Unicode由来]
字符编]]></description><category></category></item><item><title><![CDATA[对象Object++、String]]></title><link>https://blog.youkuaiyun.com/Hyperyou/article/details/77300598</link><guid>https://blog.youkuaiyun.com/Hyperyou/article/details/77300598</guid><author>Hyperyou</author><pubDate>Thu, 17 Aug 2017 10:05:57 +0800</pubDate><description><![CDATA[对象Object++、String
1 Object
1.1给对象增加属性和属性值时，如果属性名为变量时，不能使用点语法，只能用方括号，如obj[attr]:;此处的attr为变量，如果为obj[‘attr’]:;此时的attr为字符串。
1.2在输出字符串时不能换行，如果想换行需要用’+’拼接。
2 String字符串
2.1String的创建方式
1字面量（推荐）
var str]]></description><category></category></item></channel></rss>