weixin_38879321-CSDN博客

原创前端博客（VuePress）

前端博客（VuePress）程序员一定要有自己的博客，哪怕是生活博客。一、介绍VuePress 是尤雨溪发布的一个全新的基于 vue 的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。详见 VuePress中文网。VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项

2022-03-28 15:15:17 1038

原创 nginx代理vue

一、nginx代理vue的意义vue打包后,因为开发环境设置代理 proxy 的原因, 使得访问打包页面 dist/index.html 请求数据出现跨域。nginx代理vue的意义在于把开发环境中的代理 proxy: {'/api': ... 的/api, 换成生产环境中的地址。二、下载nginxnginx官网下载并解压，推荐使用稳定版本（nginx/Windows-1.18.0）三、vue打包 npm run build // 打包文件(默认)生成文件夹 dist四、放入ngi

2022-03-21 10:09:08 5205 1

原创 vscode配置

{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式进行修复,vscode es6语法检测配置 "editor.codeActionsOnSave": { "source

2022-03-14 18:20:34 283

原创 qiankun 微前端

微前端一、使用背景一个集成了不同业务的大平台，很多情况下都是将业务拆分成多个子系统进行开发，最后由平台提供统一的入口。而在当前快速变化的前端大环境下，此类平台需要考虑以下几个难题：怎样将不同业务子系统集中到一个大平台上，统一对外开放？如何给不同用户赋予权限让其能够访问平台的特定业务模块同时禁止其访问无权限的业务模块？如何快速接入新的子系统，并对子系统进行版本管理，保证功能同步？针对于老系统，如何实现从 Backbone 技术栈到 React 技术栈或 Vue 技术栈的平滑升级？二、介绍

2022-03-14 18:18:13 726

原创 vue项目引入iframe

项目引入iframe一、主程序页面引入iframe<iframe ref="iframe" src="http://localhost:5555/#/login" frameborder="0" scrolling="no"/>iframe传参/自适应mounted () { const mapFrame = this.$refs.iframe const iframeWin = mapFrame.contentWindow

2022-03-14 18:17:37 2155

原创导出文件公用方法

一、导出文件公用方法 /** * 导出文件公用方法 * @param {Object} data // 对象信息 * @param {String} url // 下载地址 * @param {String} method // 请求方式 * @param {String} params // 下载参数 * @param {String} type // 下载文件类型 excel/word/zip * @param {String} fileName // 下载文件名称 */Vue.pr

2022-03-14 18:16:40 177

原创各类转Base64

各类转Base64一、图片file转base64/* * 图片file转base64 * @param {String} file 图片file * */Vue.prototype.$toBase64 = function (file) { return new Promise(function (resolve, reject) { const reader = new FileReader() let imgResult = '' reader.readAsDat

2022-03-14 18:15:45 805

原创 axios 封装

axios封装/* * 发送一步ajax请求的函数模块 * 封装axios库 * 函数返回值是promise * 1、优化：统一处理请求异常 * 在外层包装一个promise，通过promise的resolve, reject函数处理异常 * 2、异步得到的不是response，而是response.data */import axios from 'axios'import { Message } from 'element-ui'import { getToken }

2022-03-14 18:14:34 128

原创 vue 弹框

弹框一、组件代码<template> <div class="MisDialog"> <el-dialog v-if="dialogVisible" :custom-class="className" :width="`${width}px`" :fullscreen="fullscreen" top="24vh" :visible.sync="dialogVisible" :t

2022-03-14 18:13:14 2137

原创 vue 搜索组件

搜索组件一、效果图二、组件代码<template> <div class="search-title" :class="isOpen?'open-search':''" > <div id="searchModelContent" ref="searchModelContent" class="searchModel-content" > <template v-for=

2022-03-14 18:11:26 2124 1

weixin_38879321的博客