淘宝ued - 前端智勇大闯关(第三季)答案(更新) 下午在微博上看到了淘宝智勇大闯关第三季的信息,感觉挺有意思的,于是就尝试做了下.附上题目地址: http://ued.campus.alibaba.com/quiz3/index.php 也可到独立博客查看:前端智勇大闯关(第三季)答案 第1题 突破,带锁的门 方法1 这题相对比较简单,查看源码即可看到提示信息: 1 <!-- 2 -==================================== 3 - 调用powder.blow(…
今天下午四点接到淘宝UED的面试电话,很突然,很激动.现在怀着淡淡的忧伤为之文以志一下. 1.自我介绍一下. 我xx时候毕业,在xx公司任xx职务,主要负责xx balabala.(怕公司同事听到,接电话的功夫从公司楼道往上爬了两层,紧张,心砰砰的,思路不清晰,讲话不流畅) 2.说一说你这些工作里面,工作难度比较大或者你觉得很有挑战性的地方. 我觉得比较有挑战性的是做过的一个...xx balabala. (还是紧张,讲话不顺畅,并且说着说着我突然感觉,这些东西也没啥技术含量,就是dom操作+a…
仔细分析各种布局的技术实现,可以发现下面三种技术被经常使用: 浮动 float 负边距 negative margin 相对定位 relative position 这是实现布局的三个最基本的原子技术.只要巧妙组合,并加以灵活运用,就能“拼”出各种布局的实现方案. 尝试之路考虑以下DOM结构: <div id="page">           <div id="hd"></div>              <div id…
今天看到淘宝ued博客的左侧导航菜单的动画好,要使用jQuery和css3我做一个简单的示例,主要用途是实现jQuery 事件和css3 transition属性. 个元素来实现鼠标滑动到某个导航的背景效果,文字颜色也运用css3 transition 渐变的效果 当鼠标滑动其它导航的时候.加背景的元素的top值也会随着变化,定位到当前的导航上,同一时候文字字体颜色也会跟着改变: 主要实现的html代码例如以下: <div class="menuBox"> <div…
为了充分满足客户需求来更好地完成我们的项目--"诗词大闯关",我们根据项目内容,制定了调查表.我们小组以网上问卷调查的形式制作了调查表,并收集了122份有效的问卷调查表. 通过这次调查问卷,自己收获了很多,下面我就以自己的心得体会说几点. 1.我知道一个项目从最初的设想到最后实现,第一步往往是最重要的,以前就是简单的认为会编写代码是最重要的,这种想法就是没学习软件工程这门课程之前大家普遍的想法,然而在这次调查的过程中我明白了,第一步需求分析才是一个项目最重要的,需求做好了,后面的事情都…
KISSY(淘宝) KISSY是淘宝的前端类库,几乎在淘宝的每个页面上都能看到它的身影. KISSY提供稳定的核心,包括 oo.dom.Event.Anim.Ajax 等:强大且易用的脚本加载器,特有的 loader:丰富的UI组件,包括 Switchable.Overlay.Draggable and Droppable 等.KISSY具备模块化.高扩展性.组件齐全等特性. 使用 KISSY 1.4 下载 KISSY 1.4.2 通过 cdn 使用 http://g.tbcdn.cn/kiss…
前段时间,有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象,但是我在Mac和Win下面的Chrome都无法重现这个问题,后来重装了一遍Win7下的Chrome Beta版本,终于重现了这个问题,正好研究解决下… 问题主要集中于淘宝首页吊顶以及左侧服务栏处,鼠标移过整个页面会闪动一次,Refresh和Reopen无法重现,只有当首次打开淘宝首页才会出现… 问题重现: 如果想查看此问题请访问jsfiddler 问题定位: 我的第一感觉是鼠标移动时触发了某些JS,导致页面重新加载了一遍…
最近在用BetterScroll实现一个功能的时候,在滚动区域中会有一个绝对定位的按钮,结果在IOS中出现了快速滚动,停止的时候,会先消失后显现的问题,所以查找了相关的文章,发现是transition的问题,下面是转发的一篇介绍该问题的文章,作为记录,仅供参考. 作者:饶总真坏链接:https://www.cnblogs.com/raoyunxiao/p/4173254.html来源:博客园 前段时间,有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象,但是我在Mac和Win下面的…
所有答案仅供参考,不负责答案对错(^_^) 1.DOCTYPE? 严格模式不混杂模式-如何触发这两种模式,区分它们有何意义? 分析: DOCTYPE(是DOCument TYPE的缩写,即文档类型)是一组机器可读的规则,它们指示(X)HTML文档中允许有什么,不允许有什么.DOCTYPE正是用来告诉浏览器使用哪种DTD,一般放在(X)HTML文档开头表示声明,用以告诉别人这个文档的类型风格. 触发:根据不同的DTD触发,如果没有声明,那么默认为混杂模式. 区别:严格模式是浏览器根据Web标准去解…
闲来无事,逛园子,充充电.发现了一个挺有意思的博文,自己玩了一把. 第一题:使用 HTML+CSS 实现如图布局,border-widht 1px,一个格子大小是 60*60,hover时候边框变为橘红色(兼容IE6+,考虑语义化的结构) 效果图: 简单分析一下: 使用伪类 :hover的时候相对定位 改变z-index, 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&…