yingmd2020的博客

docker的理解 首先，docker是基于linux系统的，它有两个核心images镜像和container容器，镜像就相当于你装系统时的win7系统镜像，容器就是你安装完成后的win7系统，那么docker就是在你真实的系统上，生成了多个虚拟的linux系统，它们之间互相不影响而且还很纯净，如果你想重头再来就把容器删了，用镜像再生成一个，爽哉 docker desktop的安装 前提：必须是win10系统以上 1、下载docker客户端docker desktop,什么也不要更改一路next，强迫症不想

import axios from 'axios'; import { notification } from 'ant-design-vue' import Cookies from 'js-cookie'; // yarn add js-cookie // 请求baseUrl const BASE_URL = process.env.VUE_APP_REQUEST_BASE_URL const initInstance = function (contentType) { let in

场景：1.后台管理系统 2. 所有页面都用keep-alive进行了缓存 3. 当角色管理的数据变动时，需要同步更新用户管理的下拉框内容 解决办法： eventBus 声名一个全局委托对象 // main.js Vue.prototype.$bus = new Vue(); 更新列表后发送事件 此处用的是全局混入，可以参考AOP的使用，在列表新增，编辑或删除后触发 // mixin delAfter() { // 如果当前页没有声明busEvent，则默认“list”, 根据该字段可以在不同页面做相..

图片上传流程步骤 前端传送图片（base64）到服务器 服务器将base64转换为byte [] 服务器根据存储路径生成文件，然后以流的方式写入byte[] 前端请求图片 服务器根据路径读取文件，以流的方式返回 前端上传图片 <input type="file" class="img-upload" @change="uploadChange" accept="image/*" /> uploadChange(el) { let that = this;

VUE的生命周期 创建Vue对象 | // beforeCreated 监听数据 | 初始化事件 | // created 编译模板 | // beforeMount 挂载实例 // mounted 由上分析各个生命周期的情况以及可以做的事情： beforeCreated // 什么都获取不到，可以加个loading | created // 可以获取到data,methods等，但是拿不到dom

directives: { clickoutside: { bind(el, binding, vnode) { function documentHandler(e) { // 如果是元素本体则返回 if (el.contains(e.target)) return false; if (binding.expression) { // 有绑定函数，则执行 b..

页面一旦刷新，store就会重置，那么就需要缓存出场 // app.vue created() { window.addEventListener("beforeunload", () => { sessionStorage.setItem( "userinfo", JSON.stringify(this.$store.state.user) ); }); }, 改变store的结构 export default {

基础路由 const routes = [{ path: '/login', hidden: true, meta: { layout: 'blank' }, component: () => import( /* webpackChunkName: "user" */ '../views/user/login.vue') }, { path: '/home', name: '首页', component: Home, meta: { // 固定在头

无UI库依赖的主题切换 核心思想：css3中的:root伪类选择器和var变量的应用 1、定义主题变量 :root { --theme-color: #ccc; } 2、使用主题变量 .test{ color: var(--theme-color); } 3、动态改变主题 document.documentElement.style.setProperty('--theme-color', '#fff'); 依赖于Ant Design的主题切换 前提，在main.js引入的必须是它的less样

首先，点击下载插件 Javascript exportExcel() { // 异步引入插件 require.ensure([], () => { const { export_json_to_excel, } = require("../../plugins/excelExport/Export2Excel.js"); const tHeader = ['姓名','性别','年龄']; co

安装依赖 yarn add xlsx #### Template ```html <input class="excel-import" type="file" @change="uploadChange" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" /> <button @click="ex

核心AOP函数 const AOP = (oldFn, before, after) => { return async function () { let args = [].slice.call(arguments); if (Object.prototype.toString.call(before) === "[object Function]") { try { // await保证异步操作的平滑