# 小例子

**Repository Path**: adrainHsu/small_example

## Basic Information

- **Project Name**: 小例子
- **Description**: 相对来说比较好用的例子
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-06-07
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 小例子

#### 项目介绍
相对来说比较好用的例子

#### 软件架构
软件架构说明


#### 安装教程

1. xxxx
2. xxxx
3. xxxx

#### 使用说明

1. xxxx
2. xxxx
3. xxxx

#### 参与贡献

1. Fork 本项目
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [http://git.mydoc.io/](http://git.mydoc.io/)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)


### 浏览器兼容性问题
+ 获取样式
    - 现在浏览器：`window.getComputedStyle(dom,null)`
    - IE10之前：`dom.currentStyle`
+ 设置文本内容
    - FF45之前：`dom.textContent`
    - 其他：`dom.innerText`
+ 绑定事件
    - IE10之前：`dom.attachEvent`
        - 获取事件对象
        - 阻止事件冒泡
        - 阻止默认行为
    - 现在浏览器：`dom.addEventListener`
        - 获取事件对象
        - 阻止事件冒泡
        - 阻止默认行为


### DOM操作
+ `$("<div>100</div>")`
    - 字符串标签转换为一个DOM元素
        - `document.createElement("div")`
        - `div.innerHtml= "<div>100</div>"`
        - -->`div.childNodes[0]`
        - 高性能的文档碎片：`document.createDocumentFragment("div")`


### 属性操作

### nodejs
5.mp4