`
boin
  • 浏览: 34801 次
社区版块
存档分类
最新评论

淘宝的UED招聘试题,来试试

阅读更多
引用
小贤是一条可爱的小狗(Dog),它的叫声很好听(wow),每次看到主人的时候就会乖乖叫一声(yelp)。

从这段描述可以得到以下对象:

function Dog() {
    this.wow = function() {
        alert('Wow');
        }
    this.yelp = function() {
        this.wow();
    }
}


小芒和小贤一样,原来也是一条可爱的小狗,可是突然有一天疯了(MadDog),一看到人就会每隔半秒叫一声(wow)地不停叫唤(yelp)。

请根据描述,按示例的形式用代码来实现(提示关键字: 继承,原型,setInterval)。


解答:
/****疯狂的小狗...*****/
var MagDog = function(){
    var obj = this;
    return window.setInterval(function(){
	obj.yelp();
    },500)
};
MagDog.prototype = new Dog();
var md = new MagDog();


引用
以下两道题目您可以任选一道:

1.使用纯CSS实现未知尺寸的图片(高宽都小于200px)在200px的正方形容器中同时水平和垂直居中。
2.在不使用 border 样式的情况下,画出一条高为1px的横线,在不同浏览器的Quirksmode和CSSCompat模式下都保持同一效果。


回答:
<style>
* {margin:0;padding:0;}
/* 1px 横线 */
.h1px{
   height:1px;
   line-height:1px;
   background-color:red;
   overflow:hidden;
}
.center{
}
/* 垂直水平居中 */
#imgwapper{
   height:200px;
   width:200px;
   border:1px dotted green;
   text-align:center; 
   vertical-align:middle;
   line-height:200px;
   font-size:200px;
   /*background:url(boin.png) center no-repeat; 背景图方法*/ 
}
</style>
</head>
<body>
<div>
<div class="h1px">1111</div>
<div id="imgwapper">
<img class="center" src="boin.png"></img>
</div>
<div>
</body>
<html>

提问:
引用
请给Array本地对象增加一个原型方法,它的用途是删除数组条目中重复的条目(可能有多个),返回值是一个仅包含被删除的重复条目的新数组。


回答:
/**** 疯狂的数组 *****/
Array.prototype.distinct = function(){
   var arr = this;
   var distincted = new Array();
   for(var i in arr){
       if(i=='distinct')continue;
       if(distincted.length==0)distincted.push(arr[i]);
       for(var j=0;j<distincted.length;j++){
          if(arr[i]==distincted[j]){
              break;
          }
          if(j>distincted.length-2)distincted.push(arr[i]);
       }
       
   }
   return distincted; 
}

//alert([1,1,1,1,2,2,3,4].distinct())
</script>
  • ued-ref.rar (929 Bytes)
  • 描述: HTML可运行版本
  • 下载次数: 15
分享到:
评论
2 楼 popper 2007-10-14  
好像上边提供的下载程序运行不了啊
1 楼 boin 2007-09-19  
没有时间写文字blog。。。昨晚通宵看了Spry的技术文档,发现adobe还真强悍。。。

相关推荐

    仿淘宝UED的wordpress主题

    【标题】"仿淘宝UED的WordPress主题"是一个专门为设计公司、个人相册和摄影网站定制的主题,它借鉴了淘宝用户体验设计团队(UED)的设计理念,旨在提供一个既美观又功能丰富的网站展示平台。 【描述】中提到的关键...

    淘宝UED设计流程图

    淘宝UED设计流程图

    淘宝UED的设计流程

    前端开发 可以学习 淘宝的前端页面是如何开发的

    淘宝UED培训-前端调试工具 PDF

    ### 淘宝UED培训-前端调试工具概览 #### 一、引言 随着互联网技术的迅速发展,Web前端开发已成为IT行业中不可或缺的一部分。淘宝UED(User Experience Design)培训中提到的“前端调试工具”课程,对于提高前端开发...

    淘宝前端UED资料-淘宝响应式WebUI设计实践.pdf

    淘宝前端UED资料-淘宝响应式WebUI设计实践.pdf 淘宝UED团队打造高质量开发PPT

    淘宝UED前端技术系列课程-NO.1 淘宝前端技术巡礼

    ### 淘宝UED前端技术系列课程之淘宝前端技术巡礼 #### 一、课程背景与目标 在淘宝北京研发中心的精心筹备下,“淘宝前端技术巡礼”作为一系列旨在培养和提升前端工程师技能的课程之一,面向新入职的员工及前端技术...

    基于jQuery实现的模拟淘宝ued官网左侧动画导航特效源码.zip

    总的来说,通过深入学习和实践这个基于jQuery的模拟淘宝ued导航特效源码,不仅能够提升jQuery技能,还能增强对前端开发中交互设计和用户体验的理解。同时,阅读“使用须知.txt”可以帮助我们更好地理解和应用这个...

    淘宝前端UED资料-代码大全.pdf

    这些编码方式通过不同的组合来表示汉字。 - 郑码:VRM -&gt; 淘 - 五笔:IQRM -&gt; 淘 - 区位码:4452 -&gt; 淘 ### 计算机内码 随着计算机技术的发展,需要一种更为通用的方式来表示字符。计算机内部使用的是二进制编码。 ...

    仿淘宝ued博客导航做的一个效果

    在本项目中,我们主要探讨的是如何利用jQuery和CSS3技术来实现一个仿淘宝UED博客的导航效果。这个效果通常包括动态的菜单滑动、下拉列表展开、过渡动画等,旨在提升用户界面的交互性和视觉吸引力。接下来,我们将...

    懒人原生jQuery模拟淘宝ued官网左侧动画导航

    本项目名为“懒人原生jQuery模拟淘宝ued官网左侧动画导航”,旨在通过jQuery实现类似淘宝用户体验设计(UED)官网左侧的动态导航菜单。这个项目适合初学者学习和理解jQuery在实际项目中的应用。 首先,我们来深入...

    UED设计插件

    UED(User Experience Design,用户体验设计)是互联网产品开发中的关键环节,它专注于创建易于使用、功能强大且视觉吸引力强的用户界面。UED设计插件则是设计师们为了提高工作效率、简化设计流程而开发的一类工具。...

    淘宝前端UED资料 javascript

    ### 淘宝前端UED资料 JavaScript #### 概述 本文档主要针对具有一定JavaScript基础知识的读者,深入探讨淘宝前端使用的JavaScript技术要点及其在实际应用中的解析与分析。内容覆盖了JavaScript的基础特性、作用域...

    ucd ued 淘宝用户体验报告

    ### UCD UED淘宝用户体验报告知识点汇总 #### 第一章 用户体验设计在团队中的作用 - **用户体验设计的特性**: - **低调性**:用户体验设计应当是低调的,这意味着它应该融入背景之中,让用户几乎感觉不到它的...

    淘宝前端UED资料-潜力无限的编程语言-javascript

    ### 淘宝前端UED资料-潜力无限的编程语言-javascript #### 淘宝UED团队打造高质量开发PPT **关键词**: 淘宝、前端、UED、javascript --- ### JavaScript语言概述 #### 一、JavaScript语言特性 **1.1 高阶函数*...

    淘宝前端UED资料 Juicer 一个Javascript模板引擎的实现和优化

    Juicer是一个JavaScript模板引擎,它是由淘宝前端UED团队开发的,其主要目的是为了优化前端的代码结构和提升页面渲染的性能。模板引擎的核心作用是将数据和模板相结合,生成HTML页面,它能够有效地将数据的处理逻辑...

    腾讯网UED体验设计之旅

    《腾讯网UED体验设计之旅》是一本聚焦于用户体验设计(UED)在腾讯网中的实践与探索的资料。尽管并非高清版本,部分内容可能存在模糊,但这份资料依然提供了宝贵的洞见,揭示了腾讯如何通过UED提升其产品和服务的...

Global site tag (gtag.js) - Google Analytics