随笔分类 - JavaScript
摘要：闭包 前言 现在去面试前端开发的岗位，如果你面对的面试官也是个前端，并且不是太水的话，你有很大的概率被问到JavaScript的闭包。 什么是闭包 什么是闭包，百度、Google之后，你可能会搜索很多答案... 《JavaScript高级程序设计》这样描述 闭包是指有权访问另一个函数作用域中的变量的
阅读全文
摘要：理解闭包前置知识点点 前言 在JavaScript中的”神兽“,很多同学会觉得闭包这玩意太恶心了，怎么着都理解不了...其实刚接触JavaScript的时候我也是这样的。 But,闭包真的非常重要！非常重要！非常重要！好话说三遍，绝不会多说一遍。在《你不知道的JavaScript》中甚至这样写道”
阅读全文
摘要：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 代码解释
阅读全文
摘要：什么是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可以修改元素，但不能改变数组的长短。举例： 清空数组的几种方式：
阅读全文
摘要：函数：就是将一些语句进行封装，然后通过调用的形式，执行这些语句。 函数的作用： 将大量重复的语句写在函数里，以后需要这些语句的时候，可以直接调用函数，避免重复劳动。 简化编程，让编程模块化。 将大量重复的语句写在函数里，以后需要这些语句的时候，可以直接调用函数，避免重复劳动。 简化编程，让编程模块化
阅读全文
摘要：所谓内置对象就是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的倍数在控制台中打印。使用while循环 5.do_while 6.for循环
阅读全文
摘要：语言中我们的数据类型有很多，在某个页面中展示的数据类型也不同，比如说电话号码我就要求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”></script>标签对儿 alert语句 alert（英文翻译为“警报”）的用途：弹出“警告框”。 语法规则
阅读全文
摘要：Web前端有三层： HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户体验） HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户
阅读全文