a1983029606的博客

vue开发环境构建优化使用vue-cli默认打包配置时，开发环境往往构建很慢这是默认配置构建速度，整整花了50s这是优化后构建速度，可以看到快了十倍多。这里使用了缓存进行构建，即使关机重启后也可以加快构建速度。大大的减少了我们等待的时间。接下来我们来看下如何配置的：在vue.config.js中加上：const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');const devPlug..

本文主要介绍两种方式：第一种是直接加载远程脚本，不需要任何依赖。这是具体实现的效果，支持所有的功能：这是加载远程脚本的js文件：这里是tinymce组件：这里是再页面上使用：<template> <div class="home"> <Tinymce v-model="value" :height="500"></Tinymce> </div></template><scr

在开篇前现贴个gitee地址https://gitee.com/DevinCP/element-ui_table_form，求star！！！表格组件在开发中我们经常会遇到这种样式：一般情况下，我们使用 Element 的 Table，Pagination 组件 写一个简单的页面，会像下面这样：可以看出，要写这样一个页面，有一些东西需要处理，如：默认加载数据，分页切换等操作，都是需要单独处理。一般，在 Table 上面，还有一个搜索框，里面有几个搜索条件的输入框用来辅助搜索展示数.

nextTick 可以让我们在下次DOM更新循环结束之后执行延迟回调，用于获取更新后的DOM.在 Vue 2.4 之前都是使用的 microtasks，但是 microtasks 的优先级过高，在某些情况下 可能会出现比事件冒泡更快的情况，但如果都使用 macrotasks 又可能会出现渲染的性能问题。所以在新版本中，会默认使用 microtasks，但在特殊情况下会使用 macrotasks， 比如 v-on对于实现 macrotasks ，会先判断是否能使用 setImmediate ，不

总的来说性能优化这个领域的很多内容都很碎片化。 图片优化计算图片大小 对于一张 100 * 100 像素的图片来说，图像上有 10000 个像素点，如果每个像素的值是RGBA 存储的话，那么也就是说每个像素有 4 个通道，每个通道 1 个字节（8 位 = 1个字节），所以该图片大小大概为 39KB（10000 * 1 * 4 / 1024）。 但是在实际项目中，一张图片可能并不需要使用那么多颜色去显示，我们可以通过减少每个像素的调色板来相应缩小图片的大小。 了解了如何计算图片大小..