分享
扫一扫
超级会员免费看
Oui.
这个作者很懒，什么都没留下…
展开
-
vue-cli项目创建及element-ui应用
1、Vue环境准备Node.js，运行在服务端的 JavaScript，下载npm：随同NodeJS一起安装的包管理工具2、vue-cli2.5安装搭建全局安装 vue-cli：npm install --global vue-cli创建一个基于 webpack 模板的新项目：vue init webpack my-project安装选项 根据自己的需求创建创建完毕，进入项目：cd my-project创建时没有install时，现在install一下：npm i.原创 2021-01-03 16:07:10 · 180 阅读 · 0 评论 -
vue单文件开发构建
1、前置// 安装npm initnpm i @vue/cli -gnpm install -g @vue/cli-service-global2、开发// vbase<template> <div> 最可爱的我们！ </div></template><script> export default { }</script><style l原创 2020-09-13 23:25:33 · 139 阅读 · 0 评论 -
ajax实时验证
// 前端实现<script> // ajax技术； // XMLHttpRequest document.querySelector(".inputStyle").onblur = function () { // onblur事件--元素失去焦点时触发 // console.log(this.value); //打印文本框的数值 // 实例化ajax对象xhr let xhr = new XMLHttpRequest原创 2020-08-23 17:29:05 · 146 阅读 · 0 评论 -
数据实时更新
// 方式一、页面刷新const users = ['mt', 'hai', 'xiaorui'];router.get('/getData', async ctx => { ctx.body = users; ctx.body = ` <html> <head>轮询</head> <body> ${users}原创 2020-08-18 21:32:47 · 508 阅读 · 0 评论 -
koa连接mysql数据库
const mysql = require('mysql2/promise');;//自执行函数let connection;~async function() { // 链接数据库 connection = await mysql.createConnection({ host: 'localhost', user: 'root', password: '12345678', database: 'news'原创 2020-08-16 19:07:20 · 460 阅读 · 0 评论 -
自定义中间件
// 自定义const fs = require('fs');module.exports = function kkbStatic(dir) { return (ctx, next) => { // console.log(ctx.url); if (ctx.url.startsWith( dir )) { // 根据规则找到服务器中指定的文件 let file = dir; cons原创 2020-08-16 17:10:42 · 163 阅读 · 0 评论 -
koa-static-cache静态资源代理
// 安装：npm i koa-static-cache// 引入const koa = require('koa');const KoaRouter = require('koa-router');const KoaStaticCache = require('koa-static-cache');const server = new koa();// 使用server.use(KoaStaticCache('./static', { prefix: '/public',原创 2020-08-16 16:55:54 · 441 阅读 · 0 评论 -
koa-router中间件使用
const koa = require('koa');const KoaRouter = require('koa-router');const server = new koa();const router = new KoaRouter();// 使用 router 提供的 get，post，put……这些方法来注册url函数// 路由 把 一个 url 与 一个函数进行管理router.get('/register', ctx => { ctx.body = tpl.re原创 2020-08-16 16:32:49 · 189 阅读 · 0 评论 -
koa框架使用
// 安装 npm i koa// 引入const koa = require('koa');// 创建服务const server = new koa();// 中间件：有人访问时，回调// 作用：1、处理请求响应基本逻辑 2、提供接口扩展use进行中间件注册// ctx 和 next 是 koa 内置封装好的对象和方法/** * ctx = { * request: Koa处理过后的 * response: Koa处理过后 * req: node 原来的 * re原创 2020-08-16 16:25:41 · 131 阅读 · 0 评论 -
Nunjucks使用
// app.js中引入nunjucksconst nunjucks = require('nunjucks');const tpl = new nunjucks.Environment( // 模板存放路径 new nunjucks.FileSystemLoader('template'));tpl.render('index.html', { tempTitle, data});// index.html中使用<h1>{{tempTitle原创 2020-08-16 16:01:42 · 221 阅读 · 0 评论 -
通过 Node.js 搭建服务器
/** * app.js * 后端对服务器代码的入口文件 * 我们会在该文件中监听网络（端口） * 当有客户端请求了，那么就返回对应的数据 */const http = require('http');const fs = require('fs');const mime = require('./mime.json');const data = require('./data.json');// console.log('mime', mime);// 创建服务器对象原创 2020-08-16 15:42:25 · 99 阅读 · 0 评论