关于面试的一些问题合集

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

相关文章

来自专栏HTML5学堂

前端特效开发 | 图片翻转的制作

HTML5学堂(码匠):在前端开发中,针对效果层面的开发,使用原生JS往往会因其冗长的代码严重影响到开发进度。比如一个简单的图片翻转效果,我们能否考虑借助某些简...

4317
来自专栏偏前端工程师的驿站

JS魔法堂:通过marquee标签实现信息滚动效果

一、前言                                      有限的空间展现无限的内容,这是滚动最常用到的地方。根据信息滚动效果我们可以有...

2167
来自专栏九彩拼盘的叨叨叨

学习概要:前端该会的 Photoshop 使用

654
来自专栏mukekeheart的iOS之旅

Android基础总结(3)——UI界面布局

  Android的UI设计有好几种界面程序编写方式。大体上可分为两大类:一类是利用可视化工具来进行,允许你进行拖拽控件来进行布局;还有一类是编写xml文档来进...

6718
来自专栏林德熙的博客

WPF 解决 ViewBox 不显示线的问题

ViewBox 是一个好用的东西,但是在他缩小的时候,可能有一些线无法显示。 现在公司项目就是做一个类似 ppt 的软件,所以需要使用缩略图,而对于矩形形状,在...

1141
来自专栏数据小魔方

创意九宫格图片制作技巧!

今天给大家分享九宫格照片的制作技巧! ▽ 是不是每次看到朋友圈有人发九宫格图片 都觉得特别羡慕 其实这种图片可以自己制作 步骤也不复杂 下面交给大家三种制作方法...

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

weex-19-refresh组件

881
来自专栏地方网络工作室的专栏

图片自适应父元素大小,并左右上下居中的css方法

图片自适应父元素大小,并左右上下居中的css方法 前言 这种效果多见于矩形盒子里面调用不规则的图片,希望能够达到的效果。这个效果可以很简单的用css来实现,虽然...

2138
来自专栏前端杂货铺

鼠标滚轮事件介绍

简介   IE6实现了鼠标滚轮事件mousewheel,这个事件包含了一个鼠标事件所没有的属性,wheelDelta,这 个属性值始终是120的倍数,而且向上滑...

3386
来自专栏前端知识分享

第124天:移动web端-Bootstrap轮播图插件使用

> 对于Bootstrap的JS插件,我们只需要将文档实例中的代码粘到我们自己的代码中 > 然后作出相应的样式调整

2264

扫码关注云+社区