浏览器在线预览文件，可能基于后端来做效果会更好，前端的话，预览pdf还行，其他就感觉一般了，甚至有的很难支持。本文之说pdf文件和docx文件的预览ps:图片预览就不说了哈，浏览器天然的支持 (=言归正传，其实借助插件，用起来也简单的，麻烦的地方插件都帮你写好了但是插件体积比较大，所以该功能慎用吧，除非真的需要。vue-pdf插件，生产环境生产的插件代码800kb左右，如果项目并么有必须要这个功能

另外我们看下 client里面的themeColorChanger.js，这里面是调用的时候使用的，有个关键的变量，就是WP_THEME_CONFIG，这里是调用的时候获取老的颜色并且替换新颜色的关键，我们在上一篇已经讲过。经过上面的一些代码逻辑推理，我们已经大致掌握了webpack-theme-color-replacer webpack的实现逻辑，也知道了实现的关键所在，目前插件是单一替换，我

微前端概念起源微前端其实是借鉴了微服务的概念，最早是出现在2016年的ThoughtWorks Technology Radar（ThoughtWorks技术雷达）什么是微前端MicroFrontends 官方解释：用来构建能够让 多个团队 独立交付项目代码的 现代web app 技术，策略以及实践方法MicroFrontends 官网：https://swearer23.github.io/mi

这里说的是一种刷新页面的方法。神马情况下你可能会需要？页面内容多，结构复杂，做了某个操作后，需要更新页面很多数据或者比较复杂的数据，例如页面树状结构。这时候直接调接口刷新数据，可能达不到效果，但是如果你手动刷新下浏览器，相当于页面重新渲染一遍，就可以了。当然，我们得尽可能减少要求用户手动刷新页面的操作这里的做法其实很简单，就是建一个空的路由页面，页面在mounted里面接收到传递来的路由参数后，马

error Error rendering /:

前端打包体积的优化，减少打包体积，也算是前端老生常谈的问题了。我们最常用的方法之一就是按需引入组件！各大组件库，如ant-design，element-ui，都有按需引入的栗子，有些会告诉你，按需引入，可以减少包体积！百度搜索“组件按需引入”，会有一大堆文章告诉你组件如何按需引入，并且大部分都不约而同的复制了这句话：按需引入可以减少打包体积！

前端 js vue 获取服务端返回的文件的原始文件名前端文件下载的几种方式后端直接给文件url，这种情况很简单，直接将url付给a标签，a标签加上download属性即可后端返回的是文件流，但是请求是get请求此种情况下，要获取文件原始文件名，也简单。一种是使用window.open(url),一种是直接将请求地址给a标签后端由于需要，只能使用post请求（比如下载文件时需要携带过多的参数），使用

项目中配置了eslint，编辑器也没关闭eslint，却发现编辑器根本没有任何eslint提示编辑器使用webstorm点开elsintrc.js，看到编辑器报如下错误。意思是eslintrc.js有错误点开detail,看到如下报错：报错意思是vue/max-attributes-per-line这个规则配置不对目前代码写法如下：百度搜索vue/max-attributes-per-line配置

vue 由 clearTimeout无法清除定时器引发的vue周期函数，事件代码执行顺序思考最近做个移动的项目，遇到需求：首页无操作20秒，自动退出登录。其他页面20秒无操作，自动跳转首页。所谓的无操作，包括点击，触摸，滑动等用户行为。这需求其实也很简单，思路就是使用定时器setTimeout设定时间，监听页面是否有点击，触摸，滑动等事件在操作，如果没有，则时间一到，就跳转首页或者退出登录，如果有

先看目标效果图要做顶部tab栏切换，还需要配合菜单。这里主要讲tab栏的实现方式。首先为了在样式效果上实现方便，这里决定使用element-ui的el-tabs标签来做。这样只需要改下样式，其他效果例如切换动画都能保存。当然，除了el-tabs自带的删除等事件，这里还需要添加右键事件，在右键事件里面有关闭全部和关闭其他两个事件选项html和css先来看html部分和css部分<templat