Hyperyou的博客

Sass语法编译SassSASS是一个成熟、稳定、强大的 CSS 扩展语言解析器，提供变量、嵌套、混合、继承等特性，大大节省了设计者的时间，使得CSS的开发变得简单和可维护语法注释 sass有两种注释方式（与js相同） 多行注释/* */单行注释//body { color: #333; // 这种注释内容不会出现在生成的css文件中 padding: 0; /* 这种注释内

gulp安装与运行gulp工作流程gulp APIgulp插件常用gulp插件其他常用插件globs语法gulpgulp是当下最流行的自动化工具 ，可以自动化完成我们开发过程中大量的重复工作。为什么要用自动化构建工具？ 主要是用来自动完成一系列重复的操作，如：编译： less->csssass->csscoffeescript->jses6->es5合并: css, js

GitGit是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。分布式版本控制系统。1安装与配置1.1下载与安装下载地址：https://git-for-windows.github.io1.2配置个人信息（名字与邮箱）使用Git的第一件事就是设置你的名字和email,这些就是你在提交commit时的签名。git config --glob

模块化开发requirejsRequireJS的目标是鼓励代码的模块化，它使用在js中加载js文件的方式代替传统的script加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。requirejs的出现主要解决两个问题：1. 实现js文件的异步加载，避免网页失去响应；2. 管理模块之间的依赖性，便于代码的编写和维护。1使用按照requireJS当中的规

jQuery1了解jQueryJQuery是一个兼容多浏览器的javascript类库，核心理念是write less,do more(写得更少,做得更多)。是一个快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。在2006年1月由美国人John Resig在纽约的barcamp发布。1.1 jQuery实现原理1.jQue

1闭包闭包是这样一种机制: 函数嵌套函数, 内部函数可以引用外部函数的参数和变量,参数和变量不会被垃圾回收机制所收回。这里涉及到几个概念:1.函数嵌套函数。2.作用域(全局变量和局部变量)：变量的访问规则。3.垃圾回收机制(garbage collection)：js内部不断扫描内存,并清理无引用对象(自动完成)。    function aa(){        

PhpPHP是一种通用开源服务端脚本语言，将程序嵌入到HTML文档中去执行，结果以纯HTML 形式返回给浏览器。PHP: Hypertext Preprocessor “超文本预处理器”，1994年由Rasmus Lerdorf创建，刚刚开始仅仅是为了要维护他本人个人网页而制作的一个简单程序（Perl语言编写），原名Personal Home Page（PHP由此得名），后用C语言

Ajax1了解AJAXAJAX: Asynchronous Javascript And Xml，Ajax技术的核心是XMLHttpRequest对象（简称XHR），这是由微软首先引入的一个特性，其他浏览器提供商后来都提供了相同的实现。1.1 ajax的起源最早出现在2005年的google搜索建议。1.2 ajax的优点1.增加速度：减轻服务器的负担,按需加载数据,最大程

面向对象1了解面向对象面向对象是利用对象进行编程的一种思想（Object-oriented programming,缩写:OOP）。1.1 JavaScript两种模式1.面向过程；2.面向对象。1.2面向对象与面向过程的区别例如：小狗觅食（闻一闻smell、舔一舔lick、咬一咬bite）。对这个案例分别采用面向过程和面向对象来分析。1.面向过程（主角是小狗） :

JS中盒模型相关1 offset· offsetTop: 当前元素离定位父级>元素顶部的距离；· offsetLeft: 当前元素离定位父级>元素左边的距离；以上两个属性如果没定位的父级，则相对于根元素html的距离。· offsetWidth: 当前元素的宽度（border + padding + content）；· offsetHeight: 当前元素的高度（bord

ECMAScript6(ES6)1 变量的声明1.1 let：代码块内的变量声明1）变量声明不会提升；2）块级作用域；3）let不允许相同作用域内多次声明同一变量。1.2 const：常量声明1）声明后无法修改值；2）块级作用域；3）const不允许相同作用域内多次声明同一变量。2 解构赋值ES6允许我们对数组和对象中提取值，对变量进行赋值，这被叫做“解

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树

RegExp正则表达式1了解正则表达式1.1什么是正则表达式正则表达式(regular expression)是一个描述字符模式的对象。1.2为什么要使用正则表达式正则表达式能够进行强大的“模式匹配”和“文本检索与替换”功能。前端往往有大量的表单数据校验的工作，采用正则表达式会使得数据校验的工作量大大减轻。2正则表达式的创建2.1 构造函数的方式第一个参数就是我们的

1 splice()使用splice方法的数据类型一般为Arryay数组，splice方法的主要功能为在数组中插入、删除、替换数组元素，改变的为使用这个方法的数组。splice(start,deleteNum,....items);其中，strart为起始索引位置，deleteNum为要删除数量，items为插入的元素（可以是多个）。需要注意的是splice()方法的返回值为删除掉的数

Cookie1网络知识（了解）1.1通信协议通信规则，设备与设备之间通信时共同遵守的规则。1.2 TCP/UDP/IP1.IP： Internet Protocol（网络之间互连的协议），规定了计算机在因特网上进行通信时应当遵守的规则:· IP地址：4个字节,一共32位 ，用来标识设备在网络中的位置；· 子网掩码: 255.255.255.0 确认两台计算机是否

Event事件1什么是事件事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。1.1事件的绑定方式格式：元素.on+事件名= 事件处理程序，如div.onclick = function(){}。1.2事件的类型1.2.1鼠标事件onclick 当用户点击某个对象时调用的事件。ondblclick

DOM1什么是DOMDOM是Document Object Model（文档对象模型）的缩写，它是W3C国际组织的一套Web标准。是针对HTML和XML文档的一个API，它定义了访问HTML文档对象的一套属性、方法和事件。2 nodeType节点类型1.每个节点都有一个nodeType属性，用于表明节点的类型。2.常用节点类型与对应nodeType值：用于判断获取到的元素属于什

BOM1 BOM的概念BOM 是Browser Object Model（浏览器对象模型）的缩写，提供与浏览器窗口进行交互的对象。JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C,而BOM缺乏标准。这也是各种浏览器不兼容的根源所在。2 window对象window对象是BOM的核心,是最顶层的对象，所有对象都是通过它延伸出来的。2.1全局作用域

ASCII编码、Math、Date1 ASCII编码charCodeAt(3) //获取下标为3的字符的ASCII(American Standard Code for * Information Interchange) == > unicode编码；String.fromCharCode(94) //编码转换成字符。说明：[ascii码, GBK及Unicode由来]字符编

对象Object++、String1 Object1.1给对象增加属性和属性值时，如果属性名为变量时，不能使用点语法，只能用方括号，如obj[attr]:;此处的attr为变量，如果为obj[‘attr’]:;此时的attr为字符串。1.2在输出字符串时不能换行，如果想换行需要用’+’拼接。2 String字符串2.1String的创建方式1字面量（推荐）var str