PHP:实例演示JavaScript和PHP中for/forEach两种语言不一样遍历数组的区别一.JavaScript:for和forEach遍历数组①for循环遍历数组 ②forEach遍历数组 代码块 let box = docume...
Vue:1.Vue组件的注册与挂载流程,实例演示; 2. 路由原理与注册流程,实例演示;1.Vue组件的注册与挂载流程,实例演示 组件本质上就是一组自定义的标签,可以在html文档出现,这个自定义的标签,需要用户自定义的功能,作用,行为组件一共分为三...
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...