一、过滤器

1 匹配指定元素的父

• elem.parent([exp])

2 匹配指定元素的子元素

一、JS动画与动作不一致解决:

1
2
3

if(!$( "#handle").is(":animated")){
	//判断元素是否处于动画状态
}

声明 本教程整理于互联网

先看一个例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

// webpack.config.js
module.exports = {
    // 入口
    entry: {
        'index': './index.js'
    },
    // 输出
    output: {
        path: './',
        /*
            [name] 是 entry 中的 key
            entry: {
                key: value
            }
        */
        filename: "[name].b.js"
    }
};

module.exports 是 CommonJS 规范中定义一个文件对外接口的语法，webpack.config.js 文件对外的接口是一个 object ，其中定义了一些配置参数。

声明 本教程整理于互联网

一、gulp 入门简介

gulp 是基于 node 实现Web 前端自动化开发的工具，利用它能够极大的提高开发效率。

在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律，并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。

一、JavaScript运动框架之速度版

1.1 运动框架的实现思路

原文链接 http://blog.poetries.top/2017/01/10/js-scope

一、JS解析顺序和作用域：

• 解析顺序：
  • 定义（先找var function）
  • 执行 ( 在逐步执行 )
  • 注意:如果函数名和var定义的变量相同，var会被函数覆盖
• 作用域：
  • 每个script是一个作用域
  • 每个函数{}是一个作用域
  • 程序每执行到一个作用域，都是按照解析顺序解析代码；
  • 作用域链:从内往外找要找函数内的变量；

一、video

1.1 video支持视频格式

• 常见的视频格式
  • 视频的组成部分：画面、音频、编码格式
  • 视频编码：H.264、Theora、VP8(google开源)

原文链接 http://blog.poetries.top/2016/12/13/js-props
声明：本文根据慕课网学习视频整理

强烈建议打开控制台自己动手练习一遍，这样印象才会深刻

第一部分 JavaScript中的宽高属性

一、与window相关的宽高属性

1.1 window.location和document.location

• window对象的location属性引用的是location对象，表示该窗口中当前显示文档的URL
• document的对象的location属性也是引用location对象
• 所以 window.location === document.location //true

• 由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念
• 所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现。在面向对象的语言中，我们使用类来创建一个自定义对象。然而js中所有事物都是对象，那么用什么办法来创建自定义对象呢？
• 这就需要用到js的原型：我们可以简单的把prototype看做是一个模版，新创建的自定义对象都是这个模版（prototype）的一个拷贝 （实际上不是拷贝而是链接，只不过这种链接是不可见，新实例化的对象内部有一个看不见的Proto指针，指向原型对象）。

一般面向对象包含：继承，封装，多态，抽象

对象形式的继承

浅拷贝