Vue:实例演示,v-if,v-for,v-model,v-bind,v-on,计算属性和侦听器属性一.实例演示,v-if,v-for,v-model,v-bind,v-on 方法 含义 v-bind 自定义普通属性，快捷语法是一个”:”...

jQuery:常用dom和事件操作,jQuery中的$.ajax方法,Vue基本术语与插值语法实例演示jQuery:常用dom操作 方法 含义 append() 在父元素上调用，添加到子元素的最后面 prepend() 在父元素上调用...

jQuery:常用 jQuery方法，$()的四种类型参数，jQuery对象转js对象方法实列前言:什么是jQuery？ jQuery 是一个快速、小型且功能丰富的 JavaScript 库。它使像HTML文档穿越和操作，事件处理，动画和Ajax的东...

JavaScript: 购物车全选自动计算金额和取消全选清零金额 代码块 //首先完成购物车的全选按钮和单个按钮进行绑定 //拿到全选按钮 let checkAll = document.querySelector("#...

JavaScript:1.懒加载演示；2.轮播图为翻页按钮添加功能;一.图片懒加载演示 关于高度 代码 视口高度 clientHeight 滚动高度 scrollTop 距离父级高度 offsetTop //...

JavaScript:演示Ajax的get和post请求，练习选顶卡和换肤案例Ajax 异步请求 特别提示: 异步请求不要使用live server插件,必须创建一个本地服务器环境 1. 同步与异步以前端请求,后端响应为例 同步: 前端发请求, ...

留言板添加字数实时统计与禁止超出功能,部分字符串和数组方法功能使用1.字符串方法 方法 含义 concat() 字符串拼装 slice（） 取子串，可以正负数取数 trim() 删除字符串两边的空白字符 split（） 将字符...

实例演示dom元素的增删改查操作1.类数组 类数组 类似数组,长得像数组,但它又不是数组，它有两个特征 1.有length索引 2.有递增的整数索引 下面让我们来看看什么是类数组，请看下图 大家可以看到，用docum...

javascript：作用域和闭包，类与类的继承1.作用域 ES6中三种作用域 含义 全局作用域 再全局也就是外部声明的变量或者常量 函数作用域 再函数内部声明的变量或者常量 块级作用域 再()/{}里面声明的变量或者常量 ...

实例演示数组，对象，传参解构; 实例演示访问器属性的get,set操作1.数组解构①基本数组解构方式 ②ES6数组解构方式 大家可以看到ES6的数组解构方式变得很简洁，没有之前版本的解构反思那么多行代码，新ES6解构添加了两个[][]方括号，等号左...

javascript：引入方式/变量与常量声明/函数与高阶函数/归并参数/箭头函数的语法/立即执行函数的语法1.引入方式 方式 元素 含义 行内脚本 onclick 事件属性 内部脚本 script 将js代码写在这对标签中，建议位置...

grid实现12列栅格布局的组件并且实例圣杯布局1.建立12列栅格布局组件* { margin: 0; padding: 0; box-sizing: border-box;}/* 建立body是 grid主体 并且定义让多行容器居中 */bo...

flex模拟移动商城首页页面布局1.布局页面导航 大家可以看到图片上的红色边框，用了flex布局，布局了一个多行容器，采用的是无序列表ul。 css代码块/* 设置导航样式，定义flex容器 */.main { background: rgba...

移动商城首页的页眉和页脚的布局先来演示一下flex项目三个属性1.项目的缩放比例与基准宽度 元素 属性 含义 flex 0 1 auto / initial 默认的，禁止放大，允许收缩，宽度自动 flex 1 1 auto / aut...

flex容器中的四个属性的功能/参数 flex容器是具有：display：flex的属性元素↓ 语法定义 #box{ display: flex; }