
前后端联调
联调.
缓月
认真且怂~
展开
-
BFF了解
做了一个BFF的PPT,记录一下:~ 第一次做的PPT没有被说辣眼睛哈哈哈 ~原创 2020-11-27 20:13:45 · 493 阅读 · 0 评论 -
js:循环遍历数组,替换数组中的字段名
新数组名 = 旧数组名.map(iterator => { return { 新字段名1: iterator.旧字段名1 新字段名2: iterator.旧字段名2 }}) 例子:转载 2020-05-04 08:07:00 · 4523 阅读 · 0 评论 -
三级联动的级联回调
PM的需求是点击用户的×,删除当前用户名下所有的库和表。就即进行一个级联回调的操作。如下图: 主要做法就是利用map的k v键值对的方式。map键值对的知识点: var m = new Map(); m.set("edition", 6) // 键是字符串 m.set(262, "standard") // 键是数值 m.set(undefined, "nah") ...原创 2020-05-03 19:42:26 · 449 阅读 · 0 评论 -
api——get/post
/** * 根据模块id获取评论 */export function getCommentByModuleId(module, moduleId) { return request({ url: `/api/web/comment/${module}/${moduleId}`, method: 'get', });}/** * 发表评论 */export...原创 2020-05-03 17:48:00 · 254 阅读 · 0 评论 -
两行代码在多个数组取出同属性元素并去重
首先看一下后端返回数据的格式:这里要取出数组里面所有的user并进行去重操作。代码:getAllUser() .then((res) => { const newArr = res.data.map(data => data.user); this.userList = [...new Set(newArr)]; }) .catch(() =&...原创 2020-04-28 13:53:06 · 302 阅读 · 0 评论 -
vue.js中父组件触发子组件的方法
首先在父组件中写一个click事件:template里面:<el-button type="primary" size="small" @click="delete">删 除</el-button>引入子组件部分:ref="SelfTable"是子组件在父组件中的名字<SelfTable ref="SelfTable"/>methods里面:在父...原创 2020-03-23 18:23:02 · 412 阅读 · 0 评论 -
vue 登录 + 记住密码 + 密码加密解密
<template> <el-form :model="ruleForm"> <h3 class="title">系统登录</h3> <el-form-item prop="mobile"> <el-input type="text" v-model="ruleForm.mobile" auto-co...转载 2020-02-26 22:09:52 · 569 阅读 · 0 评论 -
Vue中对后端返回的data字符串进行代码断句高亮操作
后端返回的数据是一串字符串,产品的需求是进行一系列的代码高亮操作,伤脑筋呀方法一、利用split进行切割断句&&高亮操作template部分:<div v-for="(item, index) in split" :key="index"> <table> <tr v-html="item" /> <...原创 2020-02-20 15:51:33 · 913 阅读 · 0 评论 -
前后端分离
最近在写一个小程序,前后端分离的方式,在与后端的对接中发现了许多问题,正好又看到微信里面一篇文章,感觉要深入思考一下,改变一下自己。 可能是因为第一次写项目,首先是沟通。前后端的思维方式有时候有很大不同。作为前端,我可能更多的会考虑页面实现的美观度,页面交互之间的流畅性;后台好像考虑数据库多一点。 然后是接口文档在哪个阶段开发出来。我先写的静态页面,但是后台很快把后端模块写完,就出现了...原创 2019-04-25 00:34:05 · 336 阅读 · 0 评论 -
MockJS中的随机函数
先来看一段代码,从代码中来看MockJS中的随机函数吧。// 导入模拟假数据的包import Mock from "mockjs"// 通过Mock.mock()来模拟API接口Mock.mock('/api/goodlist', 'get', { status: 200, message: '获取商品列表成功!', 'data|6': [ { ...原创 2019-10-15 13:14:12 · 2323 阅读 · 1 评论 -
axios
methods: { getList: function() { // eslint-disable-next-line no-undef axios({ method: "get", url: "http://www.huanyueyue.cn" }) .then(function(res) { ...原创 2020-01-09 08:35:55 · 242 阅读 · 0 评论