对于transition这个单词，大家应该不陌生，在css3中transition属性被用于描述css属性的过渡效果。在vue中，使用了同名的transition组件，其目的也显而易见了，是为了提供易于使用的组件级别的过渡效果。 ​ 可以看到在点击Toggle后，hello的出…

Yup 官方解释： 大致译为： Schema schema 是对数据的一种描述。例：yup.string() 描述数据是字符串类型。我们可以 required、min，max 等修饰方法对其进行修饰，

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 1. 技术栈说明 vue2.6 + vue-router + vuex + element-ui 2. 开

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

preload大白话的意思是，”嗨，浏览器！这个资源在这个页面后面会用到，现在先加载它吧。“ 资源的提前加载。<link rel="preload" href="late_discovered_thing.js" as="script"> 字体的提前加载。<link rel="…

Webpack插件之preload-webpack-plugin,preload-webpack-plugin插件的使用方法及详细配置。

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性

vue3持续更新中...

display: -webkit-box;必须结合的属性，将对象作为弹性伸缩盒子模型显示 。 -webkit-box-orient必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式 。 text-overflow，可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文…