Node.js是一个基于Chrome V8引擎的JavaScript运行时环境，它让JavaScript能够在服务器端和命令行等非浏览器环境中运行，以下是关于它的详细介绍：
特点
基本类型
1. 布尔类型（boolean）
用于表示逻辑上的真或假，只有两个值：true 和 false。
let isEnabled: boolean = false;定义与原理
let arr=[11,45,2,32,89,0];
arr.sort(function(a,b){
return a-b;
})
console.log(arr);这是一个最笨的方法，双重循环。
let arr = [1, 2, 3,4 ,5,6, 4, 3, 8, 1]
// 数组去重：
// 方法1： 双重for 循环
function newArrFn (arr) {
// 创建一个新的空数组
let newArr = []
for(let i = 0;i<arr.length;i++){
// 设置一个开关，如果是true，就存进去，不是就不存
let flag = true
for(let j = 0;j<newArr.length;j++){
// 原数组和新数组作比较，如果一致，开关变为 false
arr[i] === newArr[j] ? flag = false : flag
};
flag ? newArr.push(arr[i]) : newArr
};
return newArr
}
console.log(newArrFn(arr));// main
Vue.prototype.eventBus = new Vue()
// comp1
this.eventBus.$emit('handle','value')
// comp2
this.eventBus.$on('handle', callback)// 手写promise
function myPromise(fn) {
let self = this;
self.status = 'pending';
self.value = undefined;
self.reason = undefined;
function resolve(value) {
if (self.status === 'pending') {
self.value = value;
self.status = 'resolved';
}
}
function reject(reason) {
if (self.status === 'pending') {
self.reason = reason;
self.status = 'rejected';
}
}
try {
fn(resolve, reject)
} catch (e) {
reject(e);
}
myPromise.prototype.then = (resolve, reject)=> {
switch (self.status) {
case 'resolved':
return resolve?resolve(self.value):null;
break;
case 'rejected':
return reject?reject(self.reason):null;
break;
default:
break;
}
}
myPromise.prototype.catch = reject=> {
return myPromise.prototype.then(null, reject);
};
}
let test = new myPromise((resolve,reject)=>{
// resolve(8888);
reject(4444)
})
test.then(res => {
console.log('res',res)
},err=>{
console.log('err',err)
})
test.catch(err=>{
console.log('err',err)
})<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
手写一个简单双向绑定<br />
<input type="text" id="model"><br />
<div id="modelText"></div>
</body>
<script type="text/javascript">
var user = {
name: '希染'
};
var defaultName = '希染'
var input = document.querySelector("#model");
var text = document.querySelector("#modelText");
input.value = user.name;
text.textContent = user.name;
// 数据到视图 model => view
Object.defineProperty(user, "name", {
get: function() {
console.log('获取user')
},
set: function(val) {
console.log('修改user')
input.value = val;
text.textContent = val;
}
})
// 视图到数据 view => model
input.addEventListener('input', function(val) {
user.name = input.value;
})
</script>
</html>1、首先，在浏览器地址栏中输入url
2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作。
3、在发送http请求前，需要域名解析(DNS解析)，解析获取相应的IP地址。
4、浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。
5、握手成功后，浏览器向服务器发送http请求，请求数据包。
6、服务器处理收到的请求，将数据返回至浏览器
7、浏览器收到HTTP响应
8、读取页面内容，浏览器渲染，解析html源码
set和mapSet 是一种无序且唯一的数据集合，它类似于数组，但成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用于创建 Set 对象。
Map 是一种键值对的集合，其中键和值可以是任意类型。与普通对象不同，Map 的键可以是对象、函数等任意类型，而不仅仅是字符串或符号。
set的使用场景
set可自动去除重复元素。如在文本处理中，将文本中的单词存入set，可快速得到不重复的单词集合。set可轻松找出两个用户好友列表的共同好友（交集）等。set存储游戏中的道具ID，可快速判断玩家是否拥有某道具。