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、您对自己以后的开发工作或者发展有些什么具体的想法?你最感兴趣的技术是什么?
希望从事什么样的工作?你打算如何去实现你自己的职业规划?(希望具体一些如:第一步做到。。。第二步做到。。。。,而不是如何努力工作等模糊的说法)

原文地址:https://www.cnblogs.com/y896926473/p/5271067.html