AV无码免费一区二区三区不卡,免费一区二区三区乱码

首頁免費課進擊Node.js基礎（二）筆記

進擊Node.js基礎（二）

最熱最新

慕沐0269658

<div class="ball ball1" ></div>??
<div class="ball ball2" ></div>??
<div class="ball ball3" ></div>
<script>? ?
var ball1 = document.querySelector(".ball1")
var ball2 = document.querySelector(".ball2")? ??
var ball3 = document.querySelector(".ball3")
var Promise = window.Promise? ??
function promiseAnimate(ball,distance){? ? ? ? ? ?
? ? return new Promise(function(resolve,reject){? ? ? ? ? ? ?
? ? ? ? function _animate(){? ? ? ? ? ? ? ? ??
? ? ? ? ? ? setTimeout(function(){? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? var marginLeft = parseInt(ball.style.marginLeft,10)? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? if(marginLeft === distance){? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ? resolve()? ? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ? if(marginLeft < distance){? ? ? ? ? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ? ? marginLeft ++? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ? ? ? marginLeft --? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ball.style.marginLeft = marginLeft + 'px'? ? ? ? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? _animate()? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ??
? ? ? ? ? ? },13)? ? ? ? ? ? ??
? ? ? ? }??
_animate()? ? ? ? ?
? ? })? ? ?
}
promiseAnimate(ball1,100)? ? ? ? ??
? ? .then(function(){? ? ? ? ? ? ??
? ? ? ? return promiseAnimate(ball2,200)? ? ? ? ??
? ? })? ? ? ? ?
? ? .then(function(){? ? ? ? ? ? ??
? ? ? ? return promiseAnimate(ball3,300)? ? ? ? ??
? ? })? ? ? ? ?
? ? .then(function(){? ? ? ? ? ? ??
? ? ? ? return promiseAnimate(ball3,150)? ? ? ? ??
? ? })? ? ? ? ?
? ? .then(function(){? ? ? ? ? ? ??
? ? ? ? return promiseAnimate(ball2,150)? ? ? ? ??
? ? })? ? ? ? ?
? ? .then(function(){? ? ? ? ? ? ??
? ? ? ? return promiseAnimate(ball1,150)? ? ? ? ??
? ? })

查看全部

0 采集收起來源：先從一個牛逼閃閃的知識點 Promise 講起
2018-08-11

CoderDream

let?http?=?require('http');
let?baseUrl?=?'http://www.xianlaiwan.cn/learn/';
let?learnNumber_baseUrl?=?'http://www.xianlaiwan.cn/course/AjaxCourseMembers?ids=';
let?cheerio?=?require('cheerio');
let?videosId?=?[728,637,348,259,197,134,75];

function?filerChapters(pageData){
????let?html?=?pageData.html;
????let?$?=?cheerio.load(html);
????let?chapters?=?$('.chapter');

????let?courseData?=?{
????????title:$('.hd?h2').text(),
????????number:pageData.number,
????????id:$('.person-num').attr('href').split('/')[2],
????????videos:[]
????};

????chapters.each(function(item){
????????let?chapter?=?$(this);
????????let?chapterTitle?=?chapter.find('h3').text();
????????let?videos?=?chapter.find('.video').children('li');
????????let?chapterData?=?{
????????????chapterTitle:chapterTitle,
????????????videos:[]
????????};

????????videos.each(function(item){
????????????let?video?=?$(this).find('.J-media-item');
????????????let?videoTitle?=?video.text().trim();
????????????let?id?=?video.attr('href').split('video/')[1];
????????????let?videoData?=?{
????????????????title:videoTitle,
????????????????id:id
????????????};

????????????chapterData.videos.push(videoData);
????????});

????????courseData.videos.push(chapterData);
????});

????return?courseData;
}

function?printCourseData(coursesData){
????coursesData.forEach(function(courseData){
????????console.log('\n');
????????console.log('?????#########???'+courseData.title?+?'??[學習人數：'?+?courseData.number?+?']???#########\n');
????????courseData.videos.forEach(function(item){
????????????let?chapterTitle?=?item.chapterTitle;
????????????console.log(chapterTitle?);
????????????item.videos.forEach(function(video){
????????????????console.log('?['?+?video.id+?']'?+?video.title.trim().split('(')[0]);
????????????});
????????});
????});
}

function?getPageAsync(url){
????return?new?Promise(function(resolve,?reject){
????????http.get(url,function(res){
????????????let?html?=?'';
????????????res.on('data',function(data){
????????????????html?+=?data;
????????????});
????????????res.on('end',function(){
????????????????resolve(html);
????????????});
????????}).on('error',function(){
????????????console.log('error');
????????});
????});
}

function?getLearnDataAsync(html){
????return?new?Promise(function(resolve,reject){
????????let?$?=?cheerio.load(html);
????????let?id?=?$('.person-num').attr('href').split('/')[2];
????????let?pageData?=?{
????????????html:html,
????????????number:0
????????};

????????let?db?=?'';
????????http.get(learnNumber_baseUrl+id,function(res){
????????????res.on('data',function(data){
????????????????db?+=?data;
????????????????db?=?JSON.parse(db);
????????????????pageData.number?=?parseInt(db.data[0].numbers,10);
????????????});

????????????res.on('end',function(){
????????????????resolve(pageData);
????????????});

????????}).on('error',function(){
????????????console.log('error');
????????});
????});
}

let?promiseList?=?[];
//?let?coursesDataPromises?=?[];

videosId.forEach(function(id){
????promiseList.push(getPageAsync(baseUrl+id).then(function(html){
????????return?getLearnDataAsync(html);
????}));
});

Promise
????.all(promiseList)
????.then(function(pagesData){
????????let?coursesData?=?[];
????????pagesData.forEach(function(pageData){
????????????coursesData.push(filerChapters(pageData));
????????});

????????printCourseData(coursesData);
????});

查看全部

0 采集收起來源：重寫爬蟲，更優雅的異步編程

2018-08-03

mademadedeni
fs.ReadStream 類#
查看英文版參與翻譯代碼示例
新增于: v0.1.93
成功調用 fs.createReadStream() 會返回一個新的 fs.ReadStream 對象。
fs.ReadStream 對象都是#
查看英文版參與翻譯
新增于: v0.1.93
當 fs.ReadStream 底層的文件描述符被關閉時觸發。
'open' 事件#
查看英文版參與翻譯
新增于: v0.1.93
- fd <integer> ReadStream 使用的整數型文件描述符。
當 fs.ReadStream' 的文件描述符被打開時觸發。
'ready' 事件#
查看英文版參與翻譯
新增于: v9.11.0
當 fs.ReadStream 已準備好被使用時觸發。
'open' 之后立即觸發。
查看全部

0 采集收起來源：橫掃 Nodejs API-Stream你是我的小水管
2018-07-18
jia920

resume()? 在有‘readable’監聽事件時，不生效

查看全部

2 采集收起來源：橫掃 Nodejs API-Stream流動的數據
2018-07-12
jia920

var http = require('http');
var baseUrl = 'http://www.xianlaiwan.cn/learn/';
var learnNumber_baseUrl = 'http://www.xianlaiwan.cn/course/AjaxCourseMembers?ids='
var cheerio = require('cheerio');
var videosId = [728,637,348,259,197,134,75];

function filerChapters(pageData){
var html = pageData.html;
var $ = cheerio.load(html);
var chapters = $('.chapter');
var courseData = {
title:$('.hd h2').text(),
number:pageData.number,
id:$('.person-num').attr('href').split('/')[2],
videos:[]
};

chapters.each(function(item){
var chapter = $(this);
var chapterTitle = chapter.find('h3').text();
var videos = chapter.find('.video').children('li');
var chapterData = {
chapterTitle:chapterTitle,
videos:[]
};

videos.each(function(item){
var video = $(this).find('.J-media-item');
var videoTitle = video.text().trim();
var id = video.attr('href').split('video/')[1];
var videoData = {
title:videoTitle,
id:id
}
chapterData.videos.push(videoData);
});

courseData.videos.push(chapterData);
});
return courseData;
}

function printCourseData(coursesData){
coursesData.forEach(function(courseData){
console.log('\n');
console.log('? ? ?#########? ?'+courseData.title + '? [學習人數：' + courseData.number + ']? ?#########\n');
courseData.videos.forEach(function(item){
var chapterTitle = item.chapterTitle;

console.log(chapterTitle );

item.videos.forEach(function(video){
console.log(' [' + video.id+ ']' + video.title.trim().split('(')[0]);
})
})
})

}

function getPageAsync(url){
return new Promise(function(resolve, reject){
http.get(url,function(res){
var html = '';

res.on('data',function(data){
html += data;
});

res.on('end',function(){
resolve(html)
});
}).on('error',function(){
console.log('error');
})
})

}

function getLearnDataAsync(html){

return new Promise(function(resolve,reject){
var $ = cheerio.load(html)
var id = $('.person-num').attr('href').split('/')[2]
var pageData = {
html:html,
number:0
}
var db = ''
http.get(learnNumber_baseUrl+id,function(res){
res.on('data',function(data){
db += data;
db = JSON.parse(db)

pageData.number = parseInt(db.data[0].numbers,10)
})
res.on('end',function(){
resolve(pageData);
})
}).on('error',function(){
console.log('error')
})

})

}

var promiseList = []
var coursesDataPromises = []

videosId.forEach(function(id){
promiseList.push(getPageAsync(baseUrl+id).then(function(html){
return getLearnDataAsync(html);
}))
})

Promise
.all(promiseList)
.then(function(pagesData){
var coursesData = []
pagesData.forEach(function(pageData){
coursesData.push(filerChapters(pageData))
})
printCourseData(coursesData)
})

查看全部

0 采集收起來源：重寫爬蟲，更優雅的異步編程
2018-07-12
qq_李什么_0

var http = require('http')
// const fs = require('fs');
var Promise = require('bluebird')
var cheerio = require('cheerio')
var baseUrl = {
"htmlUrl": 'http://www.xianlaiwan.cn/learn/',
"numberUrl": 'http://www.xianlaiwan.cn/course/AjaxCourseMembers?ids='
};
videoIds = [348, 259, 197, 134, 75]

function filterChapters(html) {
var $ = cheerio.load(html)
var chapters = $('.chapter')
var title = $('#main .course-infos .hd h2').text().trim();
var courseData = {
title: title,
videos: []
}
chapters.each(function (item) {
var chapter = $(this)
var chapterTitle = chapter.find('h3').text().trim();
var videos = chapter.find('.video').children('li')
var chapterData = {
chapterTitle,
videos: []
}

videos.each(function (item) {
var video = $(this).find('.J-media-item')
var videoTitle = video.contents().filter(function () {
return this.nodeType == 3;
}).text().trim().split('\n');
var id = video.attr('href').split('video/')[1].trim();

chapterData.videos.push({
title: videoTitle[0].trim(),
id: id
})
//console.log(JSON.stringify(chapterData, undefined, 2));
})

courseData.videos.push(chapterData)
})

return courseData
}

function printCourseInfo(coursesData) {
// console.log(coursesData);
coursesData.forEach(function (courseData) {
console.log(courseData.number + '人學過' + courseData.title + '\n')
})

coursesData.forEach(courseData => {
// console.log('####' + courseData + '\n')
courseData.videos.forEach(function (item) {
var chapterTitle = item.chapterTitle

console.log(chapterTitle + '\n')

item.videos.forEach(function (video) {
console.log(' ?[' + video.id + ']' + video.title + '\n')
})
})
});
}

function getPageAsync(url) {
return new Promise(function (resolve, reject) {
console.log('*********正在爬取' + url + '*********')

var html = ''
var number = 0

http.get(url.htmlUrl, function (res) {

res.on('data', function (data) {
html += data
})

res.on('end', function () {
console.log("*************開始獲取學習人數*************")
http.get(url.numberUrl, function (res) {
var resData = '';
res.on('data', function (data) {
resData += data;
});
res.on('end', function (res) {
number = JSON.parse(resData).data[0].numbers;

resolve({
"html": html,
"number": number
})
})
})

}).on('error', function (e) {
reject(e)
console.log('獲取數據出錯')
})
})
})
}

var fetchCourseArray = []

videoIds.forEach(function (id) {
fetchCourseArray.push(getPageAsync({
"htmlUrl": baseUrl.htmlUrl + id,
"numberUrl": baseUrl.numberUrl + id
}))
})

Promise.all(fetchCourseArray)
.then(function (pages) {
var coursesData = []
pages.forEach(function (page) {
fs.writeFileSync('./index.html', page.html);
var course = filterChapters(page.html)
course.number = parseInt(page.number)
coursesData.push(course)
})
coursesData.sort(function (a, b) {
return a.number < b.number
})

printCourseInfo(coursesData)
})
// const html = fs.readFileSync('./index.html').toString();
// const result = filterChapters(html);

查看全部

0 采集收起來源：重寫爬蟲，更優雅的異步編程
2018-07-02
江月寒 05:53

指定了buffer長度，超出長度的值會被截取

查看全部

0 采集收起來源：橫掃 Nodejs API-Buffer的實例化
2018-06-22

慕粉1717094748

const?fs?=?require('fs')
const?readStream?=?fs.createReadStream('1.mp4')
const?writeStream?=?fs.createWriteStream('2.mp4')
readStream.on('data',(chunk)?=>{
?if(writeStream.write(chunk)?===?false){
????readStream.pause()
?}
})

readStream.on('end',()=>{
??writeStream.end()
??})
??
??writeStream.on('drain',()=>{
????readStream.resume()
??})

查看全部

0 采集收起來源：橫掃 Nodejs API-Stream流動的數據

2018-06-18

swallowlll_lll

on('readable',function(){});//可讀的。
readStream.pause(),事件暫停。
readStream.resume(),事件重啟。
writeStream.on('drain',function(){})//數據耗盡，已經寫入到目標。

查看全部

0 采集收起來源：橫掃 Nodejs API-Stream流動的數據
2018-06-14
swallowlll_lll

pollsize：大?。?/p>
isBuffer:判斷是否為buffer類型；
compare:判斷相對位置;
isEncoding:是否支持某種編碼；
concat：連接創建為新的buffer對象；
byteLength：獲得指定編碼下的字符串所占的字節數。

查看全部

0 采集收起來源：橫掃 Nodejs API-Buffer使用和源碼解讀
2018-06-13
swallowlll_lll

new Buffer('str',格式參數)
Buffer 默認utf-8格式轉換

查看全部

0 采集收起來源：橫掃 Nodejs API-Buffer的實例化
2018-06-13
swallowlll_lll

promise的then方法必須返回一個promise對象。
promiseObj.then(onFulfilled,onRejected)
onFulfilled=function(value){
return promiseObj2
}
onRejected=function(err){}

查看全部

0 采集收起來源：牛逼閃閃的 Promise 只需三點
2018-06-12
swallowlll_lll

<!DOCTYPE html>
<html>
<head>
<title>Promise animation</title>
<style type="text/css">
.ball{
width:40px;
height: 40px;
border-radius: 20px;
}
.ball1{
background: red;
}
.ball2{
background: yellow;
}
.ball3{
background: green;
}
</style>
</head>
<body>
? ? <div class="ball ball1" ></div>
<div class="ball ball2" ></div>
<div class="ball ball3" ></div>

<script type="text/javascript">
var ball1=document.querySelector('.ball1');
var ball2=document.querySelector('.ball2');
var ball3=document.querySelector('.ball3');

? ? ? ? ? ??
? ? ? ? ? ? var Promise=window.Promise;
? ? ? ? ? ? function Promise_animate(ball,distance){
? ? ? ? ? ? ? ? ?return new Promise(function(resolve,reject){
? ? ? ? ? ? ? ? ? ? ? ?function animation(){
? ? ? ? ? ? ? ? ? ? ? ? ? ?setTimeout(function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?var marginLeft=parseInt(ball.style.marginLeft,10);
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?if(marginLeft===distance){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?resolve();
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?return false;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}else {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?if(marginLeft<distance){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?marginLeft++;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}else{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?marginLeft--;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?ball.style.marginLeft=marginLeft +'px';
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?animation();
? ? ? ? ? ? ? ? ? ? ? ? ? ?},13)
? ? ? ? ? ? ? ? ? ? ? ? }?
? ? ? ? ? ? ? ? ? ? ? ? animation();?
? ? ? ? ? ? ? ? ?});
? ? ? ? ? ? }
? ? ? ? ? ? Promise_animate(ball1,100)
? ? ? ? ? ? .then(function(){
? ? ? ? ? ? ? ? return Promise_animate(ball2,200)
? ? ? ? ? ? })
? ? ? ? ? ? .then(function(){
? ? ? ? ? ? ? ? return Promise_animate(ball3,300)
? ? ? ? ? ? })
? ? ? ? ? ? .then(function(){
? ? ? ? ? ? ? ? return Promise_animate(ball3,150)
? ? ? ? ? ? })
? ? ? ? ? ? .then(function(){
? ? ? ? ? ? ? ? return Promise_animate(ball2,150)
? ? ? ? ? ? })
? ? ? ? ? ? .then(function(){
? ? ? ? ? ? ? ? return Promise_animate(ball1,150)
? ? ? ? ? ? })

</script>
? ? ? ??
</body>
</html>

查看全部

0 采集收起來源：先從一個牛逼閃閃的知識點 Promise 講起
2018-06-11
swallowlll_lll

<!DOCTYPE html>
<html>
<head>
<title>Promise animation</title>
<style type="text/css">
.ball{
width:40px;
height: 40px;
border-radius: 20px;
}
.ball1{
background: red;
}
.ball2{
background: yellow;
}
.ball3{
background: green;
}
</style>
</head>
<body>
? ? <div class="ball ball1" ></div>
<div class="ball ball2" ></div>
<div class="ball ball3" ></div>

<script type="text/javascript">
var ball1=document.querySelector('.ball1');
var ball2=document.querySelector('.ball2');
var ball3=document.querySelector('.ball3');

? ? ? ? ? ? function animation(ball,distance,cb){
? ? ? ? ? ? ? ? setTimeout(function(){
? ? ? ? ? ? ? ? ? ? var marginLeft=parseInt(ball.style.marginLeft,10);
? ? ? ? ? ? ? ? ? ? if(marginLeft===distance){
? ? ? ? ? ? ? ? ? ? ? ? cb&&cb();
? ? ? ? ? ? ? ? ? ? ? ? return false;
? ? ? ? ? ? ? ? ? ? }else {
? ? ? ? ? ? ? ? ? ? ? ? if(marginLeft<distance){
? ? ? ? ? ? ? ? ? ? ? ? ? ? marginLeft++;
? ? ? ? ? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? ? ? ? ? marginLeft--;
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ball.style.marginLeft=marginLeft +'px';
? ? ? ? ? ? ? ? ? ? animation(ball,distance,cb);
? ? ? ? ? ? ? ? },13)
? ? ? ? ? ? }

? ? ? ? ? ? animation(ball1,100,function(){
? ? ? ? ? ? ? ? animation(ball2,200,function(){
? ? ? ? ? ? ? ? ? ? animation(ball3,300,function(){
? ? ? ? ? ? ? ? ? ? ? ? animation(ball3,150,function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? animation(ball2,150,function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? animation(ball1,150,function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? })
? ? ? ? ? ? })
</script>
? ? ? ??
</body>
</html>

查看全部

0 采集收起來源：先從一個牛逼閃閃的知識點 Promise 講起
2018-06-11
swallowlll_lll

安裝emmet插件，實現tab鍵自動填充。
按下Ctrl+D ----------- 可以繼續向下同時選中下一個相同的文本進行同時編輯。

查看全部

1 采集收起來源：先從一個牛逼閃閃的知識點 Promise 講起
2018-06-11

首頁上一頁 1 2 3 4 5 6 7 下一頁尾頁

舉報

0/150

提交

取消

該課程已下架

課程須知: 本課程是一個系列課程，前導課程是《進擊 Node.js 基礎（一）》，所以建議小伙伴們學習本課程之前先把它拿下。

老師告訴你能學到什么？: 1、了解 Promise 2、橫掃 Nodejs API：Buffer、API-Stream

微信掃碼，參與3人拼團

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

進擊Node.js基礎（二）

fs.ReadStream 類#

'open' 事件#

'ready' 事件#