轮播图与懒加载轮播图代码如下：

数组常用方法  数组的常用方法如下代码所示 //栈方法，后进先出（在数组尾部进行的）push() pop();队：先进新出（在数组头部进行的）unshift() shift() let arr = []; ...

事件代理事件传递 1.捕获：从最外层的元素逐级向内知道事件的绑定着 2.目标：到达事件目标 3.冒泡：从绑定着再有内到外逐级向上知道最外层的元素 主要学习冒泡，事件类型ev.type，事件绑定着 ev.currentTarget，事件触发者 ev.t...

构造函数、原型和Dom操作  任何一个函数都有一个原型：prototype，prototype 对于普通函数没用，对构造函数才有用，构造函数是“对象的工厂”，是用来创建对象的，对象也叫实例 ；   构造函数必须...

值传递、数组对象的解构和多分支控制  赋值分为值传递和引用传递，值传递用于原始类型，string number bool 值传递更新相同的变量不影响同类引用传递是用于引用类型 object array更新一个值以后相关联的也会改...

JavaScript 基础变量声明和函数Js变量常量的声明及区别  js变量ES6之前的版本用var声明，ES6之后用，let声明，列如：let sum;，也可以声明和初始化一块做列如：let sum=20;，变量不可以重复定义，...

grid对齐方式及PHP.cn首页模块  grid的对齐方式分为居中对齐（水平和垂直），两端对齐（between），左对齐start，右对齐end；   其中写容器当中的对齐属性及值如下所示：place-con...

grid基础属性 1.网格容器：有如干个矩形的网格单元构成； 2.网格项目：网格容器的子元素，必须放在网格单元中； 3.网格单元：有“单元格”和网格区域两种表现形式； 4.网格轨道：有多个单元格组成，根据排列方向有行轨和列轨之分； 5.轨道间距：容器...

京东商城实例代码如下： header { height: 5em; background-color: lightcoral; color: white; display: flex; padding: 1em;}/* 菜单按钮 */hea...

flex弹性盒子弹性盒布局,这是第一个针对布局的技术,之前是table,div,css,position,float都是布局元素，在flex眼中,所有元素都是: 行内块,flex,页面存在二个布局的参考轴,一个叫主轴(元素的排列),还有一个交叉轴,控...

position定位模态框position定位可以分为 1.静态定位static系统默认的文档流定位方式； 2.relative 相对定位，相对于本身位置的偏移； 3.absolute 绝对定位，相对于离自己最近的定位元素（position值为...

box-sizing和常用的居中方式box-sizing是为了解决padding和border改变盒子本身大小而出现的属性，它有两个值 1.content-box 与之前的标准盒子一样； box-sizing:content-box; 2.borde...

em、rem、vh和vw单位的区别与使用场景em与rem之间的区别em与rem是代码中字体大小，长度大小的单位，em设置根元素字体大小，如果需要根据根元素改变的元素，大小长度单位需要用rem如下代码所示：html { font-siz...

选择器提权字体图标引入和盒模型常用缩写选择器提权选择器的提权方式，有以下公式决定（id=0 css=0 tag=0）零表示选择器的数量 。具体实例代码如下所示： div.div1 h3:nth-of-type(n + 1) { co...

CSS引入方式及Css选择器css引入方式 1.如果只是用在本页面的css样式，写入style标签中（内部样式） /* 类选择器 */ .Yanzheng { background-color: chocolat...