在实现图片懒加载案例之前，我们先来学习一下JavaScript视口宽高、元素位置、滚动高度、尺寸属性 一、window视图位置属性1.1、window对象获取视口（浏览器窗口）宽高 console.log(window.innerHeight) //...
JSON数据格式 JSON 是什么?在 JS 语言中，一切都是对象。因此，任何支持的类型都可以通过 JSON 来表示，例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型 JSON: JavaScript Object Nota...
ECMA-262把对象定义为：”无需属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，这就相当于说明对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。正因为这样，我们可以把ECMAScript的对象想象...
事件添加方法1. 在 HTML 中直接指定例如鼠标单击事件 onclick 、双击事件 onmouseover 、鼠标移入移出事件 onmouseover 、onmouseout 。又可分为两种。 ① 直接写在 HTML 的属性中Click
类数组是什么？ 可以利用属性名模拟数组的特性 var obj = { "0":'a', "1":'b', "2":'c', "length":3, "push":Array.prototype.pus...
作用域作用域理解：定义的变量、函数生效的范围。javascript 有全局作用域和函数作用域两种。注：es6实现let 块级作用域不是js原生的，底层同样是通过var实现的。 执行上下文范围：一段内或者一个函数内；全局：函数声明、变量声明 。范围：所...
值传递与引用传递区别很明显，值传递是不会改变实际的参数数值，而引用传递是可以改变参数的实际数值的，还有值传递是基本类型的传递，引用传递是对基本类型进行了封装之后再传递。 值类型（基本类型）：String，Number，Boolean，Null，Un...
JavaScript的三种引入方式 行内引入 行内引入方式必须结合元素的事件来使用，但是内部js和外部js可以不结合事件点击我
一、JavaScript简介1.1网页分层 名称 描述 结构层 HTML 负责搭建页面结构 样式层 CSS 责页面的美观 为层 JavaScript 负责页面的交互效果，提高用户体验 1.2 JavaScript诞生Jav...
滑动门出现的背景制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，比如微信导航栏，有凸起和凹下去的感觉，最大的问题是里面的字数不一样多，咋办？为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页...
1. 利用text-align实现行内元素居中行内元素居中就很简单，只需要设置一下元素的text-align和行高 .box { height: 300px; width: 300px; ...
单行文本溢出显示省略号(…)如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 三行代码实现方法： overflow: hidden; /* 超出隐藏...
在进行网页排版时，遇到浏览器中的图片元素img下出现多余空白的问题绝对是常见的问题， 该问题的解决方法也是「见机行事」，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳， 供大家参考。 ...
Grid 网格布局介绍CSS 网格布局擅长于将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系（前提是HTML生成了这些区域）。 像表格一样，网格布局让我们能够按行或列来对齐元素。 然而在布局上，网格比表格更可能做到或更简单。 例...
利用flex布局进行仿写移动端苏宁易购首页 完善移动端京东首页 http://easys.ltd/jd/仿写移动端苏宁首页 http://easys.ltd/sn 首页代码index.html
