JavaScript - noonecare/data_visualization GitHub Wiki

前端网页的动态效果几乎都是 JavaScript 赋予的。JavaScript 的内容主要分为语法和FrameWork。

语法

JavaScript 的语法很简单，在 IDE 的帮助下，很容易写。不过 JavaScript 语言有以下特点：

• 弱类型
• block 不会引入新的 scope
• 原型继承（prototype inherit）
• 函数的四种调用方式

FrameWork

为了演示前端效果，要做的主要就是动态修改 DOM 文档（还有css）。各个浏览器为响应事件，修改 DOM 文档提供了 API。而 FrameWork 在浏览器 API 的基础上做了一层抽象，使得 FrameWork 的 API 对于所有浏览器都适用（这样你就可以写出适配搜有浏览器的代码）。在这些 framework 中最最重要的就是 jquery。

• 事件（绑定事件函数）

事件就是可能对于网页做的操作。比如 onclik。我举个例子

<a href="http://www.baidu.com" onclik="alter('oh no');"></a>

上面的代码把 click 操作绑定为 alter('oh on') 函数，当你点击这个 a 元素时，就是弹出 oh no 警告。

• 修改 DOM

用 css 或者 xpath 选择元素，然后添加，删除，修改 元素（包括属性等等）

Development

• Karma/npm 做测试。使用 javascript 通常需要使用 html 展示javascript 代码的效果，这样很繁琐。 使用 Karma Framework 可以省去写 html
• 还是直接用 npm,brower 等等这些框架做开发比较方便，虽然需要提前装好 nodejs。