分享好友 最新动态首页 最新动态分类 切换频道
js面试题
2024-12-26 21:00

1. 截取字符串abcdefg的efg
alert('abcdefg'.substring(4));

2. 写出3个使用this的典型应用
事件: 如onclick  this->发生事件的对象
构造函数          this->new 出来的object
call/apply        改变this

3. JavaScript中如何检测一个变量是一个String类型?请写出函数实现
typeof(obj) == 'string'
obj.constructor == String;

4. 请说出三种减低页面加载时间的方法
  1、压缩css、js文件
  2、合并js、css文件,减少http请求
  3、外部js、css文件放在最底下
  4、减少dom操作,尽可能用变量替代不必要的dom操作

5. 什么是FOUC?你如何来避免FOUC?
  由于css引入使用了@import 或者存在多个style标签以及css文件在页面底部引入使得css文件加载在html之后导致页面闪烁、花屏
用link加载css文件,放在head标签里面

6. 文档类型的作用是什么?你知道多少种文档类型?
  影响浏览器对html代码的编译渲染
  html2.0
  xHtml
  html5

7. 请解释什么是Javascript的模块模式,并举出实用实例。
  js模块化mvc(数据层、表现层、控制层)  seajs   命名空间

8. 如何组织自己的代码?是使用模块模式,还是使用经典继承的方法?
  对内:模块模式
  对外:继承

9.  你如何优化自己的代码?
     代码重用   避免全局变量(命名空间,封闭空间,模块化mvc..)拆分函数避免函数过于臃肿

10. 12.请尽可能详尽的解释AJAX的工作原理。
  创建ajax对象(XMLHttpRequest/ActiveXObject(Microsoft.XMLHttp))
  判断数据传输方式(GET/POST)
  打开链接 open()
  发送 send()
  当ajax对象完成第四步(onreadystatechange)数据接收完成,判断http响应状态(status)200-300之间或者304(缓存)执行回调函数

11. js的继承模式: call()

     基类:

 子类: 

使用:

 

12.form中的input有哪些类型?  

text:文本框
password:密码框
radio:单选按钮
checkbox:复选框
file:文件选择域
hidden:隐藏域
button:按钮
reset:重置按钮
submit:表单提交按钮
image:图片按钮,类似submit可以为按钮添加图片...

13 列举javaScript的3种主要数据类型,2种复合数据类型和2种特殊数据类型。

主要数据类型:string, boolean, number

复合数据类型:function, object

特殊数据类型: Null 空对象 Undefined 未定义

14. undefined 和null 的区别和注意点

1、如果用 “==” 进行比较,他们是相等的,因为比较的是值

2、区分他们有两种方法(他们的核心都是比较他们的 数据类型)

  1)使用typeof 将他们区分开 , typeof(null)=object

  2)使用全等“===”  :比较的是 值和 数据类型,只有全都相同 才返回 true

14. js中对象继承的方法: prototype,  构造函数, .call , apply实现继承

prototype:

构造函数:

call , apply实现继承

 15 浏览器的对象模型

window,方法: alert, prompt, confirm, open, close,

document方法: write,

history,方法, back, forward, go

location:方法 href

navigator,navigator.cookieEnabled:该属性表示是否启用cookie

screen,screen.width/screen.height:表示显示器的分辨率(总的宽度,高度)

16. 超链接的属性target取值: _blank, _parent, _self, _top

17. js的常用对象: String, Math, Date和Array对象

18. .innerHTML,innerText,outerHTML,innerText的区别

19 form中的input可以设置为readonly和disable,请问2者有什么区别?
  readonly不可编辑,但可以选择和复制;值可以传递到后台
  disabled不能编辑,不能复制,不能选择;值不可以传递到后台

20.js中的3种弹出式消息提醒(警告窗口,确认窗口,信息输入窗口)的命令式什么?
alert
confirm
prompt

20. JS最经典的全局变量和局部变量的问题:

100  10  100 

结论, js执行前对所有生命进行分析, 第6行声明了局部变量, 所以函数内部的a都指向这个变量, 所以先输出100.

this.a指向函数的调用者, 即window, 所以显示10

第三个输出局部变量100

 

undefined  10

第4行, 局部变量只解析声明, 不解析赋值, 所以第三行局部变量的值是undefined

下面赋值了局部变量,所以10

 

 100  10  10

var声明的是局部变量 , 第4行是全局变量, 外面赋值100,所以显示100

第二个, 全局变量改成10, 所以10, 

第三个, 全局变量a的值必须是10

21. JS的类型识别:  4种:typeof、Object.prototype.toString、constructor和instanceof

typeof可以识别标准类型(Null除外),不能识别具体的对象类型(Function除外)

Object.prototype.toString可以识别标准类型以及内置对象类型,不能识别自定义类型

constructor是对象原型上面的一个属性,它指向构造器本身,constructor可以识别标准类型(Undefined/Null除外),可以识别内置对象类型,可以识别自定义对象类型

instanceof可以识别内置对象类型,不能识别原始类型,可以识别自定义对象类型

 

 

最新文章
越狱里面的终极BOSS是谁?
nika,捷克人,被人骗到美国做脱衣舞女,被michael所救。与michael约定好帮其越狱,因而在其入狱前一天与之结婚以便带东西进监狱给他。两人的夫妻称号有名无实,但实际上nika深深的爱上了michael,所以她才会在听到michael对sara说他对她的
生肖已解“洞百孔风行”是什么生肖动态词语
生肖字谜诗句描绘十二生肖独特韵味:洞穿岁月隐玄机百孔风行探天机。生肖轮回映乾坤鼠首潜行夜无痕。牛耕日月展宏图虎啸山林震乾坤。兔跃月影藏仙踪龙腾云汉舞风云。蛇盘洞窟藏智慧马踏飞燕踏红尘。羊踏青草春色满猴跃林间摘星辰。鸡鸣长空
晨会主持词范文【优秀20篇】
《晨会主持词范文【优秀20篇】》由白话文精心整编,希望在【爱的鼓励节拍】的写作上带给您相应的帮助与启发。伴随着新一轮的太阳冉冉升起,我们又迎来了崭新的一天,在早会开始之前,是我们的活动量管理,请各处的处长用1分钟的时光收取组
怎么看拼多多行业热搜词(拼多多现在怎么查热搜词)
发布商品的时候需要给商品取一个引人注目的标题,所以商家就要了解一下商品的热搜关键词都有哪些。那么拼多多商品热搜词该如何查看呢?下面我们就一起来了解一下吧!拼多多商品热搜词在哪里看?(商品的热搜词表明搜索人气越高搜索人数越多,
竞价区域推广费用收取明细表:公正公开,一目了然
在当今网络营销竞争激烈的市场中,竞价区域推广已成为众多企业寻求竞争优势的重要手段。为了确保公平竞争,公正公开的推广费用收取明细表是必不可少的。本文将为您介绍竞价区域推广的费用收取明细,帮助您了解整个过程。一、推广费用计算公
掌握Git分布式版本控制:从入门到实战
Git概述Git代码托管服务Git常用命令在IDEA中使用Git1.1 什么是Git Git是一个分布式版本控制工具,主要用于管理开发过程中的源代码文件(Java类、xml文件、html页面等),在软件开发过程中被广泛使用。 在IDEA开发
羊小咩在“双11”中展现智能化魅力,助力消费者享受美好生活
随着今年“双11”电商购物节的火热开启,各平台销售数据再创新高,消费热情持续升温。从京东、天猫到抖音电商,各大电商平台纷纷亮出亮眼成绩单,不仅展现了中国消费市场的强劲活力,更揭示了消费趋势的深刻变革。羊小咩作为新兴的消费服务
Mysql用户密码设置修改和权限分配
转载地址:http://www.cnblogs.com/top5/archive/2010/09/14/1825571.html, 复制记录下:一、更改密码  第一种方式:  1、更改之前root没有密码的情况    c:mysqlbinmysqladmin -u root password "yo
如何增加已上架宝贝销售规格
一、如何增加已上架宝贝销售规格?要增加已上架宝贝的销售规格,可以按照以下步骤进行:登录淘宝卖家平台:打开淘宝网站,点击页面右上方的“卖家中心”,选择“卖家后台”,输入账号密码登录。选择需要添加规格的商品:在卖家后台首页,点
怎么使用AI写作工具批量写作?批量AI智能写作的方法
随着科技的不断发展,人工智能(AI)技术在各个领域都有了广泛的应用,其中之一就是智能写作。对于需要大量文本创作的用户来说,批量AI智能写作成为提高效率的一项重要工具。本文将专心分享批量AI智能写作的
相关文章
推荐文章
发表评论
0评