2016前端面试题
1、jQuery中的read和JavaScript中的onload函数的区别
当然也有执行效率的问题,准确的来说jQuery(document).read()执行早于window.onload=function(),原因是window.onload要在加载完dom后还有继续加载其他相关资源,才去调用函数,而jQuery(document).read()函数则是只需要在dom加载完成后就执行,当然从字面上很容易理解一个是window对象加载完成后执行,一个是在document加载完后执行,document加载完后执行相当于我们在页面代码
的最后面写了一个的调用。
2、float 四个内联div 第三float 结果是第三个位于最前面
3、call apply 简单的用法:绑定一些函数 用于传递参数 调用 扩充作用域
4、闭包:一个函数 可以访问另外一个函数作用域中的变量
function aa(){
var b=10;
return function cc(){
b++; alert(b);
}
}
var dd=aa();
dd();
5、css盒子模型有几种?
ie传统模型和w3c标准模型
弹性盒子
6、js原型解释
// prototype 创建每一个函数都有一个prototype属性,这个属性其实是一个指针,而这个指针总指向一个对象
// 这个对象的用途就是将特定的属性和方法包含在内,起到一个所有实例所共享的作用
7、sea.js commomjs CMD规范
8、原型链
JS在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做__proto__的内置属性,用于指向创建它的函数对象的原型对象prototype。以上面的例子为例:
9、
介绍seajs和requirejs时,说“RequireJS 遵循的是 AMD(异步模块定义)规范,SeaJS 遵循的是 CMD (通用模块定义)规范”。
10、HTML的标签分为哪几类?
分为行内元素和块状元素
11.什么是语义化的HTML?
直观的认识标签 对于搜索引擎的抓取有好处
12.你如何对网站的文件和资源进行优化?期待的解决方案包括:
文件合并 文件最小化/文件压缩 使用CDN托管 缓存的使用
13、jQuery事件的原理 on();
事件委托
14、js中的面向对象
js是具有面向对象特性的语言。
对象具有封装和继承特性
15、如何居中一个浮动元素?
设置容器的浮动方式为相对定位
margin:-150px 0 0 -250px;
position: absolute;
left: 50%;
top: 50%;
16、图片和文字一起如何通过css实现居中。
text-align:center 只能用来控制文字居中的,图片是不听它使唤的。你所说的效果有多种实现方法,比较流行的方法是把图片作为背景图,文字则单独控制其显示位置
17、css属性权级和值
html 选择器 权重为 1
类选择器 权重为 10
id选择器 权重为100
18.事件委托是什么
让利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行!
19、为什么把图片之类静态资源放在其他服务器上?
主要是提升网站的性能,把图片、css、js文件放在另一个服务器上(资源服务器),有利于cpu负载和带宽均衡。减轻服务器压力。而网页中html标签的href、src属性如果引用一个ip地址是不妥的(因为资源服务器的ip地址可能会变),所以给资源服务器注册一个独立域名,便于href、src属性的设置一劳永逸。
20、css 中的bkf是什么
21、简单的说一下bootstrap模块化思想和有什么优点
22、手机适配的方法有那些。
23、我们如何用canvas来画一条简单的线。
var canvas=document.getElementById("canvas");
//设置绘图环境
var cxt=canvas.getContext('2d');
//开启新路近
cxt.beginPath();
// 设置笔触的宽度
cxt.lineWidth=10;
//设置笔触的颜色
cxt.strokeStyle="#00ff00";
//设定笔触的位置
cxt.moveTo(20,20);
//设置移动的位置
cxt.lineTo(100,20);
//画线
cxt.stroke();//这个时候的线已经出来了
//关闭路径
cxt.closePath();
//凡事路径图形必须先开始路径,画完之后必须结束路径
24、写一个文本框,只读、输入最大字符20
<input name="textfield" type="text" maxlength="20" readonly="" value="" />
25、写过js封装没,讲讲js封装
26、js有没有继承
27、html,html5的区别,css和css3的区别
28、ios和安卓屏幕自适应
29、canvas在页面中作用
30、html5和html4比较废弃那些标签
31、html5表单新增了那些元素
32、说说html5的本地储存
32、除了audio和video html5还有那些媒体元素
33、
问答题
1、简单例举出你原来在项目中遇到的问题,你是怎么解决的?解决的过程是什么样的?
2、您对自己以后的开发工作或者发展有些什么具体的想法?你最感兴趣的技术是什么?
希望从事什么样的工作?你打算如何去实现你自己的职业规划?(希望具体一些如:第一步做到。。。第二步做到。。。。,而不是如何努力工作等模糊的说法)