文章目录
  1. 1. HTML/CSS 相关
  2. 2. Javascript 相关
  3. 3. 前端工作流

HTML/CSS 相关

  1. 一道页面布局题
    有个web页面,分为左右结构,左边是一张宽度固定的图片;右边是一个宽度自适应的div,div中有很多其他元素从上到下依次排列。要写出html和css

    方法有很多种,可以用float布局,也可以用position布局,如果能回答出来flexbox就更棒了,可以再延伸到浏览器兼容性等问题。

    float例子:xxxxxx
    position例子: xxxxx
    flexbox例子: xxxxx

  1. 如何看出是html4还是html5 ?

    通过html第一行的doctype来区分

    1
    2
    3
    4
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <!DOCTYPE HTML>

doctype是什么?有什么用?

Javascript 相关

  1. 输出终端运行结果
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    var i, j, obj=[];
    for(i = 0; i < 10; i++){
    var tempFunc = function(){
    console.log(i);
    }
    obj.push(tempFunc);
    }
    for(j = 0; j < 10; j++){
    obj[j]();
    }

正确结果是输出10个10,算是考察闭包吧。

  1. js数据类型
    说出nullundefinedNaN的区别

null 是对象类型,因为typeof(null)返回object
undefined是值类型, typeof(undefined)返回 undefined
NaN是window对象的一个全局属性,typeof(NaN)返回number,所以它是简单类型。

  1. 输出终端运行结果
    1
    2
    3
    4
    5
    console.log('1');
    setTimeout(function(){
    console.log('2');
    }, 0)
    console.log('3');

输出 1,3,2 而不是1,2,3 因为setTimeout会不论第二个参数是不是0都会放到程序最后执行

  1. 说说对promise的理解
    这个理解的就是很深刻,项目中没有用到过,但是部门分享@lp有提到过。稍后深入研究一下。
    参考资料:http://www.infoq.com/cn/news/2011/09/js-promise/

  2. requirejs 如何加载非模块化js类库 ?
    首先需要会手动配置require js,(paths)然后遇到非模块化的问题使用shim方式配置。

前端工作流

grunt + bower + yeoman + CI(持续集成) 打包等自动化流程

文章目录
  1. 1. HTML/CSS 相关
  2. 2. Javascript 相关
  3. 3. 前端工作流