react和vue的比较
相同
1）vitual dom
2）组件化
3）props，单一数据流
不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）
})
文件创建成功，并且出现了写入的内容。
如果修改写入内容，再次执行，就会将原来文件中的内容替换掉。
=======================================================================================
app.js：
const fs = require(‘fs’)
// 4 fs.appendFile 追加写入文件内容
fs.appendFile(‘./css/base.css’,‘body{margin:0;padding:0;}’,(err)=>{
if(err){
return console.log(err)
}
console.log(‘appendFile 成功’)
})
可以看到，如果首次执行 fs.appendFile 往不存在的文件中追加内容，和 fs.writeFile 功能一致，都会先创建该文件，之后在写入内容。
但是如果是往已经存在的文件中写入内容：
const fs = require(‘fs’)
fs.appendFile(‘./css/base.css’,‘\n.el-button{padding:10px;}’,(err)=>{
if(err){
return console.log(err)
}
console.log(‘appendFile 成功’)
})
fs.appendFile 会往已经存在的内容进行追加要加入的内容，而非覆盖。
=====================================================================================
app.js：
const fs = require(‘fs’)
fs.readFile(‘./html/index.html’,(err,data)=>{
if(err){
return console.log(err)
}
console.log(data)
console.log(data.toString())
})
fs.readFile 的回调函数中，返回的是文件的Buffer数据，需要通过toString()转化为我们熟悉的字符串。
==================================================================================
app.js：
const fs = require(‘fs’)
// 6 fs.readdir 读取目录
fs.readdir(‘./html’,(err,data)=>{
if(err){
return console.log(err)
}
console.log(data)
})
为了测试创建了test.html文件和js文件夹，可以看到无论是文件还是文件夹，fs.readdir 都能够读取。
==================================================================================
为了测试，先创建一个index.css文件
app.js：
const fs = require(‘fs’)
fs.rename(‘./css/index.css’,‘./html/test.css’,(err)=>{
if(err){
return console.log(err)
}
console.log(‘移动/重命名文件成功’)
})
可以看到的是，fs.rename不仅有重命名文件的功能，还可以移动文件的位置。
9. fs.rmdir 和 fs.unlink 删除目录和删除文件
=================================================================================================
为什么要把这两个API放在一起说明呢？让我们先看看下面这个例子。
先在js文件夹下创建两个js文件。
app.js：
const fs = require(‘fs’)
// 8 fs.rmdir 删除目录
fs.rmdir(‘./html/js’,(err)=>{
if(err){
return console.log(err)
}
console.log(‘删除目录成功’)
})
报错，提示删除的目录不为空，说明rmdir这个API智能删除空的目录。因此我们就需要先使用fs.unlink删除该目录底下的文件。
const fs = require(‘fs’)
// 9 fs.unlink 删除文件
fs.unlink(‘./html/js/index.js’,(err)=>{
if(err){
return console.log(err)
}
console.log(‘删除文件成功’)
})
fs.unlink(‘./html/js/test.js’,(err)=>{
if(err){
return console.log(err)
}
console.log(‘删除文件成功’)
})
此时，再次使用fs.rmdir：
js目录就可以被删除了。
=======================================================================================
10.1 练习：判断服务器上是否有upload这个目录，如果没有就创建这个目录，如果有的话就不操作。 （用于图片上传）
app.js：
// 判断服务器上是否有upload这个目录，如果没有就创建这个目录，如果有的话就不操作。 （用于图片上传）
const fs = require(‘fs’)
const path = ‘./upload’
fs.stat(path,(err,data)=>{
if(err){
// 创建目录
return mkdir(path)
}
else if(data.isDirectory()){
console.log(${path} 文件夹已存在)
}
else if(data.isFile()){
// 如果存在相同名称的文件的话，就需要先删除该文件，再执行创建目录操作
fs.unlink(path,(err)=>{
if(!err){
mkdir(path)
}
else{
console.log(‘请检测传入的值是否正确’)
}
})
}
})
function mkdir(path){
fs.mkdir(path,(err)=>{
if(err){
return console.log(err)
}
console.log(创建 ${path} 目录成功)
})
}
如果再次执行：
删除upload目录，创建一个upload文件，再执行：
mkdirp可以说是为了上面的场景而创建的一个api，用于更加简便的创建目录。
（1）下载mkdirp：
npm i mkdirp
（2）app02.js：
const mkdirp = require(‘mkdirp’)
mkdirp(‘./upload02’).then(made =>{
console.log(made)
})
如果当前没有该目录，则会直接创建该目录，并再回调中输出路径，否则输出undefined。
也可以用于生成多级目录。
但是这样其实还有一个弊端，就是当该目录存在一个没有任何后缀的相同文件名的文件时，执行创建目录操作就会有异常。
先创建wwwroot及其底下的几个目录和文件。
app.js：
ES6
-
列举常用的ES6特性：
-
箭头函数需要注意哪些地方？
-
let、const、var
-
拓展：var方式定义的变量有什么样的bug？
-
Set数据结构
-
拓展：数组去重的方法
-
箭头函数this的指向。
-
手写ES6 class继承。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
微信小程序
-
简单描述一下微信小程序的相关文件类型?
-
你是怎么封装微信小程序的数据请求？
-
有哪些参数传值的方法？
-
你使用过哪些方法，来提高微信小程序的应用速度？
-
小程序和原生App哪个好？
-
简述微信小程序原理？
-
分析微信小程序的优劣势
-
怎么解决小程序的异步请求问题？
样的bug？
-
Set数据结构
-
拓展：数组去重的方法
-
箭头函数this的指向。
-
手写ES6 class继承。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
微信小程序
-
简单描述一下微信小程序的相关文件类型?
-
你是怎么封装微信小程序的数据请求？
-
有哪些参数传值的方法？
-
你使用过哪些方法，来提高微信小程序的应用速度？
-
小程序和原生App哪个好？
-
简述微信小程序原理？
-
分析微信小程序的优劣势
-
怎么解决小程序的异步请求问题？
1465
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
