什么是微前端简单来说就是1、复用（嵌入）别人的项目页面，但是别人的项目运行在他自己的环境之上。2、巨无霸应用拆分成一个个的小项目，这些小项目独立开发部署，又可以自由组合进行售卖本文主要讲解如何在vue项目上使用阿里的qiankun插件进行微前端实践，对微前端的概念会在另外的文章中进行阐述，demo会附在文末。首先我准备了三个项目、分别是主应用main-app、子应用b-child、c-child。

封装了两个element ui 颜色选择器，一个是本地储存（local storage）保存颜色，并不需要调取接口即可保存用户的改变的主题颜色。另外一个是改变颜色之后，刷新页面改变的颜色就会变回原来的初始值。需要哪一个看你个人选择。本地储存颜色：1.首先封装一个colorPicker组件<template><el-color-pickerv-model="t...

以下都是我在vue项目中使用过关于webpack的几个插件1、hard-source-webpack-pluginHardSourceWebpackPlugin是webpack的插件，为模块提供中间缓存步骤。为了查看结果，您需要使用此插件运行webpack两次：第一次构建将花费正常的时间。第二次构建将显着加快（大概提升90%的构建速度）安装：npm install --save-dev hard-

https://juejin.im/post/5d58cb36e51d4561da620140标题什么是keepalive?在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。也就是说，keepalive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 。也就是所谓的组件缓存...

最近在开发微信公众号网页的时候，发现使用原生滚动的时候，ios在微信网页下，上拉，下拉都会出现一大片的空白，看起来极其的别扭，为了解决这一问题，找了许多参考资料，如下是解决方法。1.首先在你需要禁止滑动的页面中添加如下代码mounted（）{document.body.addEventListener('touchmove',function (e)...

问题描述vue 项目打包上线之后，每一次都会有浏览器缓存问题，需要手动的清除缓存。这样用户体验非常不好，所以我们在打包部署的时候需要尽量避免浏览器的缓存。需要解决的问题1、程序每次升级后，用户都不会因为缓存问题而执行的仍然是老的程序。2、若程序没升级，用户对静态资源的请求则能用到缓存。关于http或者是浏览器缓存策略，可以分为这三种：不使用缓存强制使用缓存协商使用缓存不使用缓存有时，我们希望浏览器

https://www.cnblogs.com/luxiaoyao/p/10034009.htmlwindows系统https://www.cnblogs.com/scale/p/11423374.htmllinux系统附上一个自己的http的nginx.conf服务代码server {listen****;server_name...

过滤器是一种在模板中处理数据的便捷方式，而且经常会在其他模板语言中见到。他们特别适合对字符串和数字进行简单的显示变化：例如将字符串变为正确的大小写格式，或者用更容易阅读的格式显示数字在libs文件夹下创建filter.js文件，里面有几个常用的例子如下:// 封装过滤器// 根据身份证号码判断男女let sexIdcardFilter = value => {if (!v...

localStoragelocalStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。localStorage 属性是只读的。提示: 如果你只想将数据保存在当前会话中，可以使用 sessionStorage属性，改数据对象临时保...

说不多说直接贴代码,在template里面：<el-autocompleteclass="inline-input"v-model="disease":fetch-suggestions="querySearch"placeholder="请输入疾病名称":trigger-on-focus="fals...