Javascript基线

总览

这篇是基线项目的一部分，本文讲解了基本的Javascript技术的基线及验收条件（即题目）。

基线描述

  • 语言基础知识。掌握其动态特性；
  • 了解 JavaScript 与 DOM、BOM 交互的接口和方法；
  • 了解浏览器外 JavaScript 的运行环境；
  • 了解并掌握常见的 JavaScript 的库，比如 jQuery、underscore 等；

验收条件如下：

语言基础知识。掌握其动态特性

  1. 做完基础练习，写一篇文章讲解javascript的基本语法和特性，理解三种方式在浏览器里加载js，字符串、数字、布尔、数组、对象、Null、Undefined，true false的诡异之处，多行文本
  2. FizzBuzz，要使用函数式编程，循环，if。再用面向对象的方式解决一下。
  3. 写一篇文章讲解上述过程，对比使用函数式和使用面向对象的不同
  4. 手动做一个ajax，理解全局对象，异步，eval，Function对象和JSON
  5. OO练习

了解 JavaScript 与 DOM、BOM 交互的接口和方法

  1. 做一个练习：在一个页面上，找到节点，删除节点，添加节点，改变属性，删除属性，添加属性（input为例，小心checked），by Name， by Id，更改HTML，添加html
  2. 写一篇blog针对上面的api，行为进行解释，谨慎的引入概念，讲述概念之间的逻辑关系，然后讲述API是如何操作这些概念的。
  3. 事件处理, onclick, onchange, onsubmit. dispatchEvent。
  4. 写一篇博客讲解事件
  5. 不使用reactive框架情况下，自己完成rxjs的几个demo（检测输入，鼠标移动跟随字体，konami调30命键盘监控等）
  6. 写一篇博客讲解reactive,promise

了解并掌握常见的 JavaScript 的库，比如 jQuery、underscore 等

  1. 做几个jquery适合的场景
  2. fizzbuzz中使用underscore，完成一些基于underscore的ut
  3. 写一篇博客对这些框架的介绍和理解。要讲出他的特点，优点，缺点。
Fork me on GitHub