内容包括：

• 概述
• CSS3变形
• CSS3过渡
• CSS3动画
• 总结

概述

CSS3 变形

1.1 CSS3变形简介

CSS3变形是一些效果的集合，比如平移、旋转、缩放、倾斜效果等，每个效果被称作变形函数，操作元素进行相应的变化。

CSS3变形允许动态的控制元素，结合不同的变形函数产生复杂的动画效果，也可以结合CSS3的transition和动画的keyframe产生更加多变的动画效果。

下面例举了变形函数：

浏览器兼容性问题

虽然CSS3变形得到了主流浏览器较好地支持，但每个浏览器支持的程度不同，实际使用中要添加浏览器私有属性前缀。这里顺便就总结一下浏览器私有前缀。

浏览器私有前缀

待总结

内容包括

• Ajax是什么
• XMLHttpRequest

Ajax是什么

XMLHttpRequest

兼容不同浏览器的Ajax实例话实例

1.创建实例

function getHTTPObject() {
    var xhr = false;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest;
    }
    else if (window.ActiveXObject) {
        try {
            xhr = new ActiveXObject("msxm12.XMLHttp");
        } catch(e) {
            try {
                xhr = new ActiveXObject("Microsoft.XMLHttp");
            } catch(e) {
                xhr = false;
            }
        }
    }
    return xhr;
}

2.发送请求

内容包括

• 快键操作

  1. Go to Anything

  2. 多行游标

• Sublime常用插件及使用

Sublime快键操作

1. Go to Anything

快捷键 Command + P

• 在项目文件中快速切换，sublime支持模糊匹配，文件切换很方便
• 在一个文件中快速寻找到目标元素：@ + 想要寻找的元素，方向键进行选择

2. 多行游标

操作方式1:

选中要选择的单词

Command + D

如果选中了不想要的部分，Command + K 跳过，然后继续 Command + D

操作方式2:鼠标右键拖拽

3. 命令模式

启动命令模式: shift + Command + P

Sublime插件

1. Package Control

2. Emmet

3. JSFormat

功能：js的代码格式化 简介：对压缩后的js文件进行格式化整理，换行缩进等 操作：

4. Autoprefixer

功能：css3前缀自动补全 简介： 操作：

5. jQuery

功能：jquery函数提示

6. DocBlockr

功能：生成优雅注释 操作：/* /** 然后回车

7. ConvertToUTF-8

功能：文件转码成UTF-8 操作：自动转化

8. ColorPicker

功能： 操作：

内容

• 调试工具
• 前端开发自动化工具
• 测试工具
• 其他工具

其他工具

软件名称: livereload

功能说明: 修改页面代码保存后自动刷新页面

使用方法: 导入页面所在根目录，并在页面head中添加如下代码:

<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>