大地资源电影网第三页,俺去啦网站,久久无码AV一区二区三区电影网

課程來源：https://www.shiyanlou.com/courses/493【@實驗樓】

第1節一個最簡單的 express 應用

1.1 新建lesson1,進去里面安裝express

1.2 新建app.js

app.js 代碼

1.3 運行app.js，打開瀏覽器，輸入http://localhost:3000/

瀏覽器結果

第2節學習使用外部模塊

2.1 新建lesson1,并生成一份它的 package.json。

package.json

2.2 安裝依賴， express 和 utility 兩個模塊

package.json添加了依賴信息

2.3 新建app.js

app.js 代碼

2.4 運行app.js，在瀏覽器輸入http://localhost:3000/?q=alsotang

瀏覽器結果

第3節使用 superagent 與 cheerio 完成簡單爬蟲

3.1 新建文件夾，進去之后 npm init

新建lesson3文件夾并進入

新建package.json

3.2 安裝依賴：express,superagent,cheerio

3.3 寫應用邏輯

新建app.js

app.js 代碼

3.4 運行及結果

運行app.js

瀏覽器運行結果

第4節使用 eventproxy 控制并發

4.1 獲取主頁

4.1.1 新建文件夾，進去之后 npm init

4.1.2 安裝依賴：express,superagent,cheerio

4.1.3 寫應用邏輯

新建 app.js

app.js 代碼

4.1.4 運行及結果

獲取的鏈接（部分截圖）

4.2 eventproxy介紹

4.2.1 不使用 eventproxy 也不使用計數器

// 參考 jquery 的 $.get 的方法
$.get("http://data1_source", function (data1) {
  // something
  $.get("http://data2_source", function (data2) {
    // something
    $.get("http://data3_source", function (data3) {
      // something
      var html = fuck(data1, data2, data3);
      render(html);
    });
  });
});

4.2.2 使用計數器

(function () {
  var count = 0;
  var result = {};

  $.get('http://data1_source', function (data) {
    result.data1 = data;
    count++;
    handle();
    });
  $.get('http://data2_source', function (data) {
    result.data2 = data;
    count++;
    handle();
    });
  $.get('http://data3_source', function (data) {
    result.data3 = data;
    count++;
    handle();
    });

  function handle() {
    if (count === 3) {
      var html = fuck(result.data1, result.data2, result.data3);
      render(html);
    }
  }
})();

4.2.3 使用eventproxy

var ep = new eventproxy();
ep.all('data1_event', 'data2_event', 'data3_event', function (data1, data2, data3) {
  var html = fuck(data1, data2, data3);
  render(html);
});

$.get('http://data1_source', function (data) {
  ep.emit('data1_event', data);
  });

$.get('http://data2_source', function (data) {
  ep.emit('data2_event', data);
  });

$.get('http://data3_source', function (data) {
  ep.emit('data3_event', data);
  });

eventproxy 提供了不少其他場景所需的 API，但最最常用的用法就是以上的這種，即：

先 var ep = new eventproxy(); 得到一個 eventproxy 實例。

告訴它你要監聽哪些事件，并給它一個回調函數。
ep.all('event1', 'event2', function (result1, result2) {})。

在適當的時候 ep.emit('event_name', eventData)。

4.3 抓取每條url的內容

完整代碼如下：

var eventproxy = require('eventproxy');
var superagent = require('superagent');
var cheerio = require('cheerio');
var url = require('url');

var cnodeUrl = 'https://cnodejs.org/';

superagent.get(cnodeUrl)
  .end(function (err, res) {
    if (err) {
      return console.error(err);
    }
    var topicUrls = [];
    var $ = cheerio.load(res.text);
    $('#topic_list .topic_title').each(function (idx, element) {
      var $element = $(element);
      var href = url.resolve(cnodeUrl, $element.attr('href'));
      topicUrls.push(href);
    });

    var ep = new eventproxy();

    ep.after('topic_html', topicUrls.length, function (topics) {
      topics = topics.map(function (topicPair) {
        var topicUrl = topicPair[0];
        var topicHtml = topicPair[1];
        var $ = cheerio.load(topicHtml);
        return ({
          title: $('.topic_full_title').text().trim(),
          href: topicUrl,
          comment1: $('.reply_content').eq(0).text().trim(),
        });
      });

      console.log('final:');
      console.log(topics);
    });

    topicUrls.forEach(function (topicUrl) {
      superagent.get(topicUrl)
        .end(function (err, res) {
          console.log('fetch ' + topicUrl + ' successful');
          ep.emit('topic_html', [topicUrl, res.text]);
        });
    });
  });

運行結果（部分截圖）

第5節使用 async 控制并發

5.1 準備工作

mkdir lesson5 && cd lesson5
npm init
npm install --save async
touch app.js

5.2 app.js 代碼如下

5.3 運行及結果

結果部分截圖1

結果部分截圖2

第6節測試用例：mocha，should，istanbul

6.1 編寫測試用例

6.1.1 準備工作

6.1.2 編寫測試用例

新建 main.js

main.js 代碼

6.1.3 運行及結果

符合預期

6.2 執行測試

6.2.1 修改main.js，暴露 fibonacci

在末尾加這句

6.2.2 準備工作

安裝依賴：should

新建test文件夾及test.main.js

6.2.3 main.test.js 代碼

安裝mocha

6.2.4 運行及結果

安裝 mocha

在lesson6目錄下運行測試文件

運行結果：測試通過

6.2.4 增加測試，修改main.test.js，并運行

main.test.js

運行結果：有3個沒通過

6.2.5 根據報錯更新main.js，使測試全部通過

更新fibonacci

運行結果：全部通過

以上過程為TDD（測試驅動開發）：先把要達到的目的都描述清楚，然后讓現有的程序跑不過 case，再修補程序，讓 case 通過。

6.3 使用isbantul（代碼覆蓋率）

行覆蓋率（line coverage）：是否每一行都執行了？

函數覆蓋率（function coverage）：是否每個函數都調用了？

分支覆蓋率（branch coverage）：是否每個if代碼塊都執行了？

語句覆蓋率（statement coverage）：是否每個語句都執行了？

6.3.1 準備工作

subo npm install --global mocha
sudo npm install --save-dev mocha
sudo nom i istanbul -g
istanbul cover _mocha

6.3.2 運行結果

第7節瀏覽器端測試:mocha，chai，phantomjs

7.1 瀏覽器環境執行

7.1.1 準備工作

mkdir lesson7 && cd lesson7
mkdir vendor && cd vendor
npm i -g mocha # 安裝全局的 mocha 命令行工具
mocha init . # 生成腳手架

測試原型目錄結構

7.1.2 在index.html插入如下代碼

7.1.3 在test.js輸入如下代碼

7.1.4 打開index.html,結果如下

7.2 命令行環境執行

7.2.1 安裝 mocha-phantomjs

sudo npm i -g mocha-phantomjs

7.2.2 index.html增加如下代碼

7.2.3 運行

報錯，不知道是什么原因？？

第8節測試用例：supertest

8.1 準備工作

8.2 編寫app.js

8.3 編寫test/app.test.js

8.4 運行及結果

第9節正則表達式

i ：不區分大小寫

g：匹配多個

m ：^ 和 $ 可以匹配每一行的開頭。

加 g 會返回數組，不加 g 則返回比較詳細的信息

加 g 之后，如果你的正則不是字面量的正則，而是存儲在變量中的話，這個變量就會變得有記憶

[\s\S],[^]：能匹配包括 \n 在內的所有字符

第10節 benchmark 怎么寫（測試性能）

mkdir lesson10 && cd lesson10
npm init
npm install benchmark --save
touch main.js

第11節作用域與閉包

11.1 var作用域

內部函數可以訪問外部函數的變量，外部不能訪問內部函數的變量。

ex1.js

運行及結果

內部函數child可以訪問變量age，而外部函數parent不可以訪問child中的變量childAge，因此會拋出沒有定義變量的異常。

如果忘記var，那么變量就被聲明為全局變量了。

ex2.js

運行及結果

JavaScript 中，變量的局部作用域是函數級別的。不同于 C 語言，在 C 語言中，作用域是塊級別的。

ex3.js

運行及結果

11.2 閉包

ex4.js

運行及結果

閉包的一個坑

ex5.js

運行及結果

上面這個代碼塊打印五個 5：setTimeout 中的 i 是對外層 i 的引用。當 setTimeout 的代碼被解釋的時候，運行時只是記錄了 i 的引用，而不是值。而當 setTimeout 被觸發時，五個 setTimeout 中的 i 同時被取值，由于它們都指向了外層的同一個 i，而那個 i 的值在迭代完成時為 5，所以打印了五次 5。

下面這個代碼塊打印0-4：把 i 賦值成一個局部的變量，從而擺脫外層迭代的影響。