浮*华·如雪-CSDN博客

原创 v-if与v-show比较

什么时候元素被渲染 v-if如果在初始条件为假，则什么也不做，每当条件为真时，都会重新渲染条件元素； v-show不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换使用场景选择 v-if有更高的切换开销， v-show有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行后条件很少改变，则使用 v-if 较好。...

2021-09-27 16:33:29 94

原创 Vue核心技术：计算属性和监听器、v-model的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2021-09-27 11:25:09 266

MVVM是 Model-View-ViewModel 的缩写，它是一种软件架构风格Model：模型，数据对象（data选项当中的)View：视图，模板页面（用于渲染数据)ViewModel：视图模型，其实本质上就是 Vue 实例它的哲学思想是：通过数据驱动视图把需要改变视图的数据初始化到 Vue中，然后再通过修改 Vue 中的数据，从而实现对视图的更新。声明式编程按照 Vue 的特定语法进行声明开发，就可以实现对应功能，不需要我们直接操作Dom元素命令式编程：Jquer.

2021-09-27 10:48:05 274

原创 Vue.js的介绍

Vue 是主流的渐进式 JavaScript 框架渐近式是：(1)可以和传统的网站开发架构融合在一起，例如可以简单的把它当作一个类似 JQuery 库来使用。(2)也可以使用Vue全家桶框架来开发大型的单页面应用程序。优点：（1）vue.js 体积小，编码简洁优雅，运行效率高，用户体验好.；（2）无Dom操作，它能提高网站应用程序的开发效率；...

2021-09-27 10:39:57 87

原创 ES6中的 Let 关键字

#### 与var的区别- 不能重复定义- 没有变量提升（var定义的变量是有变量提升的），必须`先定义再使用`- 全局变量不会附加到window对象的属性中- 具有块级作用域

2021-09-06 21:24:02 136

原创 BOM部分的元素系列

console.log(box.scrollWidth); console.log(box.scrollHeight); 元素的offset系列属性元素的client系列属性元素的scrollTop属性 1.元素的offset系列属性元素.offsetWidth / 元素.offsetHeight; （当给元素添加box-sizing: border-box;的时候，只计算内容宽度）返回的是数字。大小包含：内容 + padding...

2021-08-21 16:11:41 90

原创 DOM笔记

一、DOM的概念概念：文档对象模型。文档：html文件对象：属性和方法 obj={name:'',sayHi:function(){}} 模型：（树）文档树：浏览器在加载html文件时，会把文档、文档中的标签、属性、文本、注释转换成对象，然后按照标签的关系（父子、兄弟、祖孙）以树状结构存储到内存中。文档树中的对象，也被称为节点对象。节点对象的分类：==文档（document）== 、==元素（标签转换的对象）== 、文本、属性、注释 .

2021-08-18 18:09:15 132

原创智能小布 2021-08-07

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2021-08-11 15:11:57 112

原创距离2022年6月7日还剩下多少时间！！！！！

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>..

2021-08-09 20:50:05 4382

原创第一次考核总结

1.根据下面代码，.subbox盒子距.box盒子顶部距离多大？.box{ float: left; width: 300px; height: 200px; }.subbox { margin-top:50%;}<div class=”box”> <div class=”subbox”></div></div>A、50px B、100px C、150px D、200px答...

2021-08-02 20:20:09 119

qq_59498705的博客