`
xiaomiya
  • 浏览: 131087 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

js简单的面试题(2)

阅读更多

续上一篇的js面试题

10,在ie6.0下面是不支持position:fixed的,请写一个js使用<div id ="box"></div>固定在页面的右下角

//如果用css实现的话
html{_background-image:url(about:blank);_background-attachment:fixed;}//这个是防止抖动的。
#time{ height: 2000px}
	.fixed-right{position:fixed;right:0px;left:auto;top:auto;bottom:0px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

 

//2,使用js实现的话
window.onscroll= window.onresize = window.onload = function (){
var getDiv = document.getElementById('rightBottom');
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

getDiv.style.left= document.documentElement.clientWidth - getDiv.offsetWidth+'px';
getDiv.style.top = document.documentElement.clientHeight-getDiv.offsetHeight +scrollTop +'px';
}


</script>
<div id="rightBottom" style=" width:100px; height:100px; background:blue; position:absolute; ">nihao</div>

 

 

11,js的基础对象有哪些,window和document的常用的方法和属性列出来

js的基础对象有:Array,Boolean,Date,Math,Number,String,ReqExp,Geqbal

 

window常用的属性有:

 defauleStatus:指定窗口状态栏中的信息。 
 status:指定当前窗口状态栏中的信息。 
 frames:是一个数组,其中内容是窗口中所有的框架。
 parent:指当前窗口的父窗口。 
 self:指当前窗口。
 top:代表当前所有窗口的最顶层窗口。
 window:代表当前窗口

window常用的方法有:

 alert:显示带有一个“确定”按钮的对话框
 confirm:显示带有“确定”与“取消”两个按钮的对话框。 
 prompt:显示带有输入区的对话框。 
 open:打开一个新窗口
 close:关闭用户打开的窗口。

 document常用的属性有:

  alinkColor:活动链接颜色。 
  linkColor:链接颜色。 
  vlinkColor:已访问过的链接颜色。
  anchors:页内链接。
  bgColor:背景颜色。 
  fgColor:前景颜色。 
  cookie:“小甜饼“。
  forms:表单元素。 
  lastModified:文档最后修改的时间。
  links:超链接。
  location:当前文档的 URL。
  referer:在用户跟随链接移动时,包含主文档的 URL 字符串值。
  title:文档标题。 

 document常用的方法有:

  write:向文档输出。
  open:打开文档。 
  close:关闭文档。
  clear:清除打开文档的内容。

 

 

12,js中如何定义class,如何扩展prototype?

 在面向对象编程中,类(class)是对象(object)的模板,定义了同一组对象(又称"实例")共有的属性和方法。Javascript语言不支持"类",但是可以用一些变通的方法,模拟出"类"。

一、构造函数法

这是经典方法,也是教科书必教的方法。它用构造函数模拟"类",在其内部用this关键字指代实例对象。

  

function Cat() {
    this.name = "大毛";
  }

 

生成实例的时候,使用new关键字。

  

var cat1 = new Cat();
  alert(cat1.name); // 大毛

 

类的属性和方法,还可以定义在构造函数的prototype对象之上。

  

Cat.prototype.makeSound = function(){
    alert("喵喵喵");
  }

 

关于这种方法的详细介绍,请看我写的系列文章《Javascript 面向对象编程》,这里就不多说了。它的主要缺点是,比较复杂,用到了this和prototype,编写和阅读都很费力。

二、Object.create()法

为了解决"构造函数法"的缺点,更方便地生成对象,Javascript的国际标准ECMAScript第五版(目前通行的是第三版),提出了一个新的方法Object.create()。

用这个方法,"类"就是一个对象,不是函数。

  

var Cat = {
    name: "大毛",
    makeSound: function(){ alert("喵喵喵"); }
  };

 

然后,直接用Object.create()生成实例,不需要用到new。

  

var cat1 = Object.create(Cat);
  alert(cat1.name); // 大毛
  cat1.makeSound(); // 喵喵喵

 

目前,各大浏览器的最新版本(包括IE9)都部署了这个方法。如果遇到老式浏览器,可以用下面的代码自行部署。

  

if (!Object.create) {
    Object.create = function (o) {
       function F() {}
      F.prototype = o;
      return new F();
    };
  }

 

这种方法比"构造函数法"简单,但是不能实现私有属性和私有方法,实例对象之间也不能共享数据,对"类"的模拟不够全面。

更多了解:http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html

 

13,ajax是什么?ajax的交互模型?同步和异步的区别?如何解决跨域问题?

 

14,请给出异步加载js方案,不少于两种?

 

15,多浏览器检测通过什么?

 

16,讲述一下你所了解的前端的优化方式?

 

17,javascript中如何对一个对象进行深度clone? 

 

18,请实现,鼠标移到页面中的任意标签,显示出这个标签的基本矩形轮廓?

 

19,在页面中有如下

<div id="field">
	<input type="text" name="" value="UserName" />
</div>
<span class="red"></span>

 要求用闭包方式写一个js炒年糕文本框中取出值并在标签span中显示出来。

 

 

18和19题不会呀,,请求大家的帮忙,,给给意见和答案。

 

0
0
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    js面试题面试题面试题

    根据给定的文件信息,以下是对每一道JS面试题的知识点进行详细解析: ### 第一题:编写一个方法求一个字符串的字节长度 #### 解析: 在这道题目中,我们需要编写一个函数来计算字符串的字节长度。这里的重点在于...

    js面试题下载

    面试题集合通常包含各种问题,旨在考察候选人在JS基础、jQuery库以及Ajax技术方面的理解和应用能力。现在,让我们深入探讨这些关键知识点。 1. **JavaScript基础**: - 变量与数据类型:了解`var`, `let`, `const`...

    前端面试题库,包含Vue面试题React面试题JS面试题HTTP面试题

    2. **React面试题**: React.js 是Facebook推出的用于构建用户界面的库,核心概念是组件。面试中可能讨论的点有:JSX、组件生命周期、状态管理和Props、React Hooks(useState、useEffect、useRef等)、 Redux或...

    最新Java面试题视频网盘,Java面试题84集、java面试专属及面试必问课程

    面试题包含了不同技术层面的面试问题,同时也能对一些没有面试开发经验的小白给予不可估量的包装, 让你的薪水绝对翻倍, 本人亲试有效.Java面试题84集、java面试专属及面试必问课程,所有的面试题有视屏讲解, 解答方案....

    前端面试题大全(40个VUE3.0面试题PDF、CSS、JS、REACT、全栈面经、小程序、性能优化)千道面试题,送前端简历模板

    覆盖范围:(40个VUE3.0面试题PDF、CSS面试题、JS面试题、REACT面试题 全栈面试题、小程序面试题、性能优化) # 前端面试题 非常重要 难度都是根据自己学习情况掌握的。 - 不能只靠背面试题 要去理解 面试题背后的...

    vue.js面试题大全

    ### Vue.js 面试题知识点详解 #### 一、MVVM 概念与 Vue.js 架构 **1. 对于 MVVM 的理解** MVVM(Model-View-ViewModel)是一种软件架构设计模式,主要应用于简化用户界面的开发。在 Vue.js 中,这种模式得到了...

    2022 vue.js面试题大全 PDF 下载.pdf

    Vue.js面试题大全 Vue.js是一款流行的前端框架,具有强大的数据绑定能力和灵活的组件化开发模式。以下是Vue.js面试题大全的摘要信息: 1. Vue的基本原理 当一个Vue实例创建时,Vue会遍历data中的属性,并使用...

    100道Vue.js 面试题(含答案).pdf

    Vue.js的面试题涉及到多个方面,包括路由管理、状态管理、组件通信、指令使用等,这些都是Vue.js应用开发的核心知识点。 首先,Vue.js中关于路由管理的面试题,可能会涉及路由守卫的使用。比如beforeEach和after...

    js基础知识及面试题.pdf

    总之,JS基础知识广泛且深入,面试题往往围绕这些核心概念出题。在准备面试的过程中,建议应聘者不仅要牢记概念,更要多写代码,多思考如何将理论应用于实际开发中。这不仅有助于面试,更是提高自身技能的必要过程。

    前端大厂最新面试题-JS面试题.docx

    前端大厂最新面试题-JS面试题 (JS相关) 1. 数组转成字符串的方式: 在 JavaScript 中,数组可以通过两种方式转换为字符串: (1)使用 toString() 方法:例如 `var arr = [1,2,3]; arr.toString() == '1,2,3';` ...

    前端面试题汇总.rar

    这份"前端面试题汇总"包含了许多关键领域的知识点,从基础到高级,涵盖了前端开发者必须熟悉的各项技能。 首先,HTML(超文本标记语言)是构建网页的基础,它定义了页面的结构。在面试中,可能会被问到关于HTML语义...

    前端面试题:包括js面试题、vue面试题、react面试题、性能优化

    Vue面试题通常涵盖Vue的核心概念,如组件系统、响应式原理、指令、过滤器、生命周期钩子函数以及Vue Router和Vuex等。Vue.js是一个流行的前端框架,它提供了声明式渲染,使得数据绑定和事件处理变得简单。Vue的响应...

    2021必备React.js 面试题整理(自己使用的资料).pdf

    "React.js 面试题整理" React.js 是一个流行的前端框架,它提供了一种declarative编程模型,可以帮助开发者构建快速、可维护的用户界面。以下是React.js相关知识点的总结: 1. React 事件机制 React并不是将click...

    小程序常见面试题_20题.pdf_前端面试题

    微信小程序面试题知识点总结 微信小程序基础知识: 1. 微信小程序有三个必备文件:app.json、app.js、app.wxss。app.json 是整个小程序的全局配置文件,app.js 是小程序的入口文件,app.wxss 是小程序的全局样式...

    javascript面试题

    ### JavaScript 面试知识点详解 #### 一、HTML 和 CSS **1、你做的页面在哪些浏览器测试过?这些浏览器的内核分别是什么?** - **Chrome**: 使用 Blink 渲染引擎。 - **Firefox**: 使用 Gecko 渲染引擎。 - **...

    JavaScript最新面试题2021年,常见面试题及答案汇总.md

    ### JavaScript 最新面试题2023年,常见面试题及答案汇总 #### 1、Node.js的应用场景 - **特点:** - **运行环境:** Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 - **依赖:** 依赖 Chrome V8 ...

    2021年最新java面试题--视频讲解(内部培训84个知识点超详细).rar

    Java面试题48.struts2的执行流程或者struts2的原理 Java面试题49.Struts2的拦截器是什么 Java面试题50.Spring MVC的执行流程 Java面试题51.SpringMVC和Struts2的不同 Java面试题52.简单介绍一下Spring或者Spring的两...

    2021Vue面试题笔记.pdf

    Vue面试题知识点总结 以下是根据提供的文件信息生成的知识点总结: 1. Vue 基础 * Vue 实例创建时,Vue 会遍历 data 中的属性,使用 Object.defineProperty(Vue 3.0 使用 proxy)将它们转换为 getter/setter,...

    PHP程序员常用简单面试题

    ### PHP程序员常用简单面试题详解 #### 一、用PHP打印出前一天的时间,格式是2017-5-29 22:21:21 **知识点**: PHP日期时间处理 - **实现方法**: ```php $yesterday = date('Y-m-d H:i:s', strtotime('-1 day'));...

Global site tag (gtag.js) - Google Analytics