quanxiaobai_的博客

原创 VsCode左侧菜单栏字体放大

只要是windows系统都是这个路径，无论你的VsCode安装在哪，它这个配置文件都放在c盘这个路径。打开这个json文件，

原创 nodemon cannot found问题

更改安装目录npm config set prefix /usr/local更改安装目录之后重新安装nodemon、gulp、grunt或者其它库。完美解决。

原创 centos安装nodejs

yum install nodejs 查看版本node -vv6.17.1 版本有点低，我们安装n模块来更新nodejsnpm install -g n算了，不写了，具体用n更新nodejs版本问题，和更新后不奏效的问题，查看该文章https://blog.youkuaiyun.com/chixiang3533/article/details/100799377...

原创 20检查文件或文件夹是否存在

// 判断服务器上面有没有upload目录。如果没有创建这个目录，如果有的话不做操作。//导入模块var fs = require('fs');var path = './upload';fs.stat(path,function(err,stats){ if(err){ //如果报错，说明文件或文件夹不存在 //那就创建文件夹 fs.mkdirSync(path); }else{ //如果存在，则判断是不是文件夹，

原创 a1centos安装nodejs

我是参考这个人的：https://www.cnblogs.com/zhi-leaf/p/10979629.html

原创 19fs模块的其他方法

//fs7.js//fs模块的其他方法var fs = require('fs');/* fs.existsSync(path) - 检查一个文件是否存在*/var isExists = fs.existsSync('7464.jpg');// console.log(isExists);//true/* fs.stat(path,callback) fs.statSync(path) - 获取文件的状态 - 它会给我们返回一个对象，这

原创 18fs流式文件读取

//fs6.js//流式文件读取/* 流式文件读取也适用于一些比较大的文件，可以分多次将文件读取到内存中*/var fs = require('fs');//创建一个可读流var rs = fs.createReadStream('7464.jpg');//监听流的开启和关闭rs.once('open',function(){ console.log('可读流打开了');});rs.once('close',function(){ console.log(

原创 17fs简单文件读取

//fs5.js//简单文件读取/* 1. 同步文件读取 2. 异步文件读取 3. 简单文件读取 fs .readFile(path [ , options] , callback ) fs.readFileSync(path [ , options] ) - path要读取的文件的路径 - options读取的选项 - callback回调函数，通过回调函数将读取到内容返回(err , data) 4.

原创 16fs流写入

//fs4.js//流式文件写入/* 同步、异步、简单文件的写入都不适合大文件的写入，性能较差，容易导致内存溢出 这时就需要流式文件写入*///导入模块var fs = require('fs');/* fs.createWritestream (path [ , options ] ) - 可以用来创建一个可写流 - path，文件路径 - options 配置的参数*///创建可写流（相当于创建一条水管，连接到了文件）var ws

原创 15fs简单写入

//fs3.js//简单文件写入/* fs.writeFile(file, data[ , options] , callback) fs .writeFileSync(file, data [ , options ]) - file要操作的文件的路径 - data要写入的数据 - options选项，可以对写入进行一些设置 包括: encoding 默认 = 'utf-8'

原创 14fs文件系统

//fs2.js//这里主要演示异步文件操作/* 1. 异步打开文件 fs.open(path, flags [ , mode] , callback ) - 用来打开一个文件 - 异步调用的方法，结果都是通过回调函数的参数返回的 （小技巧：有回调函数的，我们可以打印arguments看看它传了哪些参数可以用） （这里的callback有两个：err , fd。err是错误，fd是文件描述） .

原创 13fs文件系统

本节有很多不容易用文字表达的内容，具体还需参考：https://www.bilibili.com/video/BV1bs411E7pD?p=15//fs1.js/* 文件系统(File system) -文件系统简单来说就是通过Node来操作系统中的文件 -使用文件系统，需要先引入fs模块，fs是核心模块，直接引入不需要下载 文件的写入 - 手动操作的步骤 1.打开文件 同步.

原创 12Buffer缓冲区

Buffer(缓冲区)- Buffer的结构和数组很像，操作的方法也和数组类似- 数组中不能存储二进制的文件，而buffer就是专门用来存储二进制数据- 使用buffer不需要引入模块，直接使用即可- 在buffer中存储的都是二进制数据，但是在显示时都是以16进制的形式显示- buffer中每一个元素的范围是从00 - ff，即0 - 255 buffer中的一个元素，占用内存的一个字节- Buffer的大小一旦确定，则不能修改。Buffer实际上是对底层内存的直接操作。 比如Buf.

原创 11node搜索包的流程

原创 10npm简介

npm（node package manager）其实就相当于python中的pip，用来管理包的npm init可以将某个文件夹目录设置为“包”，然后用npm下载包的话，就会下载到该目录了。这个命令的本质就是帮你快速生成一个json文件：package.json然后就是在该路径下进入命令行，用npm下载包，包就会下载到该目录下了npm命令...

原创 9包简介（什么是包）

其中package.json是必须的，其他可有可无。所谓的包就是将你写的那些模块放进一个文件夹里面，然后加一个package.json，用来告诉别人这是干嘛用的。

原创 8exports和module.exports

/*exports 和 module.exports-通过exports只能使用.的方式来向外暴露内部变量 exports.xx=XXX-而module.exports既可以通过.的形式，也可以直接赋值 module.exports.XXX = XXXX module.exports = {}*/

原创 7模块化练习+模块化详解

定义一个模块math在该模块中提供两个方法add(a , b); //求两个数的和mul(a , b); //求两个数的积//math.jsvar add = function(a , b){ return a+b;};// console.log(add(1,1));//2var mul = function(a , b){ return a*b;};// console.log(mul(2,2));//4//暴露add、mulexports.add

原创 6模块化简介

//引入其他的模块/* 模块化 - 在Node中，一个js文件就是一个模块 - 在node中，通过require()函数来引入外部的模块 - require()可以传递一个文件的路径作为参数， node将会自动根据该路径来引入外部模块这里路径，如果使用相对路径，必须以.或..开头 - 使用require()引入模块以后，该函数会返回一个对象，这个对象代表的是引入的模块 - 在Node中，每一个js文件中的js代码都是独立运行在一个函数中（所以这里引用了module.js，但是用不了它

原创 5supervisor工具使用

现在我们用nodejs的http服务，当我们更新了代码之后，需要重新执行命令才能重启服务，这样我们更新的代码才会生效。现在我们介绍一下使用supervisor，这样更新代码后就不需要手动地重启服务了，它会自动重启服务，这样代码就能立即生效了。（弹幕说nodemon什么的会更好，不过我们这里先搞supervisor先）第一步，用npm安装supervisor（npm感觉就相当于python里面的pip，一个包管理工具）npm install -g supervisor 如果安装不成功，我们

原创 4Http模块、Url模块

如果我们使用PHP来编写后端的代码时，需要Apache或者Nginx的HTTP 服务器，来处理客户端的请求相应。不过对于Node.js来说，概念完全不一样了。使用Node.,js时，我们不仅仅在实现一个应用，同时还实现了整个HTTP服务器。我们创建NodeJs项目的时候，路径不要有中文和空格开发工具建议使用vscode，然后我们安装nodejs的提示插件：Node Snippets    测试一下node的http服务器app.js//导入htt.

原创 3nodejs简介和安装配置环境变量

Node.js是一个是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境Node采用Google开发的V8引擎运行js代码，使用事件驱动非阻塞和异步I/O模型等技术来提高性能，可优化应用程序的传输量和规模...

原创 103事件的传播

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>事件的传播</title> <style type="text/css"> #box1 { width: 300px; height: 300px; background-color: red; } #box2 { width: 20.

原创 96getStyle方法

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>getStyle方法</title> <style type="text/css"> #box1 { width: 100px; height: 100px; background-color: red; } </style> <s

原创 95读取元素当前的样式

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>读取元素当前的样式</title> <style type="text/css"> #box1 { width: 100px; height: 100px; background-color: #bfa; } </style> <s

原创 94操作内联样式

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>操作内联样式</title> <style type="text/css"> .box1 { width: 100px; height: 100px; background-color: #bfa; } </style> <scri

原创 92dom增删改

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>dom增删改</title> <script type="text/javascript"> window.onload = function(){ /* document.createElement() 可以用来创建一个元素节点对象 它需要一个标

原创 91dom查询

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>dom查询</title> <script type="text/javascript"> window.onload = function(){ // 获取body标签 // var body = document.getElementsByTagName("body"

原创 90全选练习

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>全选练习</title> <script type="text/javascript"> window.onload = function(){ var checkBox = document.getElementsByName("items"); var chec

原创 89dom查询

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>dom查询</title> <script type="text/javascript"> window.onload = function(){ /* 获取父节点 parentNode */ var box2 = document.ge.

原创 88dom查询

原创 87图片切换练习

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图片切换练习</title> <script type="text/javascript"> window.onload = function(){ var img = document.getElementById("img"); var last = document

原创 86.dom查询

innerHTML对于自结束标签是没有意义的如果需要读取元素的属性，直接元素.属性名，如：inputs[i].value

原创 85.文档的加载

浏览器加载页面是从上到下加载的，一行一行加载。如果在前边写了比如说：var btn = document.getElementById(“btn”);但是这时候我们的按钮还没加载出来，那么上面这行代码就会出错，找不到id="btn"的对象。所以解决方法是可以把script标签写在文档的最后，让它最后再加载。也可以用window.onload推荐写在在文档的末尾，但是实际工作中写哪的都有，看公司怎么要求咯。<!DOCTYPE html><html> <head&g

原创 84.事件的简介

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>事件的简介</title> </head> <body> <!-- 这种写法，结构和行为耦合了，不推荐 --> <!-- <button οnclick="alert('你点我干嘛？')">这里是一个按钮</button> --&g

原创 83.DOM简介

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DOM简介</title> </head> <body> <button id="btn" type="button">这是一个按钮</button> </body> <script type="text/javascript"&g

原创 82.邮件的正则

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>邮件的正则</title> <script type="text/javascript"> /* 电子邮件 1501767197@qq.com */ //我不想看了，到时候需要的时候再说吧 </script> </head>

原创 81.正则表达式语法2

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>正则表达式语法2</title> <script type="text/javascript"> /* 检查一个字符串中是否含有. . 表示任意字符 在正则表达式中使用\作为转义字符 \.来表示. \\表示\ 注意：使用构造函数

原创 80.正则表达式语法

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>正则表达式语法</title> <script type="text/javascript"> /* 量词 - 通过量词可以设置一个内容出现的次数 - 量词只对它前边的一个内容起作用 比如：ab{3}就只对b起作用而已 如果要对多个内容起

原创 79.字符串和正则的相关方法

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>字符串和正则相关的方法</title> <script type="text/javascript"> /* split() - 将字符串拆分成数组 - 可以将正则表达式作为参数传进去 - 这个方法即使不指定全局匹配，也会全都插分 */ v