ZhangXD_BLOG-CSDN博客

原创 Node.js-Jade模板引擎

3. Jade模板引擎 (1) 使用 const ejs = require('ejs'); ejs.renderFile(path, data, (err, html) => { }) (2) 模板语法Jade.js:const http = require('http');const jade = re...

2018-12-26 17:22:04 243

原创 Node.js-ejs模板引擎

2. EJs模板引擎使用 (1) 安装并导入 npm install ejs Const ejs = require(‘ejs’); (2) 渲染出HTML a. 第一种：渲染字符串 Ejs.render(str,data,optio...

2018-12-26 17:15:22 349 1

原创 Node.js-模板引擎

模板引擎作用：渲染产生HTML 替换HTML的数据内容通过模板引擎的模板继承功能或模板包含功能实现页面的复用（如页头、页脚）常用的模板引擎 Ejs模板引擎 Jade模板引擎 Swing模板引擎例子：Dir.jsconst http = require('h...

2018-12-26 17:00:13 143

原创 Node.js-浏览器端缓存

例子：const http = require('http');const fs = require('fs');// 创建服务const server = http.createServer(function (req, res) { // 获取文信息 fs.stat('./cache.html',function (err,stat) { if (e...

2018-12-26 16:55:30 170

原创 Node.js-多文件上传

例子：const http = require('http');const fs = require('fs');const {URL} = require('url');const path = require('path');const querystring = require('querystring');const formidable = require('formid...

2018-12-26 16:54:50 486

原创 Node.js-文件上传

6. 文件上传File.js: npm install uuid;npm install formidable;const http = require('http');const fs = require('fs');const {URL} = require('url');const path = require('path');const querystring = req...

2018-12-26 16:54:04 86

原创 Node.js-处理POST请求

5. 处理POST请求Post.js:const http = require('http');const fs = require('fs');const {URL} = require('url');const querystring = require('querystring');// 创建服务const server = http.createServer(funct...

2018-12-26 16:52:34 265

原创 JavaScript-平滑滚动到顶部、底部、指定地方

<!DOCTYPE><html><head><meta charset=utf-8" /><title>js平滑滚动到顶部、底部、指定地方</title><script type="text/javascript" src="http://www.daixiaorui.com/

2018-12-21 15:35:11 888

原创 form表单提交前判断-提示框（自定义美化提示框）

index.html： <form action="" method="post" id="form1" enctype="multipart/form-data"> <div class="box"> <ul> <li>

2018-12-21 14:55:15 2036

原创 Canvas-动态绘制六边形（多个六边形）

做了一个鼠标滑过框自动绘制六边形：代码案例： <!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>canvas</title>&amp

2018-12-21 14:43:09 4806

原创 css实现左边高度自适应右边高度

css样式： <style> .container { width: 960px; height: 100%; overflow: hidden; margin: 0 auto; } .left { hei...

2018-12-06 18:01:59 1059

原创 video控制条在部分浏览器禁止显示“下载”-解决方法

1. 搜狗浏览器视频播放器会显示向下箭头的下载按钮：如图：解决方法：只需加入下面的样式video::-internal-media-controls-download-button { display:none;}video::-webkit-media-controls-enclosure { overflow:hidden;}video::-webki...

2018-11-16 14:58:04 3838 2

原创 HTML5下video右键禁用-禁止右键下载视频

2018-11-13 14:33:43 9542

原创 Node.js-处理get数据

4. 处理get请求，例子：表单写入文件Dir.js:const http = require('http');const fs = require('fs');const {URL} = require('url');// 创建服务const server = http.createServer(function (req, res) { const url = new...

2018-10-24 15:43:05 143

原创 Node.js-httpServer类

3. http.server类request事件，每次接收到一个请求时触发 Close事件，当服务器关闭时触发 Server.listen()开启HTTP服务器监听连接 Server.close()停止服务端接收的新连接const http = require('http');// 创建服务const server = http.createServer();//server事...

2018-10-24 15:41:00 535

原创 Node.js-HTTP响应

2. HTTP响应 (1) 响应报文组成响应状态行响应头响应体 (2) HTTP响应头 (3) 响应状态码1xx：信息响应类，表示接收到请求并继续处理 2xx：处理成功响应类，表示动作被成功接收、理解和接收，200请求成功 3xx：重定向响应类 4xx：客户端错误。403没有权限，404请求失败 5xx：服务端错误...

2018-10-24 15:39:56 169

原创 Node.js-HTTP请求详解

1. Http请求(1) 请求报文组成请求行请求头请求体(2) 请求方法GET：服务器获取数据 POST：向服务器提交数据 PUT：修改服务器内容 DELETE：请求服务器删除指定的页面(3) HTTP请求头const http = require('http');// 创建服务const server = http.createServer(functio...

2018-10-24 15:39:10 192

原创 Node.js-核心模块-crypto模块

10. crypto加密(1) 加密方式 Hash包括md5算法、sha1算法、sha256算法、sha512算法等 AES对称加密 Diffie-Hellman密钥交换协议(2) Hash Crypto.createHash() --加密方法 Hash.update --加密的密码 Hash.digest --编码// 导入...

2018-10-24 15:38:06 192

原创 Node.js-核心模块-zlib

9. Zlip (1) gzip压缩 (2) Zlib对象 Gzip.createGzip() Gzip.createGunzip()// 导入模块const fs = require('fs');const zlib = require('zlib');// 创建文件的可读流const rs = fs.createRead...

2018-10-24 15:35:59 2051 1

原创 Node.js-核心模块-readline

8. readline 按行读取readline对象 Readline.createInterface() --创建接口参数：input：可读流 Output：可写流 Prompt：要使用的提示字符串，默认> ...

2018-10-24 15:29:05 314

原创 Node.js-Node核心模块-stream

7. StreamNode.js提供了多种流对象，例如：HTTP请求和process.stdout都是流的实例。流可以是可读、可写或可读写的，所有的流都是EventEmitter的实例。流的类型 Readable ---可读的流（例如：fs.createReadStream()） Writeable --可写的流（例如：fs.createWriteStream()） Du...

2018-10-24 15:24:46 114

原创 Node.js-Node事件机制实例讲解

6.实现用户名登陆：* 1.创建服务* 2.判断路径并处理url(url)，获取主机名（os）并判断* 3.登陆页面* 4.获取url用户名和密码* 5. 执行登陆Dir.js:const http = require('http');const {URL} = require('url');const os = require('os');const fs =...

2018-10-24 15:19:52 119

原创 1024程序员节-真实的自己

码农们，节日快乐！10月24日->1024->1024MB->1G->一级棒，所以程序员是最厉害的，不是屌丝程序员！！！

2018-10-24 15:03:58 871

原创 Node.js-Node核心模块-events模块以及Node事件机制

5. envents node事件机制所有能触发事件的对象都是enventEmitter类的实例。这些对象开发了一个enventEmitter.on()函数，允许将一个或者多个函数绑定到会被对象触发的命名事件上，事件名称通常是驼峰式的字符串，但也可以使用任何有效的javascript属性名。（1）EventEmitter类EventEmitter.defaultMaxListener...

2018-09-25 10:48:05 234

原创 Node.js-Node核心模块-os模块

4. OS--获取操作系统信息和硬件信息 Os.arch() ---CPU架构 Os.cups() ---数组，包含每个逻辑CPU内核的信息 Os.endianness ---二进制编译环境的字节顺序（大端序-小端序） Os.totalmem() ---内存字节数 Os.freemem() ---空闲系统内存的字节数 Os.ho...

2018-09-25 10:39:50 392

原创 Node.js-核心模块querystring

3. querystring querystring.escape() ---编码 Querystring.unescape() ---escape的逆运算 Querystring.parse() ---解析路径，对象 Querystring.stringify() parse的逆运算，对象变成字符串例子：// 导入模块const quer...

2018-09-25 10:38:43 191

原创 Node.js-核心模块url

2. url核心模块（1）URL对象 url.href ---完整的url Url.origin ---协议和主机名 Url.protocol ---协议 Url.username ---认证的用户名 Url.password ---认证的密码 Url.host -...

2018-09-25 10:36:09 206

原创 Node.js-核心模块path

1. Path模块Path.basename() ---文件名+扩展名Path.dirname() ---路径名Path.extname() ---扩展名Path.join() ---拼接路径Path.resolve() ---拼接路径，返回绝对路径Path.parse() ---返回对象，解析路径Path.format() ---parse的逆运算Pa...

2018-09-25 10:31:12 183

原创 Node.js-综合案例-静态文件服务器

10. 静态文件服务器例子：（1）创建http服务（2）访问拼接文件（3）规范url（4）获取文件的后缀，设置不同的content-type（5）404页面（6）处理请求的url只保留路径和文件,去掉url后缀// 导入模块const http = require('http');const fs = require('fs');const url = re...

2018-09-25 10:30:08 149

原创 Node.js-文件模块之其他操作

9. 其他操作（1）绝对路径Fs.realpath() Fs.realpathSync()例子：// 导入文件系统const fs = require('fs');fs.realpath('file/4.txt',function (err,path) { if (err) throw err; console.log(path);});（2）子进程执...

2018-09-25 10:29:08 181

原创 Node.js-文件系统之文件流操作

流（strem）在node.js中是处理流数据的抽象接口。8. 流操作（2）读取流Fs.createReadStream() readStream对象：例子：// 导入文件系统const fs = require('fs');// 可读流读取流// 创建读取流const rs = fs.createReadStream('file/1.txt',{});...

2018-09-25 10:27:33 326

原创 Node.js-文件系统之使用第三方模块操作目录

7. 第三方模块操作目录例子：npm install 包名安装// =======第三方创建目录包make-dir========const madkDir = require('make-dir');// 创建目录madkDir('a/b/c').then(function (paths) { console.log(paths+'创建成功');});// ==...

2018-09-25 10:23:36 513

原创 JavaScript多个h5播放器video，点击一个播放其他暂停

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多个H5播放器video 如何播放暂停</title></head><body>

2018-09-25 10:15:50 8254 3

原创 Node.js-文件系统之目录操作

6. 目录操作（1）创建目录Fs.mkdir() Fs.mkdirSync()例子：创建单层目录const fs = require('fs');// 创建目录// 一，创建单层目录 fs.mkdir('./file',function (err) { if(err) throw err; console.log('目录创建成功'); })例子二：创建...

2018-08-27 17:12:41 308

原创 Node.js-文件系统之文件字节操作

5. 文件字节操作（1）打开文件Fs.open() Fs.openSync()文件打开模式： 'r' - 以读取模式打开文件。如果文件不存在则发生异常。 'r+' - 以读写模式打开文件。如果文件不存在则发生异常。 'w' - 以写入模式打开文件。文件会被创建（如果文件不存在）或截断（如果文件存在）。 'wx' - 类似 'w'，但如果 path...

2018-08-27 13:13:08 1923

原创 ES6-模块

1. 模块化的标准（1）commonJS标准（node.js采用）（2）AMD标准（require.js采用）（3）ES6模块2. 定义模块export，可以export任意类型的数据3.引入模块import，可以起别名index.html<script type="module"> //引入模块 // import {lastName,fir...

2018-08-27 11:35:53 120

原创 ES6-Class

1. 基本使用（1）Class，类，一构造函数a. 原生JS，例子<script> //=================JS构造函数用法 function Point1(x,y){ this.x = x;//定义将来实例的属性 this.y = y; } //给构造函数添加方法 Point1.prototype.toString1 = function...

2018-08-27 11:32:17 755

原创 ES6-Promise

1. Promise的基础(1)js的异步操作: a. ajax请求 b. 浏览器事件 c. 定时，setTime setInteval(2)异步无法避免产生回调函数<script> //定时 setTime(function(){ }) //事件 add.addEventListener("click",function(){...

2018-08-27 11:21:41 494

原创 ES6-新增Set/Map类型

1.Set数据结构（1）定义：类似于数组，但是其成员是唯一的；实现了Interator接口；例子：<script> let mySet =new Set([10,20,4,60,1]); console.log(mySet);//输出数组：Set [ 10, 20, 4, 60, 1 ] //接收Set let mySet2 =mySe...

2018-08-27 10:46:01 169

原创 ES6-对象的新增特性

1.属性的简介表示法例子：<script> let username = "Mark"; let userage = 100; //对象赋值 //ES5 let userInfo = { username: username,//属性：变量 userage: userage }; console....

2018-08-24 12:09:50 1244