前后端联调
联调.
缓月
认真且怂~
展开
-
BFF了解
做了一个BFF的PPT,记录一下: ~ 第一次做的PPT没有被说辣眼睛哈哈哈 ~原创 2020-11-27 20:13:45 · 454 阅读 · 0 评论 -
js:循环遍历数组,替换数组中的字段名
新数组名 = 旧数组名.map(iterator => { return { 新字段名1: iterator.旧字段名1 新字段名2: iterator.旧字段名2 } }) 例子:转载 2020-05-04 08:07:00 · 4429 阅读 · 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 · 429 阅读 · 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 · 236 阅读 · 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 · 282 阅读 · 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 · 390 阅读 · 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 · 520 阅读 · 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 · 864 阅读 · 0 评论 -
前后端分离
最近在写一个小程序,前后端分离的方式,在与后端的对接中发现了许多问题,正好又看到微信里面一篇文章,感觉要深入思考一下,改变一下自己。 可能是因为第一次写项目,首先是沟通。前后端的思维方式有时候有很大不同。作为前端,我可能更多的会考虑页面实现的美观度,页面交互之间的流畅性;后台好像考虑数据库多一点。 然后是接口文档在哪个阶段开发出来。我先写的静态页面,但是后台很快把后端模块写完,就出现了...原创 2019-04-25 00:34:05 · 315 阅读 · 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 · 2294 阅读 · 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 · 223 阅读 · 0 评论