前端笔试面试题之三(2015美的前端笔试)
前端笔试面试系列之三----2015美的前端笔试
- @author: 周丹
- @email: sharon_zd@qq.com
- @datetime: 2016/08/31
- 题目如有侵权行为,请联系删除;
- 答案仅供参考,如有不同意见,欢迎留言讨论;
- 转载请注明出处
题目部分
- 写出所有浏览器兼容display:inline-block的hack
- li:nth-child(2n+1)代表什么意思?
- 写出position的所有值和意义
- 写出box-sizing的所有属性值和意义
- 点击链接,alert当前链接的序号
- 写一个函数,给数组去重
答案部分
- inline-block指同时拥有内联元素(显示在一行)和块元素(可以设置宽高)的特性。
hack指兼容ie的方法,具体有以下三种方法1 /*方法1*/ 2 div {display:inline-block;} /*触发块元素*/ 3 div {display:inline;} /*使得块元素呈递为内联对象*/ 4 /* 两个display需先后放在两个CSS声明 */ 5 6 /*方法2*/ 7 div { 8 display:inline; /*设置为内联元素*/ 9 zoom:1; /*触发块元素的layout*/ 10 } 11 12 /*方法3*/ 13 div{ 14 display:inline-block; 15 *display:inline; /*触发ie的layout*/ 16 *zoom:1 17 }
- 父元素下的子元素中序号为基数的元素
- static: position的默认值,对象遵循文档流,top、bottom、left、right等属性不会被应用。
- relative: 对象遵循文档流,但将依据top,bottom,left,right属性在文档流中偏移位置,其层叠通过z-index定义。
- absolute: 对象脱离文档流,依据top、bottom、left、right属性相对于其含有position属性为relative或absolute的父元素(若没有则不断向上查找,直到body为止)中进行定位,其层叠通过z-index定义。
- fixed:对象脱离文档流,其依据top、bottom、left、right属性相对于浏览器窗口进行定位,即便出现滚动条,对象也不会随着滚动而位置变化,层叠关系通过z-index定义。
- 有3个属性值,分别如下
a. content-box:默认,w3c标准盒模型。外盒:元素空间尺寸 = width/height(内容高度/宽度)+ padding + border + margin内盒:元素大小 = width/height(内容高度/宽度) + padding + border + margin b. border-box :IE盒模型。外盒:元素空间尺寸 = width/height(内容高度/宽度 + padding + border) + margin内盒:元素大小 = width/height(内容高度/宽度 + padding + border)可以用来避免增加padding大小的时候,内容撑出. c. inherit 继承父元素的盒模型
- 使用闭包
1 var add_click_handler = function(nodes){ //注意函数的抽象 2 var i; 3 for(i=0;i< nodes.length;i++){ 4 nodes[i].onclick = function(i){ //定义一个函数立即传递i进去执行,而不是把一个函数赋值给onclick。该函数将返回一个事件处理器函数,事件处理器函数被赋值给onclick。该事件处理器绑定的是传递进去的i的值,而不是定义在add_click_handler中的值。 5 return function(e){ 6 alert(i); 7 } 8 }(i); 9 } 10 } 11 var links = document.getElementsByTagName("a"); 12 add_click_handler(lniks);
- 有以下两个方法
1 //方法1:删除后数组长度会变化,手动令j-1。 2 var removeRepeat = function(array){ 3 for(var i=0;i< array.length;i++){ 4 for(var j=0;j< array.length;j++){ 5 if(array[i]==array[j]){ 6 array.splice(i,1); 7 j--; 8 } 9 } 10 } 11 return array; 12 } 13 var array=[2,3,1,2,4,3,3,4,6]; 14 removeRepeat(array); 15 16 //方法2:删除后数组长度会变化,所以初始值为长度,判断条件为>0 17 var removeRepeat2 = function(array){ 18 for(var i=0; i< array.length; i++){ 19 for(var j=array.length; j>i; j--){ 20 array.splice(i,1); 21 } 22 } 23 }
转载于:https://www.cnblogs.com/sharonzd/p/5819342.html
前端笔试面试题之三(2015美的前端笔试)相关推荐
- 前端笔试面试题常见问题,5年前端汇总
这里将收集我做过的所有的前端面试笔试题,并根据自己的理解提供解答,以及一些关于前端找工作方面的经验等. 欢迎拍砖,一起刷题,涨姿势,get新技能,找到好工作. 前端笔试面试题部分 1.md C ...
- 【实习笔试面试题】2013网易互联网实习笔试算法题-找出最大连续自然数个数
找出最大连续自然数个数 搜集者:江南烟雨 E-Mail:xiajunhust@gmail.com 本题为网易互联网暑期实习生笔试算法题. 凭记忆记录下来的题目,如违反网易版权请邮件联系,本人会删除. ...
- 前端的c语言面试题,前端工程师面试题汇总(选择题)
前端工程师面试题汇总(选择题) 时间:2017-12-05 来源:前端工程师面试题推荐 作为一名前端工程师,我们必不可少的就是参加面试,面试过程中会遇到各类奇葩的问题,今天小编为大家汇总了一些 ...
- 前端经典面试题(一)-李游Leo-专题视频课程
前端经典面试题(一)-89人已学习 课程介绍 在鱼龙混杂的前端行业中,面试一直是一门非常重要的课程,尤其是笔试题. 本课程精选了22道出现率颇高的经典的前端面试题,从浅入深的了解认知这 ...
- 前端经典面试题(二)-李游Leo-专题视频课程
前端经典面试题(二)-80人已学习 课程介绍 在鱼龙混杂的前端行业中,面试一直是一门非常重要的课程,尤其是笔试题. 本课程精选了14道出现率颇高的经典的前端面试题,从浅入深的了解认知这 ...
- 2015年最新前端开发面试题
[面试] 2015年最新前端开发面试题 [复制链接] 楼主 楼主 发表于 2015-5-25 21:53:04 | 只看该作者 |只看大图 开发前端HTML5面试 本文总结了一些常见前端面试(多数源于 ...
- BAT及各大互联网公司2014前端笔试面试题:HTML/CSS/JAVASCRIPT
BAT及各大互联网公司2014前端笔试面试题:HTML/CSS/JAVASCRIPT Html篇: 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Fire ...
- 2021年秋招遇到的前端笔试/面试题
** 本文仅用于记录本人2021年秋招遇到的部分前端笔试/面试题,答案仅供参考 ** 1.跳跃游戏 给定一个非负整数数组,你最初位于数组的第一个位置. 数组中的每个元素代表你在该位置可以跳跃的最大长度 ...
- 网易历届笔试面试题整理大全
整理了一下网易往届笔试面试题,希望对大家有帮助: 超级有用的面试题:Java常见面试题 常见算法面试题 数据库常见面试题 操作系统常见面试题 C/C++常见面试题 大数据常见面试 ...
最新文章
- Linux-man命令
- argument在python里什么意思_python add_argument() 的使用方法
- 编译测试后出现“发现不明确的匹配”错误
- python 的filter()函数
- 深度案例 | 3 大领域 7 大场景,消费金融中的行业数据实践(以合众投资集团为例)...
- C 指针常量 和常量指针 指向常量的指针常量的使用
- oracle json入参调用ws服务返回请求失败_Spring 5.2.2技术集成 —Spring HTTP调用程序和JAXWS...
- python全栈还是大数据好_青岛PYTHON全栈应用开发班
- win10电脑中病毒了怎么办,如何解决电脑中病毒
- 并发入库面临重复数据的问题
- linux终端中出现 cd: OLDPWD 未设定 的提示
- 极客大学架构师训练营 系统架构 分布式缓存 一致性哈希 Hash 第9课 听课总结
- 如何撰写专利技术交底书?交底书中有哪些坑?
- 3.3 CPU共享功能
- 流氓软件插件中介商自述黑色淘金路(转)
- git .gitignore忽略文件的用法
- Chest X-Ray Images (Pneumonia)(胸部X光片(肺炎)相关数据集)
- 怎么成为一个优秀.net软件工程师
- 硬币找零 acm入门 day4--动态规划dp第一题
- 论文查找路径 查找IEEE、ScienceDirect论文 免费查看的方法
热门文章
- OpenCore电池显示正在充电:1% 建议维修
- 辩证唯物主义 历史唯物主义 第一章绪论 一 唯物主义和唯心主义
- linux扩展模式触摸屏,在双屏模式下触摸屏校准的问题
- 论文笔记之Non-Local
- 2021年中国房地产行业发展现状分析(附房地产开发投资额、房屋施工面积、商品房销售情况及企业排名统计)[图]
- Non-resolvable parent POM for com.example:demo:0.0.1-SNAPSHOT: Could not transfer artifact org.sprin
- arduinopn532模块_Arduino 开源 NFC近场通讯模块 PN532
- 用HMM(隐马)图解三国杀的于吉“质疑”
- 开源php商城系统选择
- mysql rownum groupby_如何正确利用Rownum来限制查询所返回的行数?