欢迎来到 常识词典网 , 一个专业的常识知识学习网站!

[ Ctrl + D 键 ]收藏本站

您所在的位置:首页 > 教育学习 > 为什么

为什么

-知道里搜索“变形金刚”类字眼,页面会变形的原理是什么?

分类: 为什么 常识词典 编辑 : 常识 发布 : 10-23

阅读 :280

-知道里搜索“变形金刚”类字眼,页面会变形的原理是什么?7 个答案

答案 1:

“变形金刚”这个项目时间预算很少,完全成型只用了不到一周的时间,在项目的过程中,我遇到了很多困难。

最大的苦难是性能方面,具体说来,就是因为我们开发人员用的机器并不能代表用户所处的实际环境,而据我所知,因为浏览器和机器本身的限制,大概有10%的IE6用户不能顺畅地跑这个程序。当时,为了尽可能解决这个问题,我采取的方法是极端测试,因为我自己有一台机器是古董级的赛扬400,10年前的配置,于是就在这台机器上运行代码,结果发现代码库是可以在上面顺利运行的。基于这个测试,我们将程序有第一版开发到了第二版,最终达到可以保障大部分用户能够顺利运行这个程序的标准。

其次就是实现方面的困难,主要是刚开始需要攻克像素点位置确定的难关,这个问题一开始困扰了我一段时间,后来顺利解决,其方式就是搜索将结果抽象成像素块,根据图案需要让变形金刚做出指定动作(如变形金刚的颤动)。

最后,就是时间特别紧张,其实正是由于这个原因,导致这个程序整体没有经过正规渠道的系统的测试。只能靠自己的毅力完成工作量极大的测试工作,最终成功达到了可以上线的水准。

至于为什么能在这么短时间内上线变形金刚,我觉得起决定作用的就是“有心”。因为在技术这个行当,掌握每一个技术点是不够的,之后必须要发散。例如,“文字打散”只是CSS 100多属性中的一个,叫做clip。当我看到这个属性,我想的不仅是这个属性是什么,还必须想到这个属性除了解决眼前的问题外,还能用来干什么。

另外,有很多人问到我为什么会想到做“变形金刚“,其实除了我本人爱好变形金刚,也是因为在过去的项目生涯中,我意识到一般的网页总是静态的,特别是搜索结果,那能不能网页是否能变得动态起来?而且恰好以前做过这种将静态搜索结果变成动态的尝试,所以迸出了这个火花。所以实际上,这个项目无论是创意还是把创意短 期内变成成品是非常难实现的。只有拥有经验的积累+自身的热情,才可能做到。

答案 2:

是引用外部javascript程序,如果你使用的是IE9,那么按F12打开 开发人员工具 即可检测到这一程序!具-置在第409行到第425行。

程序源码位置在:img.baidu/img/iknow/static/transformers.js 你可自行下载学习(仅限学习使用)。

答案 3:

整体分为几个部分,最初初始化一个画板作为整个动画的panel,然后创建一个点阵图(矩阵),并通过一个算法按照点阵进行相关的dom操作,整个操作分为几部分:

style="list-style-type: deci-l; ">

头部坐标计算及页面渲染

初始动画计算,像素偏移

产生页面抖动效果,模拟地震

-

每一行矩阵计算偏移值