2014阿里巴巴前端在线笔试题及自己所做解答

前时间参加了阿里巴巴的在线笔试，100分钟10题，现在讲题目和自己的解答贴出来，大家一起讨论讨论。

1.

我的解答：

    
    
    
    





    

        

            
Tab1
            
Tab2
            
Tab3
        
    
    

        
内容1
        
内容2
        
内容3
    

2.

我的解答：输出值“goodbye Jack”，因为javascript里面变量声明提前，所以局部变量name声明提前，但是赋值在后面，所以typeof为undefined。

3.

我的解答：

商铺装修新功能上线！我知道了

4.

我的解答：

 





长度为：30不超过30
还可以可以输入30字

5.

我的解答：

function intercept(object, check) {
            Object.getOwnPropertyNames(object).forEach(function (property) {
                var original = object[property];
                if (typeof original === 'function' && property.substr(0, 4) === "post") {
                    if (check) {
                        original.call(object, property);
                    }
                }
            });
        }

6.

我的解答：

7.

解答：

8.

解答：

9.

解答：前端工程化就是在前端开发过程中，使用一些集成的项目，尽量让前端代码得到可复用性和模块化
前端工程化在近几年有了飞速的发展，实现工程化的关键在于seajs，是淘宝前端玉伯的结果，这是一个令广大前端欣喜的项目。
在我的项目开发过程中jQuery Bootstrap都发挥过巨大作用。
当然前端工程化也会带来页面性能方面的影响，模块化打包部署也会带来极大的不方便。


可以优化的环节：优化浏览器兼容性问题；优化页面效果的制作，使代码更加优雅；优化后期模块化管理

10.

解答：1.先将图片的真实地址缓存在一个自定义的属性(lazy-src)中，而src地址使用一个1×1的全透明的占位图片来代替

2.页面初次加载时获取图片在页面中的位置并缓存(每次取offset的值会引发页面的reflow)，计算出可视区域，当
图片的位置出现在可视区域中，将src的值替换成真实的地址，此时图片就开始加载了。
3.当页面滚动的时候，再判断图片已经缓存的位置值是否出现在可视区域内，进行替换src加载。
4.当所有的图片都加载完之后，将相应的触发事件卸载，避免重复操作引起的内存泄漏。

上面有些题目也是考试结束后我上网查找以及和同学讨论得出的，不值大家还有没有更合适的解答，或者我有出错的地方，希望能留言和我讨论，大家一起学习。