JS
关注
分享
扫一扫
Vodka~
他们，是为我而死的
展开
-
聊天室应用——jquery + node.js + websocket
1.index.jsvar app = require('express')();var express = require('express');var Server = require('http').createServer(app);var io = require('socket.io')(Server);var path = require('path');var Router = require('./Router');//配置body-parservar BodyParser原创 2021-06-06 14:00:03 · 4613 阅读 · 26 评论 -
王者荣耀界面登录注册验证——express+mongodb
1.app.jsvar express = require('express');var path = require('path');var app = express();var router = require('./router');//配置body-parservar BodyParser = require('body-parser');app.use(BodyParser.urlencoded({extend: false}));app.use(BodyParser.json(原创 2021-05-26 00:11:41 · 1237 阅读 · 1 评论 -
Promise的应用
const { RSA_PKCS1_OAEP_PADDING } = require('constants');var fs = require('fs');const { resolve } = require('path');/* 在Ecmascript 6中新增了一个 API ，Promise(一个构造函数) 1.Promise容器: Promise本身不是异步的，但是内部封装存放了一个异步任务, Pending(悬挂状态)里的异步任务变化结果只有两种function(原创 2021-05-04 13:46:33 · 254 阅读 · 1 评论 -
Node-curd案例(Mongodb版本)
//数据库模式设计 Student.jsvar mongoose = require('mongoose');mongoose.connect('mongodb://localhost/Student',{ useNewUrlParser: true});//设计学生数据库的模式var StudentSchema = new mongoose.Schema({ Sno: { type: String, require: true }, Nam原创 2021-04-24 13:52:14 · 241 阅读 · 0 评论 -
node.js-curd案例
//app.jsvar express = require('express');var fs = require('fs');var router = require('./router');//将 post 的body 添加到 url 对象的属性中var bodyParser = require('body-parser');var app = express();//配置body-parser(中间件),专门用来解析post 的请求体app.use(bodyParser.urlenc原创 2021-04-17 16:27:52 · 284 阅读 · 0 评论 -
Node.js -Express 路由配置
//router.jsvar fs = require('fs');var express = require('express');console.log('Router had been excuted.');//路由页面，用来存放各种各样的路由module.exports = function(app){ //主页面的views目录要和app.js目录同级 app.get('/',function(request,response){ //从文件中读取数据,(因为读取文原创 2021-04-10 10:18:34 · 488 阅读 · 0 评论 -
Node.js-用Express框架构建留言页面
//art-template for express/* npm install --save art-template npm install --save express-art-template*/var express = require('express');var bodyParser = require('body-parser');var app = express();/* 配置使用 art-template 模板引擎,第一个参数表示，当渲染以 .art原创 2021-04-04 17:19:56 · 277 阅读 · 0 评论 -
node.js -静态资源服务
1.安装：npm install --save express2.路由（router）：-路由就是一张记录着记录着个相应ip地址相应端口的表，具有映射关系；比喻： xxx大厦 ：看门老大爷（网关）有一张各公司门牌号的表：xxx公司 3楼 205号yyy公司 17楼 890号。。。。。。你想去哪个公司，就得去找老大爷，老大爷会查表告诉你3.基本路由：（一个路由构成）-请求方法-请求路径-请求处理函数//以get方法请求响应的url路径时，执行相应的回调函数原创 2021-04-03 16:20:28 · 263 阅读 · 0 评论 -
Node.js- npm
1.npm: node package manager2.npm 网站：npmjs.com3.npm命令行工具：-安装了node就已经安装了npm： npm --version-升级npm：npm install --global npm-跳过向导，快速生成： npm init -y-一次性把dependencies 选项中的依赖项全部安装：npm install / npm i-只下载相应包： npm install 包名 / npm i 包名-下载并保存依赖项（package.json原创 2021-03-31 13:29:45 · 140 阅读 · 0 评论 -
Node.js-模块系统
1.模块化： -文件作用域-通信规则： *导入 (require) ， *导出（exports）2.CommonJS 模块规范：-模块作用域-使用 require 方法来加载模块-使用 exports 接口对象来导出模块中的成员3.导出 exports:Node 中时模块作用域默认文件中所有的成员只在当前文件模块有效，对于其他模块需要访问的成员，把这些成员挂载到exports 接口对象中即可//直接挂载在exports对象上exports.a = 666;exports.b =原创 2021-03-29 23:33:12 · 155 阅读 · 0 评论 -
Node.js简单模板引擎
var Fs = require('fs');var http = require('http');var Server = http.createServer();// Fs.readdir('D:/web/Node/',function(error,files){// if(error){// console.log('ReadFile failure!');// }// else {// //输出一个对象包含相应路径下的文件目录原创 2021-03-21 13:08:07 · 138 阅读 · 0 评论 -
Node.js 制作简易的服务器渲染留言页面
//note.jsvar fs = require('fs');var http = require('http');var template = require('art-template');var Url = require('url');const { url } = require('inspector');//获取时间的函数function GetNowFormatDate(){ var MyDate = new Date(); var year = MyDate.原创 2021-03-27 10:53:21 · 176 阅读 · 0 评论 -
Node.js 由服务端发送渲染页面到客户端
var template = require('art-template');var http = require('http');var Fs = require('fs');var Server = http.createServer();Server.on('request',function(request,response){ var url = request.url; if(url === '/render'){/* 1.读取相应html文件， 并用模板引擎完原创 2021-03-22 00:18:08 · 269 阅读 · 0 评论 -
Node.js——art-template
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>art原创 2021-03-21 23:15:59 · 146 阅读 · 0 评论 -
Node.js模块编程
/* require方法有两个作用： 1.加载文件模块，并执行里面的代码 2.拿到被加载文件模块导出的接口对象，在每个文件模块中都提供了一个对象： exports exports 默认是一个空对象 3.*///接收 exports接口 对象var res = require('./a2.js');console.log('ret: ' + res.name );res.get();console.log(' a * b : '+ res.mu原创 2021-03-19 23:11:39 · 122 阅读 · 0 评论 -
Node.js创建简单的http服务
/* 使用Node构建一个简单的Web服务器，在Node中专门提供了一个核心模块：http，用来构建编写服务器*///加载核心模块var http = require('http');//使用 http.createServer() 的方法创建一个 Web 服务器 ， 返回一个Server实例var server = http.createServer();/* 服务器用处： 1.提供服务： 对数据的服务 2.发请求 3.接收请求原创 2021-03-16 22:08:02 · 288 阅读 · 0 评论 -
Node.js基本概念以及读写文件处理
1.B/S编程模型：*Browser-Server*back-end*所有服务端的技术的BS编程模型都是一样的，和语言无关*Node只是编程模型的工具2.模块化编程*RequireJS*SeaJS*@import(‘文件路径’)*JavaScript一般只能用标签 script 来加载*在Node中可以像@import（）一样来引用加载JS的脚本文件3.Node常用API4.异步编程：*回调函数*Promise*async*generator5.Express开发框架原创 2021-03-15 16:02:59 · 231 阅读 · 0 评论 -
js修改音频播放器样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="../fonts/iconfont.css"/> <style type="text/css"> *{ margin: 0; p原创 2021-03-12 22:38:54 · 665 阅读 · 0 评论 -
原生AJAX
1.AJAX简介：全称 ： Asynchronous JavaScript and XML，就是异步的JS和 XML 。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。并不是一种新的编程语言，而是一种将现有的标准组合在一起使用的新方式。2.XML简介：XML ：可扩展标记语言。XML被设计用来传输和存储数据，和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全部都是自定义标签，用来标示一些数据。<student> <原创 2021-03-02 00:27:37 · 255 阅读 · 2 评论 -
Web Workers
1.H5规范提供了js分线程实现，取名为：Web Workers2.相关API*Worker: 构造函数，加载分线程执行的js文件*Worker.portotype.onmessage:用于接收另一个线程的回调函数*Worker.prototype.postMessage: 向另一个线程发送消息3.不足之处：*Worker内代码不能操作DOM（更新UI）*不能跨域加载JS*不是每个浏览器都支持这个新特性...原创 2021-02-14 12:05:14 · 128 阅读 · 1 评论 -
JS事件循环模型
1.js引擎执行代码的基本流程：*初始化代码–>回调代码2.模型的两个重要组成部分：*事件（定时器/DOM事件/AJAX)管理模块*回调队列3.模型的运转流程：*执行初始化代码，将事件回调函数交给对应模块管理*当事件发生时，管理模块会将回调函数及其数据添加到回调队列中*只有当初始化代码执行完后（可能要一段时间），才会遍历读取回调队列中的回调函数执行...原创 2021-02-12 21:46:27 · 444 阅读 · 0 评论 -
单线程执行的JS
1.如何证明js是单线程执行的？*setTimeout() 的回调函数是在主线程执行的*定时器回调函数只有在运行栈中的代码全部执行完后才有可能执行2.为什么js要用单线程模式，而不用多线程模式？*作为浏览器脚本语言，javascript的主要用途是与用户互动，以及操作DOM。*这决定了它只能是单线程，否则会带来很复杂的同步问题。（减少同步操作带来的开销）*就算有了H5 web workers ，也只有一个线程更新操作界面3.代码的分类：*初始化代码*回调代码4.js引擎执行代码的基本流原创 2021-02-12 21:10:08 · 141 阅读 · 0 评论 -
进程与线程
1.进程(process): 程序的一次执行，它占有独有的一片内存空间，可以通过windows任务管理器查看进程2.线程（thread): 进程内的一个独立执行单元，是程序执行的一个完整流程，也是CPU最小的调度单元程序3.程序执行，分为单进程程序和多进程程序，执行完一个程序可能是单个线程，也可能是多个线程4.*应用程序必须运行在某一个进程的某个线程上；*一个进程中至少有一个运行的线程：主线程，进程启动后自动创建；*一个进程中可以同时运行多个线程，那么这个是多线程程序；*一个进程内的数据原创 2021-02-09 23:12:01 · 110 阅读 · 2 评论