- 博客(215)
- 资源 (8)
- 收藏
- 关注
原创 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 262
原创 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 369 1
原创 Node.js-模板引擎
模板引擎作用: 渲染产生HTML 替换HTML的数据内容 通过模板引擎的模板继承功能或模板包含功能实现页面的复用(如页头、页脚)常用的模板引擎 Ejs模板引擎 Jade模板引擎 Swing模板引擎 例子:Dir.jsconst http = require('h...
2018-12-26 17:00:13 155
原创 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 192
原创 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 502
原创 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 100
原创 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 289
原创 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 903
原创 form表单提交前判断-提示框(自定义美化提示框)
index.html: <form action="" method="post" id="form1" enctype="multipart/form-data"> <div class="box"> <ul> <li>
2018-12-21 14:55:15 2054
原创 Canvas-动态绘制六边形(多个六边形)
做了一个鼠标滑过框自动绘制六边形:代码案例: <!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>canvas</title>&
2018-12-21 14:43:09 4852
原创 css实现左边高度自适应右边高度
css样式: <style> .container { width: 960px; height: 100%; overflow: hidden; margin: 0 auto; } .left { hei...
2018-12-06 18:01:59 1091
原创 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 3940 2
原创 HTML5下video右键禁用-禁止右键下载视频
<script language="javascript" type="text/javascript" src="script/jquery-1.7.1.min.js"></script><script>$(document).ready(function(){$('#video').bind('contextmenu',function() { re..
2018-11-13 14:33:43 9601
原创 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 160
原创 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 566
原创 Node.js-HTTP响应
2. HTTP响应 (1) 响应报文组成响应状态行 响应头 响应体 (2) HTTP响应头 (3) 响应状态码1xx:信息响应类,表示接收到请求并继续处理 2xx:处理成功响应类,表示动作被成功接收、理解和接收,200请求成功 3xx:重定向响应类 4xx:客户端错误。403没有权限,404请求失败 5xx:服务端错误...
2018-10-24 15:39:56 183
原创 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 210
原创 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 202
原创 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 2090 1
原创 Node.js-核心模块-readline
8. readline 按行读取readline对象 Readline.createInterface() --创建接口 参数:input:可读流 Output:可写流 Prompt:要使用的提示字符串,默认> ...
2018-10-24 15:29:05 374
原创 Node.js-Node核心模块-stream
7. StreamNode.js提供了多种流对象,例如:HTTP请求和process.stdout都是流的实例。流可以是可读、可写或可读写的,所有的流都是EventEmitter的实例。流的类型 Readable ---可读的流(例如:fs.createReadStream()) Writeable --可写的流(例如:fs.createWriteStream()) Du...
2018-10-24 15:24:46 127
原创 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 126
原创 1024程序员节-真实的自己
码农们,节日快乐!10月24日->1024->1024MB->1G->一级棒,所以程序员是最厉害的,不是屌丝程序员!!!
2018-10-24 15:03:58 962
原创 Node.js-Node核心模块-events模块以及Node事件机制
5. envents node事件机制所有能触发事件的对象都是enventEmitter类的实例。这些对象开发了一个enventEmitter.on()函数,允许将一个或者多个函数绑定到会被对象触发的命名事件上,事件名称通常是驼峰式的字符串,但也可以使用任何有效的javascript属性名。(1)EventEmitter类EventEmitter.defaultMaxListener...
2018-09-25 10:48:05 297
原创 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 409
原创 Node.js-核心模块querystring
3. querystring querystring.escape() ---编码 Querystring.unescape() ---escape的逆运算 Querystring.parse() ---解析路径,对象 Querystring.stringify() parse的逆运算,对象变成字符串例子:// 导入模块const quer...
2018-09-25 10:38:43 211
原创 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 224
原创 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 201
原创 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 162
原创 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 210
原创 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 358
原创 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 527
原创 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 8341 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 329
原创 Node.js-文件系统之文件字节操作
5. 文件字节操作(1)打开文件Fs.open() Fs.openSync()文件打开模式: 'r' - 以读取模式打开文件。如果文件不存在则发生异常。 'r+' - 以读写模式打开文件。如果文件不存在则发生异常。 'w' - 以写入模式打开文件。文件会被创建(如果文件不存在)或截断(如果文件存在)。 'wx' - 类似 'w',但如果 path...
2018-08-27 13:13:08 1980
原创 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 128
原创 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 781
原创 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 525
原创 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 180
原创 ES6-对象的新增特性
1.属性的简介表示法例子:<script> let username = "Mark"; let userage = 100; //对象赋值 //ES5 let userInfo = { username: username,//属性:变量 userage: userage }; console....
2018-08-24 12:09:50 1258
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人