针对历史项目或项目中有引入CSS框架（如Bootstrap），可能会存在大量的 CSS 样式未被使用。这可能产生一些不良的影响，如： 增加额外加载时间、可维护性下降。推荐PurgeCSS、UnCSS、PurifyCSS三款工具，自动去除未使用CSS代码。

通过npm run <commander> 可以运行 package.json 中脚本，Npm 命令不能提供立即运行多个脚本的方式，同时运行需要打开多个终端窗口npm scriptsnode_modules/.bin 目录下的命令，可以直接在 scripts 中调用利用一些脚本生命周期时间"scripts": {"preinstall": "./configure...

NO1. 提高Tomcat性能一般从三方面入手，JVM内存调整、禁用DNS查询、调整线程数。一、JVM内存调整　　-Xms 表示JVM初始化堆的大小，-Xmx表示JVM堆的最大值。这两个值的大小一般根据需要进行设置。当应用程序需要的内存超出堆的最大值时虚拟机就会提示内存溢出，并且导致应用服务崩溃。因此一般建议堆的最大值设置为可用内存的最大值的80%。在catalina.bat中，设置JAV

​之前写过一篇 Vue-组件扩展 的文章，通常我们采用 extends 或 mixins 进行扩展组件；但项目中我们经常还会使用一些第三方库（Lodash, Moment等），如何调用这些工具方法智者见智仁者见仁。​ 我司现在大部分都是大数据可视化方面的工作，所以在系统中，倡导封装了一批图表的数据转换方法，便于大家的调用和系统的统一。​ 在第一个项目中，将这批数据转换方...

slot分发内容为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为内容分发。Vue中使用特殊的 <slot> 元素作为原始内容的插槽。 问题（编译作用域）message 应该绑定到父组件的数据，还是绑定到子组件的数据？<child-component>{{ message }}</child-component>答案是父组件。父组件模板的内容在父组件作用

Pinia 是 vuex 新替代方案。Pinia 中热更新实现，借助 import.meta。

最近，新项目架构搭建在扩展组件的场景中：图表使用了extends方式，而公共业务server和view之间使用了mixins方式。对于二者的选择，我们通常会解释为extends的优先级高于mixins，但其真实的差异是由于其合并策略不同或者说在合并策略中执行的顺序不同导致的。源码下述，简单阐述Vue中涉及到组件扩展的相关API及自定义合并策略等相关内容示例：定义公共基础的组件配置模...

文章转自悠扬小Q，原文地址:http://blog.myweb.kim/vue/%E8%AE%A9vue-cli%E5%88%9D%E5%A7%8B%E5%8C%96%E5%90%8E%E7%9A%84%E9%A1%B9%E7%9B%AE%E9%9B%86%E6%88%90%E6%94%AF%E6%8C%81SSR/?utm_campaign=ligang&utm_source=csdn&

写在前面用户进行了交互操作，现在要对页面内容进行变更，可以通过javascript进行动态替换DOM，但是其不便于分享、收藏，对于搜索引擎和用户来说都是不友好的！什么是前端路由？​根据不同的 url 地址展示不同的内容或页面，无需依赖服务器根据不同URL进行页面展示操作优点用户体验好，不需要每次都从服务器全部获取，快速展现给用户缺点使用浏览器的前进，后退键的

​项目中，我们经常会遇到自定义组件传值的问题，方法很多种，但是原理很简单，下述文档总结实际项目中使用的传值方式。父组件传递给子组件某一值，子组件内会修改该值，然后父组件需要获取新值​在 Vue 中，父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop给子组件下发数据，子组件通过事件给父组件发送消息。常规prop-event父组件<prop-event-