关于面试的一些问题合集

一、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 条评论
登录 后参与评论

相关文章

来自专栏CaiRui

CSS再学

css的注释 /*.......*/ 直接在html代码中写css <p style="color: rebeccapurple;font-size: 18px...

1667
来自专栏用户2442861的专栏

HTML/CSS基础知识学习笔记

http://www.cnblogs.com/scue/p/4276339.html

461
来自专栏每日一篇技术文章

weex-18-loading组件

重点讲解一个background-image:linear-gradient(to top,#F0AD4E,#F8C433);

821
来自专栏Micro_awake web

谈谈CSS中一些比较"偏门"的小知识 前面我写了:谈谈html中一些比较"偏门"的知识,现在这篇(主要)想谈谈个人所见的CSS一些小知识点,加深印象;同时也希望有需要的人能有收获!

前面我写了:谈谈html中一些比较"偏门"的知识,现在这篇(主要)想谈谈个人所见的CSS一些小知识点,加深印象;同时也希望有需要的人能有收获! 1.常见的浏览器...

1876
来自专栏非著名程序员

Android 自定义标签 ViewLayout

自定义viewLayout实现标签View,UI的效果图如下: ? 如图,我们要自己实现带描边的,带花括号的,带三角形,带对勾的这样一个layout ,并且对...

19910
来自专栏逸鹏说道

【兼容写法】HttpServerUtility.Execute 在等待异步操作完成时被阻止。关键词:MVC,分布视图,异步

异常处理汇总-后端系列 http://www.cnblogs.com/dunitian/p/4523006.html MVC6之前的版本,对分部视图的异步支持不...

3486
来自专栏君赏技术博客

AutoLayout简洁之道

1.是IOS8新出的,属于表格一样的布局,我们暂时不用多管。 2.是进行两个试图进行约束的 3.是对于单个试图进行约束的,默认相对于父试图。 4.是对于约...

802
来自专栏mySoul

事件冒泡和传播

这还要从遥远的荒诞说起,两家网景和ie,为了能争夺市场,互相使用相反的技术,当网景使用事件传播的时候,ie使用事件冒泡。(两个正好相反)这个时候w3c来了,为了...

1156
来自专栏听雨堂

电子签名实现的思路、困难及解决方案

        在办公自动化的流程中希望实现电子签名。         思路:             1、图片的存放:安全起见存放在库中为宜。最好不能被轻易下...

1955
来自专栏V站

PHP自动裁剪图片输出来实现适应不同尺寸的显示

200*200:http://tv1314.com/content/uploadfile/201703/0eac1488598225.jpg?param=200...

2776

扫码关注云+社区