昵称怎么就那么多-优快云博客

原创复习记录01

问题:1. css全称2. 样式表组成3. 浏览器编译css的顺序4. 常用选择器5. 选择器优先级6. css的样式继承css全称: cascading style sheets[层叠样式表]语法: <style type="text/css"> /* 1. 样式表由规则组成 2. 规则由选择器+声明块组成 3. 声明块由声明组成 4. 声明: css属性: css属性值; css从内向外进行解析选择器: div ul li s

2021-06-21 21:31:12 113

原创 js this指向面试题

var number = 5; var obj = { number : 3, fn1:(function(){ var number; this.number *=2; number = number*2; number = 3; return function(){ console.log(this) var num = this.number; this.number *.

2021-05-08 10:49:40 264

原创 pc 浏览器放大元素始终居中

使用 css position:absolute 属性.bg{ position: absolute; left: 50%; transform: translateX(-50%);}这样元素就不会随着页面的缩放改变显示区域了元素始终居中显示

2021-05-07 17:01:17 207

转载 Vue中的MVVM MVVM与MVC

MVVM是MVC的增强版那么什么是MVC呢?MVC 是 Model-View-Controller 的缩写MVC 将所有的数/逻辑据操作都写在 Controller用户与视图交互通过Controller 将Model中的数据更新Model中的数据变化了通过Controller 实现对页面的更新MVC是一种很实用的结构但是如果一个项目的视图很多很大数据也非常多那么Controller中的逻辑代码就会非常多不利于维护MVVM是什么呢?MVVM 是 Model-view-Vie

2021-03-31 18:20:02 146

转载在vue中为什么要使用v-on/@?

扫一眼 HTML 模板便能轻松定位在 JavaScript 代码里对应的方法。相比在JavaScript 中绑定事件使用v-on/@ 更加方便, 平且DOM 完全解耦，更易于测试。当一个组件实例被销毁时，所有的事件处理器都会自动被删除。不需要手动清理...

2021-03-30 10:49:37 237

转载 vue中的事件绑定事件修饰符 (学习笔记)

目录-1. vue中的事件-2. 通用的事件修饰符-3. 事件修饰符中的按键修饰符-4. 鼠标按钮修饰符1在vue中使用 v-on来绑定事件监听处理函数可以将 v-on简写为@ <div v-on:click="handler0(.....,$event), handler1"></div> ↓ (以上写法等价于) <div @:click="handler(.....,$event), handler1"></div>事件的.

2021-03-30 10:34:49 282

原创 vue中template的使用方式

vue中 template的使用在v-for遍历时 :<ul> <template v-for="item in items"> <li>{{ item.msg }}</li> <li class="divider" role="presentation"></li> </template></ul>在同时使用v-if和v-for时 :在官网中并不建议将这两个指令放在一起使用

2021-03-30 09:40:50 546

转载 vue修改数组时能触发更新的方法有哪些?

Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括：push()pop()shift()unshift()splice()sort()reverse()

2021-03-30 09:22:57 900

转载 vue更新元素的方式

当 Vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。...

2021-03-30 09:16:25 395

转载 vue嵌套组件声明周期执行顺序

原文页面: https://juejin.cn/post/6844904113914773518这里做简单总结:加载渲染过程父组件: beforeCreate->created->beforeMount->子组件: beforeCreate->created->beforeMount->mounted->父组件: mounted更新过程父组件: beforeUpdate->子组件: beforeUpdate->updat

2021-03-24 10:13:03 451

原创 vue keep-alive 缓存滚动条高度

data(){ return { scrollY:0, //声明变量保存滚动条的高度 }}activated(){ // 由于keep-alive缓存了当前组件的状态 // 它能让当前组件在切换路由时不销毁 // 所以当前页面的声明周期钩子函数执行顺序规则： // 初次进入当前路由时： beforeCreate =》 created =》beforeMounte =》 mounted =》 activated =》 beforeUpdate =》 upt

2021-01-06 20:17:10 1046 3

原创 vue-router使用笔记

三级路由案例笔记直接上最终代码const routes = [ // 一级路由 { path: '', redirect: 'wrapper', <<==进入页面后就重定向到wrapper }, { path: '/wrapper', name: 'Wrapper', component: () => import('@/views/wrapper.vue'), <<==提供承载二级路由的模板

2021-01-04 15:28:29 169

原创使用element-ui组件库中的el-table时报错 Invalid prop: type check failed for prop “data“. Expected Array, got

使用 Table组件报错Invalid prop: type check failed for prop “data”. Expected Array, got ObjectError in callback for immediate watcher “data”: “TypeError: data.indexOf is not a function”data.indexOf is not a functiondata.reduce is not a functionError in mou

2021-01-02 18:12:08 1752

qq_44670001的博客