实战：购物车功能一、两个实用的数组函数1.1 Array.every()every()方法传入回调函数，这个回调函数有三个参数，分别是： item:用于测试的当前值；index:当前测试值的索引，这是一个可选参数；every:用于测试的数组，这也是...

jQuery操作DOM常用的方法和Ajax应用一、jQuery操作DOM1.1 添加元素1.1.1 appendTo在被选择的元素尾部插入指定的内容。 语法 $(context).appendTo(selector); 案例 $('祝大家春节...

常用数组函数的应用、ajax和json的认识一、常用的数组函数1.push()方法在数组尾部添加一个新的元素，需要注意的是，该方法返回值是得到的新数组的长度。 语法 arr.push(element1, element2, element3,…)...

Vue路由原理与实现一、基于哈希的路由原理与实现1.1 基于锚点的hash路由 Location 接口表示其链接到的对象的位置（URL）。 属性： Location.href 包含整个URL的一个DOMString Location.protoc...

Vue组件基础与父子组件之间的值传递方式一、组件基本示例1.1 组件的概念组件从形式上看就是一个自定义的HTML标签，组件是可复用的vue实例，要构造函数Vue的子类。 1.1.1 全局组件 创建一个组件分为3步，这里有一个Vue组件的实例： // ...

jQuery中$()函数的四个参数以及getter/setter方法一、$()函数的四个参数1.$(selector, context)：获取元素 => $(选择器，上下文) 案例：给id=first的元素下面的子元素的字体变成蓝色。 // 原生写法...

Vue条件渲染，计算属性Computed与侦听器Watch的共性与区别一、Vue条件渲染：指令v-if和v-show1.1 v-if指令只需要给元素添加上v-if指令即可，与之配合使用的还有v-else-if，首先我们给出一个id=app的DOM结构...

Vue基础和常用指令的介绍一、Vue基础Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 1.1 创建一个Vue实例const vm = new Vue({ el: '#app', data: { ...

JavaScript动态设置类与相关经典案例一、JS动态设置类1.className属性可以用来设置元素的类(class)值或返回元素的class属性值。 语法： obj.className = classNameValue; 案例： ...

JS对象、模板字面量与流程控制一、JavaScript值传递与引用传递的区别值传递与引用传递的两种应用场景1、赋值1.1 值传递：应用于原始类型：包括字符串、数值、布尔。 let a = 1;let b= a;console.log("a = %d,...

构造函数的原型和对象原型之间的区别与DOM操作一、构造函数和对象原型 任何一个函数都有一个原型属性：prototype function f1 () {}console.dir(f1); 以上是声明了一个函数f1，并在控制台打印函数的相关对象属性：...

JavaScript事件与字符串常用函数一、JavaScript事件基础1.事件的三种添加方法1.1 添加到元素的事件属性上。 Button1 1.2 通过脚本添加到事件属性上。 Button2&l...

JavaScript变量、常量声明与函数的基础知识一、JavaScript脚本的引入方式案例：现有如下标签，可以利用JS来更改h2的背景色和文字颜色： Hello World! JS有三种引入方式： 1.内联脚本

JavaScript函数的使用以及Dom操作基础知识一、认识JavaScript函数 JavaScript函数是用来执行特定的代码块的，仅仅在调用它的时候才会执行里面的代码。 语法： JavaScript通过function关键字定义一个函数，后...

JS模板字面量的认识与流程控制 昨天学习了JS相关的基础知识，了解了JS变量、常量的声明，以及let、const的区别，今天学习了字符串模板和JS流程控制语句，下面我把今天所学的内容总结梳理一下，把重点知识跟大家分享一下，也便于日后我复习所用。 一...