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 · 155 阅读 · 0 评论 -
vue单文件开发构建
1、前置 // 安装 npm init npm i @vue/cli -g npm install -g @vue/cli-service-global 2、开发 // vbase <template> <div> 最可爱的我们! </div> </template> <script> export default { } </script> <style l原创 2020-09-13 23:25:33 · 123 阅读 · 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 · 132 阅读 · 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 · 483 阅读 · 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 · 434 阅读 · 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 · 150 阅读 · 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 · 409 阅读 · 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 · 164 阅读 · 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 · 121 阅读 · 0 评论 -
Nunjucks使用
// app.js中引入nunjucks const 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 · 204 阅读 · 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 · 85 阅读 · 0 评论