基础插件应用
const path = require(‘path‘);
const fs = require(‘fs‘);
const url = require(‘url‘);
const http = require(‘http‘);
const mime = require(‘mime‘);
=========================
创建服务器
const app = http.createServer();
============================
app.on(‘request‘, (req, res) => {
//res.end(‘hello‘);
console.log(url.parse(req.url));
let { pathname } = url.parse(req.url);
if (pathname === ‘/‘) {
pathname = ‘/index.html‘;
}
let absPath = path.join(__dirname, ‘public‘, pathname);
console.log(absPath);
let type = mime.getType(absPath);
fs.readFile(absPath, ‘utf8‘, (err, data) => {
//不存在当前页面
if (err !== null) {
res.writeHead(404, {
‘content-type‘: ‘text/html;charset=utf8‘
});
res.end(‘你访问的页面不存在‘);
}
res.writeHead(200, {
‘content-type‘: type
});
res.end(data);
});
});
app.listen(9999);
浏览器事件环
浏览器事件环： 全局执行环境（执行上下文）
js单线程（主线程）——程序的执行路径
同步有限，然后异步。
异步线程：放置缓冲区【异步任务队列】
setTimeout\setInterval 宏任务
onclick：事件回调
promise 微任务
ajax
微任务 > 宏任务
script宏任务先执行，之后的执行过程：先清空微任务，再执行宏任务。
==================================浏览器常用的宏任务微任务====================================
宏任务：JS渲染，ui渲染，定时器：setTimeout\setInterval\setImmdiate ,node中的I\O操作
微任务：promise[不同版本实现，特例：宏任务],process.nextTick, Object.observe , MutationObserver
Vue.nextTick(function(){}) ——异步的微任务
支持promise，采用promise实现；
不支持，使用MutationObserver
不支持，使用setImmediate
不支持，使用setTimeout
待深入部分：
模块化
事件环