下面网址展示的网站有用到一些什么前端方面的技术,能做出这种网站的前端大概技术水平处于一个什么层次? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
miya
V2EX    问与答

下面网址展示的网站有用到一些什么前端方面的技术,能做出这种网站的前端大概技术水平处于一个什么层次?

  •  2
     
  •   miya 2014-09-03 22:20:18 +08:00 4705 次点击
    这是一个创建于 4136 天前的主题,其中的信息可能已经有所发展或是发生改变。
    13 条回复    2014-09-15 16:00:03 +08:00
    qiayue
        1
    qiayue  
    PRO
       2014-09-03 22:42:11 +08:00
    国内有一个类似效果的网站 http://yunjii.com
    Automan
        2
    Automan  
       2014-09-03 22:44:48 +08:00
    很不错了
    leopku
        3
    leopku  
       2014-09-03 23:05:18 +08:00
    so so
    miya
        4
    miya  
    OP
       2014-09-03 23:09:25 +08:00
    @leopku 请教一下这个网站上的这种前端效果,用到了一些什么技术。
    jptanggordon
        5
    jptanggordon  
       2014-09-03 23:36:10 +08:00
    WebGL吧
    Lucups
        6
    Lucups  
       2014-09-03 23:36:22 +08:00
    把浏览器窗口宽度拉到最小,效果还是不错。目测在触屏设备上查看更酷。
    至于用到的技术。。。这个。。。Web前端的技术本身就很繁杂,从哪里说起呢。。。
    我就说一个吧,响应式设计。
    zlg
        7
    zlg  
       2014-09-04 00:10:31 +08:00 via iPad
    jq js css3
    akfish
        8
    akfish  
       2014-09-04 00:21:22 +08:00
    CSS3的transform,不难。
    不想人肉写的话,可以用一些库来实现,比如three.js的CSS3DRender,可以搞出更复杂的效果,如:
    http://mrdoob.github.io/three.js/examples/css3d_periodictable.html
    Showfom
        9
    Showfom  
    PRO
       2014-09-04 00:39:05 +08:00
    @akfish 我艹这个帅。。。收藏研究下
    paloalto
        10
    paloalto  
       2014-09-04 01:01:51 +08:00
    《揭秘:Flipboard精美的阅读页面是这样一步一步做出来的》

    http://www.36kr.com/p/210883.html
    paloalto
        11
    paloalto  
       2014-09-04 01:06:15 +08:00
    只就前端技术来说,其实并不是很复杂,简单来说就是一个翻页动画而已,用 CSS 3 就可以实现。真正复杂的,是其背后那一整套的页面处理逻辑。
    kisshere
        12
    kisshere  
       2014-09-04 09:55:54 +08:00
    楼主不需要专研这个技术,因为天朝有一半的人看不到这个技术,这个css3技术只能是前端程序员在那孤芳自赏意淫罢了
    paloalto
        13
    paloalto  
       2014-09-15 16:00:03 +08:00
    @kisshere 感觉这么说的话,还是有点太绝对。因为需要考虑到不同网站,其访客群体也不一样。比如豌豆荚官网的访客基本都是用 Chrome 浏览器,而对于 Flipboard 来说,很难相信中国的 “低端IE” 用户会是他们的主要目标用户群体。楼主如果愿意研究 CSS 3,也说明他对新事物抱有好奇心,这是值得鼓励的事情。毕竟在互联网行业,新技术取代旧技术,真的是按下一个回车键的时间而已。

    而且,最近几年由于移动端的兴起,中国的 IE 6、7 用户跟之前相比已经大大下降了。

    这是从2012年到2014年8月的中国浏览器市场份额数据(你之前的帖子也提过的):








    从图表中可以看到,IE 6 的市场份额已经从 2012 年的 23.64% 下降到了 2014 年的6.91% 。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3243 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 04:25 PVG 12:25 LAX 20:25 JFK 23:25
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86