guo&qi - 博客园

vue+Element表单的校验方式

摘要：一、单个添加校验这种方式适合校验个别字段，或者表单字段有改变的校验。 <template> <div> <el-form :model="model"> <el-form-item label="姓名：" prop="name" :rules="[{required:true,message:'请阅读全文

posted @ 2020-12-11 09:10 guo&qi 阅读(3734) 评论(0) 推荐(1)

CSS选择器方法总结

摘要：一、nth-child和nth-of-type的区别测试一段代码，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选择器测试</title> <style type="text/css"> p: 阅读全文

posted @ 2020-12-10 14:51 guo&qi 阅读(194) 评论(0) 推荐(0)

vue中$attrs

摘要：一、概念 vue官网定义如下：包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过v-bind="$attrs 阅读全文

posted @ 2020-12-03 19:58 guo&qi 阅读(3740) 评论(0) 推荐(0)

CSS宽度或者高度设置100%和inherit的区别

摘要：一、相同点大多数情况下，两者作用是一样的。 ① 父容器width/height: auto，无论width/height:100%或者width/height:inherit表现都是auto。② 父容器width/height: 100px，无论width/height:100%或者width/h 阅读全文

posted @ 2020-12-02 20:39 guo&qi 阅读(889) 评论(0) 推荐(0)

移动端开发字体自动放大

摘要：一、概念这是webkit内核移动浏览器特性导致的，这个特性被称做Text Autosizer，又称Font Boosting、Font Inflation，是webkit给移动端浏览器提供的一个特性：当我们在手机上浏览网页时，很可能因为原始页面宽度较大，在手机屏幕上缩小后就看不清其中的文字了。阅读全文

posted @ 2020-11-20 12:27 guo&qi 阅读(429) 评论(0) 推荐(0)

js的位运算

摘要：一、使用左移运算符 << 迅速得出2的次方，使用右移运算符 >> 迅速除以2的次方 1<<2 // 1*2^2=4 1<<3 // 1*2^3=8 2<<2 // 2*2^2=8 8>>1 // 8/(2^1)=4 8>>2 // 8/(2^2)=2 16>>2 // 16/(2^2)=4 二、使用阅读全文

posted @ 2020-11-19 19:36 guo&qi 阅读(783) 评论(0) 推荐(0)

vue中的keep-alive

摘要：一、作用主要用于保留组件状态或避免重新渲染。二、用法 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 <keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。当组件在 <keep-alive> 内被切换，它的阅读全文

posted @ 2020-10-27 12:11 guo&qi 阅读(189) 评论(0) 推荐(0)

浏览器的垃圾回收机制

摘要：一、垃圾回收概念我们在写 js 代码的时候，会频繁地操作数据。在一些数据不被需要的时候，它就是垃圾数据，垃圾数据占用的内存就应该被回收。二、变量的生命周期比如这么一段代码： let dog = new Object(); let dog.a = new Array(1); 当 JavaScri 阅读全文

posted @ 2020-10-23 16:15 guo&qi 阅读(2677) 评论(0) 推荐(1)

vue-router传参数的方式

摘要：场景我们有两个页面，一个叫做Home，一个叫做About。想要实现从Home点击按钮之后跳转到About页面，并且传递给About页面一个id。 Home中的点击按钮如下： <button @click="toAbout(id)">点击我跳转去About页面</button> 一、方式一调用th 阅读全文

posted @ 2020-10-20 12:07 guo&qi 阅读(1269) 评论(0) 推荐(0)

Vue中使用watch同时监听多个值的实现方法

摘要：一、在computed中在computed中，将需要监听的值定义为一个对象。比如我们需要监听start和end的改变，将监听的值(start、end)定义一个对象(dateRange)，代码如下： computed: { dateRange() { const {start, end} = th 阅读全文

posted @ 2020-10-19 19:21 guo&qi 阅读(12543) 评论(0) 推荐(1)

导航

2020年12月11日

2020年12月10日

2020年12月3日

2020年12月2日

2020年11月20日

2020年11月19日

2020年10月27日

2020年10月23日

2020年10月20日

2020年10月19日