随笔分类 - javascript
摘要：let和const let ES6新增了let命令，用于声明变量。其用法类似var，但是声明的变量只在let命令所在的代码块内有效。 var声明变量存在变量提升。也就是在声明变量之前就可以使用该变量。 而let不会这样，let声明的变量不能在声明之前使用。 注意： let不允许在相同的作用域内重复声
阅读全文
摘要：1、client 代码如下： 2、屏幕的可视区域 3.offset系列 代码如下，注释都挺清楚的 4.scroll系列
阅读全文
摘要：BOM的介绍 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器部分功能的API。
阅读全文
摘要：在js中的定时器分两种：1、setTimeout() 2、setInterval() 1、setTimeOut() 只在指定时间后执行一次 2、setInterval() 在指定时间为周期循环执行 刷盒子移动 清除定时器 两种方法根据不同的场景和业务需求择而取之， 对于这两个方法，需要注意的是如果要
阅读全文
摘要：创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 JS中最基本创建对象的方式： 这样，一个student对象就创建完毕，拥有2个属性name以及age，分别赋值为"easy
阅读全文
摘要：1、模态框案例 需求： 打开网页时有一个普通的按钮，点击当前按钮显示一个背景图，中心并弹出一个弹出框，点击X的时候会关闭当前的模态框 代码如下： 2.简易留言板 需求： 当在textarea中输入内容，点击留言按钮，会添加到浏览器中 图如下： 代码如下： 3.使用js模拟选择器中hover 4.ta
阅读全文
摘要：什么是DOM DOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是
阅读全文
摘要：一、JavaScript的组成 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器
阅读全文
摘要：arguments 代表的是实参。有个讲究的地方是：arguments 只在函数中使用。 （1）返回函数实参的个数：arguments.length 例子： 结果： （2）之所以说arguments是伪数组，是因为：arguments可以修改元素，但不能改变数组的长短。举例： 清空数组的几种方式：
阅读全文
摘要：函数：就是将一些语句进行封装，然后通过调用的形式，执行这些语句。 函数的作用： 将大量重复的语句写进函数里，以后需要这些语句的时候，可以直接调用，避免重复操作。 简化编程，让编程模块化。 第一步：函数的定义 函数定义的语法： 解释如下： function：是一个关键字。中文是“函数”、“功能”。 函
阅读全文
摘要：所谓内置对象就是ECMAScript提出来的一些对象，我们只到对象都是有相应的属性和方法 数组Array 1、数组的创建方式 字面量方式创建（推荐大家使用这种方式，简单粗暴） 使用构造函数（后面会讲）的方式创建new关键词对构造数进行创建对象 2、数组的赋值 3、数组的常用方法 3.1 数组的合并
阅读全文
摘要：1、if 、if-else、if-else if-else 注意：浏览器解析代码的顺序 是从上往下执行，从左往右 2、逻辑与&&、逻辑或|| 3、switch 4、while循环 循环三步走： 1.初始化循环变量 2.判断循环条件 3.更新循环变量 将1-100所有是2的倍数在控制台中打印。使用wh
阅读全文
摘要：语言中我们的数据类型有很多，在某个页面中展示的数据类型也不同，比如说电话号码我就要求number的类型，而输入姓名的时候就要求string类型的。那么在适当的情况下我们可以将数据类型进行转换。 1、将数值类型转换成字符串类型 隐式转换 强制类型转换 2、将字符串类型转换成数值类型 3、任何数据类型都
阅读全文
摘要：js中的运算符跟python中的运算符有点类似，但也有不同。所谓运算,在数学上，是一种行为，通过已知量的可能的组合，获得新的量。 1、赋值运算 以var x=12，y=5 来演示例 2、算数运算符 var a = 5,b = 2 3、比较运算符 var x =5； 4、特殊情况 字符串拼接+字符串运
阅读全文
摘要：数据类型包括：基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。 1、基本数据类型 number string boolean null undefined 2、
阅读全文
摘要：在页面中，我们可以在body标签中放入<script type=”text/javascript”></script>标签对儿 <script type=”text/javascript” src=“./index.js”></script> aler语句 alert（英文翻译为“警报”）的用途：弹
阅读全文
摘要：Web前端有三层： HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户体验） HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户
阅读全文
