github的地址已经更换,求start https://github.com/mySoul8012 继续~ Express框架 简单介绍一下 Express事实上Node内置的http模块上构建的一层抽象...理论上所有Express实现的功能都能用Node实现 核心特征; 设置中间件响应http请求 定义路由表,执行不同的http请求 先模板传递参数,来动态的渲染html文件 一些网址 npm的Express...updated (since 2018-07-21): 1 packages (detail see file C:\Users\mingm\Desktop\test\Express\node_modules...路由 路由决定了由谁响应http请求,通过提取GET和POST请求的参数,下面继续扩展程序 PS C:\Users\mingm\Desktop\index\Express> node app.js {.../ 入口文件 package.json // 配置文件 代码如下 PS C:\Users\mingm\Desktop\index\Express> node app.js { address
一、什么是Express 基于 Node.js 平台,快速、开放、极简的 Web 开发框架 Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能...通俗的理解:Express的作用和Node.js内置的 http模块类似,是专门用来创建Web服务器的。...二、安装 npm i express@4.17.1 三、使用 // 1、导入Express模块 const express = require('express') // 2、创建web服务器 const...server = express() // 3、启动web服务器 server.listen(80, () => { console.log('express server running at...()托管静态资源 express提供了一个非常好用的函数,叫做express.static(),通过它,我们可以非常方便地创建一个静态资源服务器,例如,通过如下代码就可以将static目录下的图片、CSS
添加、删除和替换 HTML 元素。 ---- 创建新的 HTML 元素 - createElement() 如需向 HTML DOM 添加新元素,您首先必须创建该元素,然后把它追加到已有的元素上。...这段代码创建文本节点: var node=document.createTextNode("这是一个新段落。")...; 然后您必须向 元素追加文本节点: para.appendChild(node); 最后,您必须向已有元素追加这个新元素。...DOM 需要了解您需要删除的元素,以及它的父元素。...(child); 替换 HTML 元素 如需替换 HTML DOM 中的元素,请使用 replaceChild() 方法: 这是一个段落。
, 16 2月 2021 作者 847954981@qq.com 前端学习, 我的编程之路 DOM元素定位 在HTML中有许多如图片等的DOM元素,在网页下拉移动中,DOM元素的位置定位通常通过 position...属性来完成 在一般情况下我们DOM元素的默认position的值为 static 除此之外position还拥有 relative(相对定位) absolute(绝对定位) fixed(固定定位) sticky...,即原本DOM元素下方的元素会向上占住原本DOM元素的位置,类似于网页新开了一个图层的效果。...固定定位 fixed fixed原理很简单,就是讲DOM元素固定在整个页面某一位置不会随着下拉页面而改动,类似一个图层放置在那里。...可以利用如 right:50px 等来调节位置 粘性定位 sticky 这个简单说就是当页面下拉到DOM元素到达了设定的位置,DOM元素将不会再随下拉移动,效果如页面内图片 顺便一提,如前面所说,网页存在类似图层一说
1: C:\Node_app\microblog\node_modules\connect-mongo\lib\connect-mongo.js:126 2: throw...__proto__ (C:\Node_app\microblog\node_module 6: at Db.open (C:\Node_app\microblog\node_modules...:115:20) 10: at connection.on.connectionStatus (C:\Node_app\microblog\node_modules\con...()); 32: app.use(express.logger('dev')); 33: app.use(express.bodyParser());...34: app.use(express.methodOverride()); 35: 36: app.use(express.cookieParser());
最常见的场景莫过DOM元素操作和前端页面使用AJAX向服务器发送请求。...的标签,返回类型是DOM元素数组 id $('#value'),选取页面上id=value的标签 $('[name]'),选取带有name属性的标签,返回类型是DOM元素数组 $('[name="tag...="tag"]'),选取name不等于tag的标签,返回类型是DOM元素数组 $('[href=".jpg"]'),选取所有href属性值以 ".jpg" 结尾的标签,返回类型是DOM元素数组 --...tr元素,返回类型是DOM元素数组 :odd $("tr:odd"),选取页面上索引为奇数的tr元素,返回类型是DOM元素数组 :not() $("input:not(:empty)"),所有不为空的...针对input使用,val()获取元素中的value属性值,value('str')设置元素value属性值为str load() 发送AJAX请求,重新获取标签要呈现的内容$('#lessonList
#box> @ViewChild('box') box: ElementRef; constructor(){ // 不能放在构造函数里面这个时候构造函数中还没有视图没法获取到box元素
DOM 节点 都代表文档中的一个部分 , 如 : 元素、属性或文本 , 并且这些节点以特定的关系相互连接 , 形成一个完整的树状图 ; 二、获取 DOM 元素 1、获取 DOM 元素的常用方法 获取...DOM 元素的方法 : 根据 元素 ID 获取 DOM 元素 , getElementById 函数 ; 根据 标签名 称获取 DOM 元素 , getElementsByTagName 函数 ; 根据...类名 称获取 DOM 元素 , getElementsByClassName 函数 ; 通过 HTML5 新方法 获取 DOM 元素 ; querySelector 函数 ; querySelectorAll...函数 ; 特殊 DOM 元素获取 ; 2、根据元素 ID 获取 DOM 元素 - getElementById 函数 根据元素 ID 获取 DOM 元素 , 调用 Web APIs 中提供的 getElementById..., 在 JavaScript 脚本中 , 可以通过 var element = document.getElementById("text"); 代码 获取 上述 DOM 元素 ; <!
0.前言 在node中,express可以说是node中的jQuery了,简单粗暴,容易上手,用过即会,那么我们来试一下怎么实现。下面我们基于4.16.2版本进行研究 1....从入口开始 1.1入口 主入口是index.js,这个文件仅仅做了require引入express.js这一步,而express.js暴露的主要的函数createApplication,我们平时的var...app = express();就是调用了这个函数。...__express if (typeof fn !...connect应该算是早期的express吧
在Express 中,路由指的是客户端的请求与服务器处理函数之间的映射关系。...二、Express中路由的组成 在Express中,路由分3部分组成:请求的类型、请求的URL地址、处理函数,格式如下: /*server是使用express创建的服务实例*/ server.METHOD...// 1、导入express模块 const express = require('express') // 2、创建路由对象 const router = express.Router() // 3、...const express = require('express') const server = express() // 1、导入路由模块 const router = require('....const express = require('express') const server = express() // 1、导入路由模块 const router = require('.
本文来讲下 express 框架的使用,变异的环境是 VS Code ,这里我已经配饰了阿里的镜像,所有 npm 指令用 cnpm 代替 首先学会向 Node.js 种引入 express 非常建党只需两步...,输入指令: cnpm init 然后就可以载入 express cnpm install express -save 到此为止 express 救成功导入了 这里介绍一个技巧: 输入: cnpm install...-g nodemon 这样一来以后每次测试,救不要关闭 node 再重新运行了,直接保存就可以。...现在开始讲 express 的使用: 准备部分(包的导入) var express = require('express'); var app = express(); 最简单的一个使用: 向服务器请求时...,放回一个 JSON 数组 var express = require('express'); var app = express(); app.get('/api', function(req, res
Express.js Tutorial: Build RESTful APIs with Node and Express | Mosh 在Youtube上看到Mosh的一篇关于使用Node和Express...构建RESTful APIs的示例,对应的视频地址是:Express.js Tutorial: Build RESTful APIs with Node and Express | Mosh,作者Mosh...PUT Requests 52:33 Handling HTTP DELETE Requests http://programmingwithmosh.com 创建程序 首先保证在自己的系统下安装了Node.js...程序,然后安装配置node和npm、cnpm等 然后使用cnpm或npm安装express和joi依赖, cnpm install express joi 对应的代码如下: const Joi = require...('joi'); const express = require('express'); const app = express(); app.use(express.json()); // 课程列表数组
安装node 安装npm 安装express和express-generator npm i -g express express-generator 进入你自己的工作区,创建第一个node项目 express...typroject zhangrongwudeMacBook-Pro-3:workspace-server zhangrongwu$ express typroject warning: the...项目 cd typroject npm install npm start 项目启动后,在浏览器就可以访问了localhost:3000,访问成功会出现以下页面 每次修改代码后需要重新启动 Express...注意 node 程序运行中不能碰到错误,否则就会挂掉。所以forever诞生了,forever可以守卫node进程,node挂了后会自动重启。...app.js // 停止node服务 forever start -w app.js // 监听当前文件,当有文件变动时自动重启node应用。
; para.appendChild(node); var element = document.getElementById("div1"); element.appendChild(para);... 实例解析 以下代码是用于创建 元素: var para = document.createElement("p"); 为 元素创建一个新的文本节点: var node...; 将文本节点添加到 元素中: para.appendChild(node); 最后,在一个已存在的元素中添加 p 元素。...DOM 需要清楚您需要删除的元素,以及它的父元素。...(child); ---- 替换 HTML 元素 - replaceChild() 我们可以使用 replaceChild() 方法来替换 HTML DOM 中的元素。
脚本化文档 客户端js的存在使得静态的html文档变成了可交付式的web应用 DOM概述 文档对象(DOM)是表示和操作html和xml文档内容的基础api。 <!...选取文档元素 通过ID选取元素 举一个栗子,通过ID查找多个元素 /* * 函数接收任意多的字符串参数 * 每个参数将当做元素的id传给document.getElementById() * 返回一个对象...("span"); 这样能获取第一个p元素里的所有的span元素 另外document还有两个属性,分别是特殊的body,以及head元素,这两个元素如果源代码未包含,其浏览器会隐式的创建他们,以及documentElement...指代文档的根元素。...注意,保存的不是快照,伴随着html中的DOM的更新,属于实时操作的,这一点灰常有用 如果在一个没有div中的有一个该方法,如果页面动态加载进的div元素,其中的length会自动更新加1,也会自动成为
博客地址:https://ainyi.com/89 获取 DOM 元素的几种方式 get 方式: getElementById getElementsByTagName getElementsByClassName...= document.querySelectorAll('.title') 一般循环 get 方式 get 方式获取的 dom 元素,仅可使用==for-in、for-of、for==循环 for(let...('popo') 获取 name 属性为 'popo' 的 dom 元素(若多个元素有相同的 name 属性,返回第一个) for-of、for 循环可获取每个 dom 元素: for(let val...(每个dom元素) for(let i = 0; i < a.length; i++) { console.log(a[i]) } // dom // ......(每个dom元素) query 方式 query 方式获取的 dom 元素,可使用==forEach、for-in、for-of、for==循环 forEach、for-of、for 循环的结果无差别
.append(content[,content]) content DOM 元素 DOM 数组,HTML字符串 jquery 对象。 ...content 一个或多个DOM 元素,元素数组,HTML字符串。 ... .appendTo(target) target 一个选择符 ,元素,HTML 字符串,DOM 元素数组。 ...(元素内容) .prepend(content[,content]) DOM 元素,元素数组,HTML 字符串 对象。 ....prependTo(target) target 一个选择器, DOM元素,元素数组,HTML字符串,或者jQuery对象,将被插入到匹配元素前的内容。
.detach() 从DOM 中去掉所匹配的元素。 ...$("p").detach(); .empty() 从DOM中移除集合中匹配元素的所有子节点。 .empty() 这个方法不接受任何参数。 ...DOM 中删除,同时删除元素上的事件。 ....replaceAll(target) target 一个选择器字符串,对象,DOM元素,或者元素数组,包含哪个元素被替换。 ....replaceWith(newContent) newContent 用来插入的内容,可能是HTML字符串,DOM元素,或者对象。
.after(content[,content]) content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。 ...content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。 ....after(function) function 返回一个 HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。...content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。 ....after(function) function 返回一个 HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。
Express 安装 首先假定你已经安装了 Node.js,接下来为你的应用创建一个目录,然后进入此目录并将其作为当前工作目录。...安装nodemon工具 为什么要使用nodemon 在编写调试 Node.js项目的时候,如果修改了项目的代码,则需要频繁的手动close掉,然后再重新启动,非常繁琐.。...req.body) }) // => 监听端口 app.listen(3000,function() { console.log('网站服务器启动成功') }) 封装的模块 // => 导入 Node.js...实现链接 文件夹目录 ▽ Message ▸ node_modules ▸ public ▸ hello.html ▸ db ▸ db.sqlite3 ▸...package.json ▸ yarn.lock 1、创建数据库 创建数据库文件: 注意 ③,数据文件配置的路径是要和我们项目调用数据文件保持一致 新建一个表: 添加字段: 添加数据 2、使用NODE
领取专属 10元无门槛券
手把手带您无忧上云