ES5与ES6继承.pdf
ES5与ES6继承.pdf
jQuery学习笔记精心整理
一. 什么是jQuery:
1. jQuery是第三方开发的执行DOM操作的极简化的函数库
(1). 第三方: 除了浏览器自带的函数和程序员自己编写的函数外,由第三方组织或个人编写的函数或对象——都要先下载才能用(官网: www.jquery.com)
(2). 执行DOM操作: jQuery还是在执行DOM的增删改查操作。学习jQuery其实还是在学DOM。
(3). 极简化: jQuery是对传统DOM操作的终极简化。jQuery是对DOM的每一步操作都进行了终极的简化。但是,步骤并没有减少。
(4). 函数库: jQuery中一切都是函数,没有属性。
2. 为什么: 2个原因:
(1). 简单
(2). jQuery解决了大部分浏览器兼容性问题。凡是jQuery让用的都没有兼容性问题
3. 为什么jQuery的使用逐渐减少:
(1). 并没有优化步骤,所以不是最简单的
(2). 只适合于PC端
4. 何时: 基本上PC端的项目或框架底层,都是由jQuery开发的。比如: bootstrap.js之前必须先引入jQuery.js。因为bootstrap.js是基于
v-html和v-text的区别.rtf
v-text和v-html 是 Vue.js中两种不同的指令,它们的主要区别在于如何处理模板中的文本内容:
v-text:
主要用途是将数据中的文本直接插入到模板中。
当数据中的文本或HTML标签被插入时,它会被原样输出,不需要进行任何DOM解析。
由于它是单向绑定的,即只有数据的变化会影...
v-for的原理.rtf
1、v-if
写法:
(1)、v-if=“表达式”
(2)、v-else-if="表达式"
(3)、v-else=“表达式”
适用于:切换频率较低的场景
特点:不展示的DOM元素直接被移除
注意:v-if可以和:v-else-if、v-else一起使用,但要求结构不能被打断
2、v-show
写法:v-show=“表达式”
适用于:切换频率较高的场景
特点:没有展示的DOM元素没有被移除,仅仅是使用样式隐藏掉。
3、备注:使用v-if的时候,元素可能无法获...
v-model的原理.doc
v-model是 Vue.js 框架中的一个指令,主要用于在表单元素(如 input、textarea、select 等)和组件之间建立双向数据绑定。它的工作原理结合了 Vue 的响应式系统和事件机制。具体来说:
事件监听:v-model 会监听表单元素的 input或类似的事件,如 input事件。当用户在表单元素中进行输入时,如果v-model与某个数据属性相关联,它会更新该数据属性。
数据响应:Vue 使用数据的响应式系统,确保绑定的数据属性与表单元素的值保持一致。这意味着每当数据属性发生变化时,Vue 会通知相关的表单元素更新它们的显示值,以反映数据的最新状态。
语法糖:v-model 可以被视为一种语法糖,它简化了编写双向数据绑定的过程。在实际应用中,v-model 实际上是....
v-if和v-show的区别
Vue中的v-if和v-show指令的主要区别在于它们的用途和性能表现,如下4点
1、应用场景:
v-if适合用于在满足特定条件时才需要渲染的元素。它可以避免在不满足条件的情况下创建不必要的DOM元素和子元素,从而提高性能。
v-show则适用于需要在不同的状态之间切换的元素,它可以通过更改CSS的display属性来控制元素的显示与隐藏,这种方式不会对DOM结构造成实质性影响,因此在频繁切换时的性能较好。
2、性能差异:
v-if会在条件为真时动态地创建或销毁元素,这可能会导致较大的性能开销,尤其是在频繁的条件切换下。
v-show则在初始时只会编译一次,之后它会控制....