0%

环境安装

  • Nodejs 安装,具体安装步骤自行百度,不做赘述
  • vue/cli 安装
1
2
3
4
5
6
// 安装命令
npm i -g @vue/cli

// 查看版本
vue -V
// @vue/cli 4.0.5
阅读全文 »

项目介绍

这是一个基于vue和ant-design-vue实现的表单设计器,主要功能是可以通过拖拽生成表单,最后能导出相应的json数据,并且能通过导出的json数据构建成表单

阅读全文 »

vue事件修饰符

  • stop 禁止冒泡
  • once 只触发一次,单次事件
  • prevent 组件默认事件
  • native 启用原生事件(组件)
  • keycode|name 筛选按键
  • self
  • capture
阅读全文 »

koa 使用

  • 首先需要初始化一个项目

    1
    npm init
  • 然后安装 koa

    1
    npm install koa -D
  • 新建一个server.js

  • 引入koa及koa路由

    1
    2
    const koa = require("koa");
    const Router = require("koa-router");
  • 使用koa类

    1
    let server = new koa();
  • 监听8080端口号

    1
    server.listen(8080);
  • 使用koa路由类

    1
    let router = new Router();
  • 添加一个路由

    1
    2
    3
    4
    5
    6
    7
    router.get("/login", async ctx => {
    if (!ctx.query.user || !ctx.query.pass) {
    ctx.throw(400, "user and password is required");
    } else {
    ctx.body = "成功";
    }
    });
  • 将路由添加到server上

    1
    server.use(router.routes());
阅读全文 »

koa服务器渲染

服务器渲染 pug/ejs

  1. 安全性
  2. SEO

客户端渲染 Vue/React

  1. 节约流量
  2. 用户体验

服务端 – 模板引擎
pug(jade) 侵入式

阅读全文 »

为何搭建博客

在2017年年底时,我就准备搭建一个博客,主要是作为一个vue实战项目练手(刚好学习了vue)以及作为实习面试的作品,然后利用业余时间完成自己一个版的博客,部署到了阿里云上面

阅读全文 »