Node.js-使用Express写接口 1. 创建基本的服务器// 1.导入expressconst express = require('express')// 2.创建web服务器const app = express()...// 3.启动web服务器app.listen(80, () => { console.log('server run at http://127.0.0.1');})2. 创建API路由模块apiRouter.jsconst express = require('ex
Node.js-Express 1. Expressexpress:npm上的一个第三方包,提供了快速创建web服务器的便捷方法。前端开发当中最常见的两种服务器:Web网站服务器:专门对外提供Web网页资源的服务器 API接口服务器:专门对外提供API接口的服务器使用Express,可以方便、快捷的创建Web网站的服务器或API接口的服务器。2. Express的使用1)安装:在项目所处的目录中,运行终端命令npm install express @4.17.12)创建基本的Web服务器// 1..
Node.js-创建基本的web服务器 目录1.创建web服务器的基本步骤2. req请求对象3. res响应对象4. 解决中文乱码问题1.创建web服务器的基本步骤导入http模块 创建web服务器实例 为服务器实例绑定request事件,监听客户端的请求 启动服务器// 1.导入http模块const http = require('http')// 2.创建web服务器实例const server = http.createServer()// 3.为服务器实例绑定request事件,...
fixed脱离文档流 不占位置 position:absolute/fixed 元素开启绝对定位和固定定位之后才会脱离文档流。相对定位无法脱离文档流。解决方案:给设置了fixed的元素外面包一层div,再给这个div设置高度即可,这样,这个div就撑起了元素所站的位置,从而不影响其他元素的显示。 .container { width: 200px; height: 100%; .el-menu { position: fixed; height: 100%; border:
element-ui height:100%不生效解决方案 在使用element-ui组件时,想要侧边栏的高度占满屏幕的左侧边栏,单纯在样式中设置了height:100%,然而并不生效。.el-menu { height: 100%; border: none; h3 { color: #fff; text-align: center; line-height: 48px; } }解决方案:当想要元素铺满整个屏幕的时候,采用绝对定位或者固定定位定位+width:100%
[Vue warn]: Invalid prop: type check failed for prop “index“. Expected String, got Undefined 在使用vue 和element UI做循环遍历的时候遇到了如下问题:<el-menu-item-group v-for="(subItem, index) in item.children" :key="subItem.path" :index="subItem.path"> <el-menu-item :index="index" >{{ subItem.label }}</el-menu-item></el-menu-item-group
vue3.0-axios拦截器、proxy跨域代理 1. vue-cli1)vue-clivue-cli(vue脚手架)是vue官方提供的、快速生成vue工程化项目的工具。官方首页:Vue CLI特点:开箱即用 基于webpack 功能丰富且易于扩展 支持创建vue2和vue3的项目2)安装vue-clivue-cli是基于Node.js开发出来的工具,因此需要使用npm将它安装为全局可用的工具:①解决Windows PowerShell不识别vue命令的问题3)创建项目4)基于vue ui创...
vue3.0-路由 1. 前端路由的概念与原理1)什么是路由路由(router)就是对应关系。路由分为两大类:后端路由 前端路由2)后端路由后端路由指的是:请求方式、请求地址与function处理函数之间的对应关系。在node.js中,express路由的基本用法如下:3)SPA与前端路由SPA指的是一个web网站只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一的一个页面内完成。此时,不同组件之间的切换需要通过前端路由来实现。即在SPA项目中,不同功能之间的切换,要依...
vue3.0-插槽、自定义指令 目录1. ref引用1)ref引用2)使用ref引用DOM元素3)使用ref引用组件实例4)控制文本框和按钮的按需切换5)让文本框自动获得焦点6)this.$nextTick(cb)方法2. 动态组件1)动态组件2)实现动态组件渲染3)使用keep-alive保持状态3. 插槽1)插槽2)插槽的基础用法①没有预留插槽的内容会被丢弃②后备内容③具名插槽④为具名插槽提供内容⑤具名插槽的简写形式3)作用域插槽①解构作...
vue中v-model双向绑定input输入框 <!-- 输入框 --> <input type="number" class="form-control form-control-sm ipt-num" v-model.number.lazy="number" />v-model双向绑定数据number,用户在输入框中内容之后,判断用户输入的内容,然后判断内容是否为正整数,不是的话要进行转换。先把输入的值转换为整数 如果输入的值是字符串或者是 <1 的数字,则将输入框内容赋值为1 如果输入的值是带小..