实例演示组件注册的二种方式,以及组件之间的通信方式 一、组件注册两种方式1. 全局组件注册 &l...

一、 实例演示条件渲染与列表渲染 1. 列表渲染 v-for {{index}...

实例演示课堂上提及的全部指令, 并详细写出常用的术语,以及使用场景 一、vue动态修改html内容

配置文件npm init 交互式生成package.jsonnpm init -y 直接生成空的package.json 安装包npm install packagenamenpm i packagename安装指定版本npm i packagena...

一、xhr与fetch异步编程的步骤,实例演示。XHR与Fetch的区别：1.xhr基于传统的ajax。2.fetch是现代的异步请求，推荐使用，基于Promise对象。 <...

一、购物车选择或不选商品时,并自动过滤未选商品,自动计算思路：1、在勾选和取消商品时触发重新计算2、在计算总金额时判断商品勾选的状态3、在计算总数量时判断商品勾选的状态4、在全选时触发重新计算HTML部分代码：

一、页面自动加载数组构成的图片HMTL代码，必要地方都有注释。

一、事件冒泡和事件代理1. 事件冒泡：元素事件的触发，默认会向上（父级）传递，当父级元素有同名事件时，会被自动触发，这种传递默认可以传至window。 ...... item1 item2 ...

一、dom增删改的常用方法1. 常用接口 createElement(ele)创建新元素，document上调用。append(string/ele)追加到父级最后的子节点之后，在父节点上调用。before(string/ele)在某元素之前插入节点...

一、类数组纯数组 ... const arr = ['red', 'green', 'blue']; console.log(arr); // 数组也是对象 console.log(arr...

一、用class创建一个类, 并实现自有,共享,静态成员的声明与输出... ... class demo { //公共成员 username = '小明'; ...

一、函数参数与返回值1. 参数1.参数不足时给个默认值。2.参数过多时会被丢弃。可以用“…”接收过多的参数，也可以用“…”展开接收的参数。 ... // 1.参数不足，赋默认值。 function f(param='默认参数'){...

一、常用数据类型1. 数字、字符串、布尔型、null... console.log(100); console.log(typeof(100)); console.log(typeof(100.1))...

一、变量、常量、函数和作用域1. js在HTML内的引入方式 ...

一、成果展示 二、代码为了代码展示方便，就不做工程化了，一个HTML文件和一个CSS方便直观查看。 HTML代码