JavaScript
文章平均质量分 82
JavaScript分为三个部分 ECMAScript、DOM(文档对象模型)、BOM(浏览器对象模型)
它是一门运行在浏览器端的脚本语言。
JS的特点
1.解释型语言
2.类似于C和JAVA的语法结构
3.动态语言
4.基于原型的面向对象
毕富国
这个作者很懒,什么都没留下…
展开
-
2018最新Web前端经典面试试题及答案 JavaScript面试题
javascript: JavaScript中如何检测一个变量是一个String类型?请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去除字符串空格?方法一:使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g...原创 2018-08-04 21:49:11 · 39507 阅读 · 5 评论 -
JavaScript高级-01_基础总结深入
数据类型的分类和判断基本(值)类型 Number ----- 任意数值 -------- typeof String ----- 任意字符串 ------ typeof Boolean ---- true/false ----- typeof undefined --- undefined ----- typeof/=== null -------- null -------...原创 2018-08-05 15:55:37 · 244 阅读 · 0 评论 -
JavaScript高级-02_函数高级
原型与原型链所有函数都有一个特别的属性: prototype : 显式原型属性 所有实例对象都有一个特别的属性: __proto__ : 隐式原型属性 显式原型与隐式原型的关系 函数的prototype: 定义函数时被自动赋值, 值默认为{}, 即用为原型对象 实例对象的__proto__: 在创建实例对象时被自动添加, 并赋值为构造函数的prototype值 原型对...原创 2018-08-05 15:56:25 · 656 阅读 · 0 评论 -
JavaScript高级-03_对象高级
对象的创建模式Object构造函数模式 var obj = {};obj.name = 'Tom'obj.setName = function(name){this.name=name} 对象字面量模式 var obj = { name : 'Tom', setName : function(name){this.name = name}} 构造函数模式...原创 2018-08-05 15:56:55 · 321 阅读 · 0 评论 -
JavaScript高级-04_线程机制与事件机制
线程与进程进程: 程序的一次执行, 它占有一片独有的内存空间 可以通过windows任务管理器查看进程 线程: 是进程内的一个独立执行单元 是程序执行的一个完整流程 是CPU的最小的调度单元 关系 一个进程至少有一个线程(主) 程序是在某个进程中的某个线程执行的 浏览器内核模块组成主线程 js引擎模块 : 负责js程序的编译与运行 html,cs...原创 2018-08-05 15:57:26 · 419 阅读 · 0 评论 -
231个web前端常用的javascript特效分享
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件<input type=”text” value=”郭强”onfocus=”if(value==’郭强’) {value=”}”onblur=”if (value==”) {valu...转载 2018-08-03 09:03:55 · 3881 阅读 · 2 评论 -
JavaScript简介
JavaScript-JavaScript分为三个部分 ECMAScript、DOM(文档对象模型)、BOM(浏览器对象模型)-ECMAScript 标准(一份文档)不同浏览器厂商对该标准会有不同的实现-前身是Live Script 网景公司(Net scape)的航海家浏览器(Navigator)是火狐浏览器的前身使用的JS引擎是spiderMonkey-JavaScript负...原创 2018-07-22 19:41:41 · 426 阅读 · 0 评论 -
JavaScript基本语法——字面量、变量、标识符
注释- 单行注释 //注释内容- 多行注释/*注释内容*/- JS严格区分大小写- JS中每条语句以分号(;)结尾- JS中会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化。- 字面量和变量- 字面量- 字面量实际上就是一些固定的值,比如 1 2 3 4 true false null NaN "hello"字面量...原创 2018-07-22 19:46:24 · 615 阅读 · 0 评论 -
JavaScript数据类型
数据类型- JS中一共分成六种数据类型- String 字符串- Number 数值- Boolean 布尔值- Null 空值- Undefined 未定义- Object 对象可以使用typeof检查一个变量的类型- 其中基本数据类型有- String 字符串- JS中的字符串需要使用引号引起来双引号或单引号都行- 在字符串中使用\作为转义字符...原创 2018-07-22 19:49:28 · 138 阅读 · 0 评论 -
JavaScript数据类型转换
类型转换- 类型转换就是指将其他的数据类型,转换为String Number 或 Boolean- 转换为String- 方式一(强制类型转换):- 调用被转换数据的toString()方法- 例子: var a = 123; a = a.toString();- 注意:这个方法不适用于null和undefined由于这两个类型的数据...原创 2018-07-22 19:54:03 · 240 阅读 · 0 评论 -
JavaScript运算符
运算符- 运算符也称为操作符- 通过运算符可以对一个或多个值进行运算或操作- typeof运算符- 用来检查一个变量的数据类型- 语法:typeof 变量- 它会返回一个用于描述类型的字符串作为结果- 算数运算符+ 对两个值进行加法运算并返回结果- 对两个值进行减法运算并返回结果* 对两个值进行乘法运算并返回结果/ 对两个值进行除法运算并返回结果% ...原创 2018-07-22 20:03:15 · 139 阅读 · 0 评论 -
JavaScript流程控制语句
流程控制语句- 程序都是自上向下的顺序执行的,通过流程控制语句可以改变程序执行的顺序,或者反复的执行某一段的程序。- 分类:1.条件判断语句2.条件分支语句3.循环语句1.条件判断语句- 条件判断语句也称为if语句- 语法一:if(条件表达式){语句...}- 执行流程:if语句执行时,会先对条件表达式进行求值判断,如果值为true,则执...原创 2018-07-22 20:25:29 · 123 阅读 · 0 评论 -
对象(Object)
对象(Object)- 对象是JS中的引用数据类型- 对象是一种复合数据类型,在对象中可以保存多个不同数据类型的属性- 使用typeof检查一个对象时,会返回object- 创建对象- 方式一:- var obj = new Object();- 方式二:- var obj = {};- 向对象中添加属性- 语法:对象.属性名 = 属性值;对象["属...原创 2018-07-22 20:34:52 · 261 阅读 · 0 评论 -
函数(Function)
函数(Function)- 函数也是一个对象,也具有普通对象的功能- 函数中可以封装一些代码,在需要的时候可以去调用函数来执行这些代码- 使用typeof检查一个函数时会返回function- 创建函数- 函数声明function 函数名([形参1,形参2...形参N]){语句...}- 函数表达式var 函数名 = function([形参1,形参2......原创 2018-07-22 20:38:05 · 403 阅读 · 0 评论 -
原型(prototype)
原型(prototype)- 创建一个函数以后,解析器都会默认在函数中添加一个数prototypeprototype属性指向的是一个对象,这个对象我们称为原型对象。- 当函数作为构造函数使用,它所创建的对象中都会有一个隐含的属性执行该原型对象。这个隐含的属性可以通过对象.__proto__来访问。- 原型对象就相当于一个公共的区域,凡是通过同一个构造函数创建的对象他们通常都可以...原创 2018-07-23 17:25:15 · 223 阅读 · 0 评论 -
数组(Array)
数组(Array)- 数组也是一个对象,是一个用来存储数据的对象和Object类似,但是它的存储效率比普通对象要高- 数组中保存的内容我们称为元素- 数组使用索引(index)来操作元素- 索引指由0开始的整数- 数组的操作:- 创建数组- var arr = new Array();- var arr = [];- 向数组中添加元素- 语法;数组对...原创 2018-07-23 17:26:57 · 194 阅读 · 0 评论 -
正则表达式
正则表达式- 正则用来定义一些字符串的规则,程序可以根据这些规则来判断一个字符串是否符合规则,也可以将一个字符串中符合规则的内容提取出来。- 创建正则表达式- var reg = new RegExp("正则","匹配模式");- var reg = /正则表达式/匹配模式eg:var reg=new RegExp("a");//这个正则表达式可以来检查一个字符串中是否含有...原创 2018-07-23 17:53:46 · 241 阅读 · 0 评论 -
包装类及字符串的相关方法
- 在JS中为我们提供了三个包装类:String() Boolean() Number()- 通过这三个包装类可以创建基本数据类型的对象例子:var num = new Number(2);var str = new String("hello");var bool = new Boolean(true);- 但是在实际应用中千万不要这么干。- 当我们去操作一个基本...原创 2018-07-23 18:01:53 · 299 阅读 · 0 评论 -
Date对象
Date- 日期的对象,在JS中通过Date对象来表示一个时间- 创建对象- 创建一个当前的时间对象var d = new Date();- 创建一个指定的时间对象var d = new Date("月/日/年 时:分:秒");- 方法:getDate()- 当前日期对象是几日(1-31)getDay()- 返回当前日期对象时周几(0-6)- 0 周...原创 2018-07-23 18:03:26 · 238 阅读 · 0 评论 -
工具类Math
- Math属于一个工具类,它不需要我们创建对象,它里边封装了属性运算相关的常量和方法我们可以直接使用它来进行数学运算相关的操作- 方法:Math.PI- 常量,圆周率Math.abs()- 绝对值运算Math.ceil()- 向上取整Math.floor()- 向下取整Math.round()- 四舍五入取整Math.random()- 生...原创 2018-07-23 18:06:11 · 367 阅读 · 0 评论 -
DOM简介与DOM操作
DOM- Document Object Model- 文档对象模型,通过DOM可以来任意来修改网页中各个内容- 文档- 文档指的是网页,一个网页就是一个文档- 对象- 对象指将网页中的每一个节点都转换为对象转换完对象以后,就可以以一种纯面向对象的形式来操作网页了- 模型- 模型用来表示节点和节点之间的关系,方便操作页面- 节点(Node)- 节点是构成...原创 2018-07-23 18:08:50 · 202 阅读 · 0 评论 -
DOM对CSS的操作
DOM对CSS的操作- 读取和修改内联样式- 使用style属性来操作元素的内联样式- 读取内联样式:语法:元素.style.样式名- 例子:元素.style.width元素.style.height- 注意:如果样式名中带有-,则需要将样式名修改为驼峰命名法将-去掉,然后-后的字母改大写- 比如:background-color --> backgr...原创 2018-07-23 18:18:29 · 1278 阅读 · 0 评论 -
文档的加载、事件(Event)、事件对象、事件的冒泡、事件的委派
- 文档的加载- 浏览器在加载一个页面时,是按照自上向下的顺序加载的,加载一行执行一行。- 如果将js代码编写到页面的上边,当代码执行时,页面中的DOM对象还没有加载,此时将会无法正常获取到DOM对象,导致DOM操作失败。- 解决方式一:- 可以将js代码编写到body的下边<body><button id="btn">按钮</butto...原创 2018-07-23 18:22:48 · 286 阅读 · 0 评论 -
事件的绑定、滚轮事件、键盘事件
事件的绑定addEventListener()通过这个方法可以为元素绑定响应函数参数: 1.时间的字符串(不要on;onclick--》click) 2.回调函数,当事件触发时该函数会被调用 3.是否在捕获阶段触发事件,需要一个布尔值,一般都传false使用addEventListener()可以同时为一个元素的相同事件绑定多个响应函数,这样当事件被触发时...原创 2018-07-23 21:35:17 · 1039 阅读 · 0 评论 -
BOM浏览器对象模型
BOM浏览器对象模型BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象,用来完成对浏览器的操作BOM对象1.WindowWindow代表的是整个浏览器的窗口,同时Window也是网页中的全局对象2.NavigatorNavigator代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器,由于历史的原因Navigator中大部分属性已经不能帮助我们识别...原创 2018-07-28 18:20:28 · 265 阅读 · 0 评论 -
定时器
定时调用 如果希望一段程序每隔一段时间执行一次,可以使用定时调用。 setInterval()定时调用,可以将一个函数每隔一段时间执行一次 window对象的方法 参数: 1.回调函数,该函数会每隔一段时间被调用一次 2.每次调用间隔的时间,单位是毫秒 返回值:返回一个Number类型的数据,这个数字作为定时器的唯一...原创 2018-07-28 20:59:51 · 367 阅读 · 0 评论 -
JavaScript中的this
this(上下文对象)- 我们每次调用函数时,解析器都会将一个上下文对象作为隐含的参数传递进函数。使用this来引用上下文对象,根据函数的调用形式不同,this的值也不同。- this的不同的情况:1.以函数的形式调用时,this是window2.以方法的形式调用时,this是调用方法的对象3.以构造函数的形式调用时,this是新建的那个对象4.使用call和apply...原创 2018-07-30 10:56:35 · 150 阅读 · 0 评论