天书笔记

通常vue项目是打包后直接放在nginx容器下，但有时会由于某些原因，需要将前端项目布署到其他容器下，比如weblogic等，这时我们就需要将项目打包成war包。

css实现折叠面板动画本是一件容易的事情，但是，若使用height控制，需要height已知，（当然，使用max-height控制，然后给一个足够大的max-height也是可以的）；若使用scale，父容器的高度又未能随动画一起变化，本文讲述如何在vue中使用js动画实现折叠面板动画功能。1. 理论基础vue transition函数式组件2. 样式// collapse-transition.css.collapse-transition { transi

在构建大型VUE项目时，比如好几百个路由，将路由页面打包到一起，JavaScript包会变得非常大，影响首页的加载性能，而这些路由页面中的绝大多数并非首页加载所必须的，这时我们需要使用路由懒加载的功能，把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件。结合 Vue 的异步组件和 Webpack 的代码分割功能，可以轻松实现路由组件的懒加载。

使用vue-cli编写的插件或库文件，打包的时候如果需要压缩，可以使用 uglifyjs-webpack-plugin 或者 terser-webpack-plugin，前者不支持es6，打包时可能会报Unexpected token的错误，后者是前者对es6的支持版本。

Object.assign只能做到对象的浅合并，即第一层属性的合并，若需要对对象进行深度合并，就需要想其它办法了。本文介绍一个对象深度合并的插件——deepmerge

vue-xss，一个开箱即用的Vue.js插件，可通过简单的方式防止XSS攻击，底层依赖xss实现 [vue xss, vue-xss, xss]

vue动态添加store、路由和国际化配置想写公共能力？用这个吧 ...从后端加载路由不再是梦 ...从后端加载国际化，so easy ...