摘要：
一、单个添加校验 这种方式适合校验个别字段，或者表单字段有改变的校验。 <template> <div> <el-form :model="model"> <el-form-item label="姓名：" prop="name" :rules="[{required:true,message:'请 阅读全文
2020年12月11日
2020年12月10日
摘要：
一、nth-child和nth-of-type的区别 测试一段代码，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选择器测试</title> <style type="text/css"> p: 阅读全文
2020年12月3日
摘要：
一、概念 vue官网定义如下： 包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过v-bind="$attrs 阅读全文
2020年12月2日
摘要：
一、相同点 大多数情况下，两者作用是一样的。 ① 父容器width/height: auto，无论width/height:100%或者width/height:inherit表现都是auto。② 父容器width/height: 100px，无论width/height:100%或者width/h 阅读全文
2020年11月20日
摘要：
一、概念 这是webkit内核移动浏览器特性导致的，这个特性被称做Text Autosizer，又称Font Boosting、Font Inflation，是webkit给移动端浏览器提供的一个特性： 当我们在手机上浏览网页时，很可能因为原始页面宽度较大，在手机屏幕上缩小后就看不清其中的文字了。 阅读全文
2020年11月19日
2020年10月27日
摘要：
一、作用 主要用于保留组件状态或避免重新渲染。 二、用法 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 <keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。 当组件在 <keep-alive> 内被切换，它的 阅读全文
2020年10月23日
摘要：
一、垃圾回收概念 我们在写 js 代码的时候，会频繁地操作数据。在一些数据不被需要的时候，它就是垃圾数据，垃圾数据占用的内存就应该被回收。 二、变量的生命周期 比如这么一段代码： let dog = new Object(); let dog.a = new Array(1); 当 JavaScri 阅读全文
2020年10月20日
摘要：
场景 我们有两个页面，一个叫做Home，一个叫做About。想要实现从Home点击按钮之后跳转到About页面，并且传递给About页面一个id。 Home中的点击按钮如下： <button @click="toAbout(id)">点击我跳转去About页面</button> 一、方式一 调用th 阅读全文
2020年10月19日
摘要：
一、在computed中 在computed中，将需要监听的值定义为一个对象。 比如我们需要监听start和end的改变，将监听的值(start、end)定义一个对象(dateRange)，代码如下： computed: { dateRange() { const {start, end} = th 阅读全文