关于面试的一些问题合集

一、css方面

1、盒子模型在IE上有何不同?

盒模型分为:W3C标准盒模型和IE盒模型
W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。
 IE 盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 pading。

2、移动端适配方案?

  Media Query(Bootstrap)

  viewpoint缩放

  固定高度

  浮动百分比

  动态计算与rem(淘宝的flexible)

二、JQuery方面

1、事件on和click有何不同?

<form action="">
    <input type="radio" class="sex" id="man" name="xb"> <label for="man">男</label>
    <input type="radio" class="sex" id="woman" name="xb"> <label for="woman">女</label>
    <input type="radio" class="sexon" id="secret" name="xb" checked="checked"> <label for="secret">保密</label>
</form>

<script src="js/jquery.min.js"></script>
<script>
    //click不支持给最后一个元素,动态添加的sex样式进行绑定事件
    $(".sex").click(function(){alert($(this).next().text())
        $(this).removeClass().addClass("sexon").siblings("input").removeClass().addClass("sex");
    })
    //on支持给最后一个元素,动态添加的sex样式进行绑定事件
    $("body").on("click",".sex",function(){alert($(this).next().text())
        $(this).removeClass().addClass("sexon").siblings("input").removeClass().addClass("sex");
    })
</script>

三、原生JS方面

1、如何理解事件流?

//事件流即当事件触发某个元素的同时,也触发了包含这个元素的所以祖先容器
//IE:事件冒泡(由最开始具体的元素接收,然后逐级向上传播)
//Netscape:事件捕获(最外层更早接收到事件,最具体的元素最后接收到事件)

//事件处理程序
//HTML事件处理程序
<input type="button" value="按钮1" id="btn" onclick="alert('hello world!')">
//DOM0级事件处理程序
var btn2=document.getElementById("btn2");
btn2.onclick=function(){alert("hello DOM0")}

//DOM2级事件处理程序
var btn3=document.getElementById("btn3");
btn3.addEventListener("click",showMes,false)
function showMes(){alert("hello DOM2")}
//btn3.removeEventListener("click",showMes,false);//解除事件

//IE事件处理程序
btn3.attachEvent("onclick",showMes)
//btn3.detachEvent("onclick",showMes);//解除事件

 2、关于if判断的默认数据转换(如下为false,其他大部分均为true)

var a;          //false
var a="";       //false
var a=null;     //false
var a=undefined;//false
var a=0;        //false
var a=NaN;      //false
var a=false;    //false

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏hrscy

RxSwift - Why

官方建议总是使用 .addDisposableTo(disposeBag) 即使对于简单绑定来说那不是必要的。

602
来自专栏IT笔记

JAVA工作三年面试(三)

经过前面两次的面试,这里就马上转到第三家公司了的面试了,这里简称 B,工作地点和上一篇所讲述的 W 公司在一个城市,是面完 W 之后第二天去的,说出名字的话大多...

2576
来自专栏Play & Scala 技术分享

PlayScala 2.5.x - 实现完全异步非阻塞的流数据导出

2584
来自专栏十月梦想

CSS三种表现形式

752
来自专栏令仔很忙

设计模式六大原则——里氏替换原则(LSP)

       里氏替换原则(LSP,Liskov Substitution Principle)是关于继承机制的原则,是实现开放封闭原则的具体规范,违反了里氏替...

511
来自专栏数据和云

极限优化:从75到2000,由技能到性能提升岂止80倍

崔华,网名 dbsnake Oracle ACE Director,ACOUG 核心专家 编辑手记:感谢崔华授权我们独家转载其精品文章,也欢迎大家向“Oracl...

2395
来自专栏我杨某人的青春满是悔恨

Swift2网络操作和异常处理

相信写过Swift的人应该都知道Alamofire,它是AFNetworking的Swift版本,同一个作者写的。之前在项目中我也一直使用Alamofire,但...

501
来自专栏java技术学习之道

分布式之延时任务方案解析

823
来自专栏向治洪

使用LRU算法缓存图片,android 3.0

在您的UI中显示单个图片是非常简单的,如果您需要一次显示很多图片就有点复杂了。在很多情况下 (例如使用 ListView, GridView 或者 View...

1728
来自专栏刘望舒

React Native组件(二)View组件解析

前言 了解了RN的组件的生命周期后,我们接着来学习RN的具体的组件。View组件是最基本的组件,也是首先要掌握的组件,这一篇我们来学习View组件。 1.概述...

2026

扫描关注云+社区