双十一电商颜值那些事：你的秒杀系统如何设计？（获奖名单已公布）

shenlanyouyu

获得技术图书《HTML 5与CSS 3权威指南》的用户有：

jszxcyit
thinkeasy
chenxing2

请以上获奖者在2016年3月1日前将姓名，公司，职务，行业，电话，邮箱，QQ，地址，所选纪念品，站内短信发送给王楠w_n以便及时给您快递奖品。

发不了站短的，请在原帖下方跟帖留言。

至于QQ现因两个编辑轮番值班登陆，可能会有遗漏的情况，有任何问题请尽量在原帖下方跟帖留言或在站务版块反馈，谢谢！

注：因特殊原因，每次活动的获奖者我都会通知各位，如果大家在截止日期之前还未联系到管理员，那么本次活动的得奖资格将被取消，所以请大家及时的与管理员取得联系，谢谢合作！

---

---

话题背景：
11.11，这一民间自发形成的全民性定期狂欢如期而至，单身者努力脱光，女网友们疯狂网购败家，在电商“双十一”的促销大战中，已成为网购一族的狂欢节。成千上万人同时秒杀一件商品，让消费变得有趣、让消费渠道变得宽广。网购全球化、无线化的趋势显现，或将改变全世界的消费模式。被无数“败家女人”成就的马云，靠的颜值吗？
在一个大型的大型电子商务网站技术架构中，前端架构一定是一项必不可少的工作，大型的互联网公司有非常强大的前端技术人员，淘宝UED团队就有好几十人。前端担负着全站人机交互界面的实现和品质保证的重任， 双十一当天，天猫将会上线各种双十一特有界面及数百个分会场。双十一，电商颜值的那些事儿，欢迎大家畅所欲言。


讨论话题：
1、秒杀系统的页面该如何设计？
2、大并发量和大流量面前，为了减轻后端服务的压力及提升前端性能，如何对页面的部分内容进行分级、降级处理？
3、前端页面如何在PC和移动设备上跨终端实现？
4、数百个运营活动涉及到非常多的内容维护和策略调整，如何保证不出现错误图片、错误连接及性能保持高效？


讨论时间：
2015-11-4至2015-12-03


活动奖励：
活动结束后将选取4名讨论精彩的童鞋，每人赠送一本《HTML 5与CSS 3权威指南》图书一套作为奖励。


奖品简介：   
作者： 陆凌牛
出版社：机械工业出版社
出版日期：2011 年4月
开本：16开
页码: 416


内容简介：
如果你是一位有前瞻性的Web前端工作者，那么你一定会从本书中受益，因为它就是专门为你打造的。《HTML 5与CSS 3权威指南》内容系统而全面，详尽地讲解了HTML 5和CSS 3的所有新功能和新特性；技术新颖，所有知识点都紧跟HTML 5与CSS 3的最新发展动态（HTML 5和CSS 3仍在不断完善之中）；实战性强（包含246个示例页面），不仅每个知识点都配有精心设计的小案例（便于动手实践），而且还有两个综合性的案例（体现用HTML 5与CSS 3开发Web应用的思维和方法）。本书不仅能满足你全面而系统地学习理论知识的需求，还能满足你需要充分实践的需求。无论你是未入门或刚入门的前端新人，还是有多年工作经验的资深前端工程师，这本书都会很适合你。



样章试读： HTML5与CSS3权威指南（第三版）下.pdf (3.42 MB, 下载次数: 70)

2015-11-04 11:38 上传

点击文件名下载附件

jieforest

占个坑先。。。。。


1、秒杀系统的页面该如何设计？
秒杀系统的页面上的元素尽可能少，页面尽可能简单。
秒杀系统的页面没有较大的JS脚本、CSS脚本需要加载。
秒杀系统的页面不要使用Flash技术。
秒杀系统的页面没有加载缓慢的项。
秒杀系统的页面可以利用HTML5的一些新技术来解决复杂的需求。比如：
1）如果业务确实需要秒杀页面要做得很复杂，那么可以考虑HTML5的离线存储技术。
2）如果业务确实需要客户端与服务器端保持长连接，那么可以考虑HTML5的WebSocket技术。
3）Cache、本地缓存等也是考虑之列。
4）用CDN节点加速秒杀页面的静态内容。

2、大并发量和大流量面前，为了减轻后端服务的压力及提升前端性能，如何对页面的部分内容进行分级、降级处理？
肯定是把页面上的内容按业务/功能进行拆分，从而进行分级处理。
比如页面上的搜索框，它的功能由后端搜索服务器提供，就应该独立于业务服务器，单独做搜索服务器集群。
页面上的静态元素、资源文件（比如图片、CSS脚本等），通过CDN加速非常合适。
页面上的动态内容，根据实际的并发情况，可以按业务拆分，做成微服务架构，每一个微服务支撑独立的小块业务，共同支撑大并发量和大流量。

3、前端页面如何在PC和移动设备上跨终端实现？
实现跨终端的页面的技术有很多，要做到这一点并不难。以前常说的自适应网页技术说的就是这个。
常见的BootStrap就是很适合的技术。
还有React框架、KISSY、Sprite3D.js等框架。
不仅要在网页上适应各种屏幕尺寸，还要通过一套统一的API实现对各种移动设备的本地功能的调用，完成同样的功能。这就需要像PhoneGap这类的框架，实现跨终端的功能的统一。

4、数百个运营活动涉及到非常多的内容维护和策略调整，如何保证不出现错误图片、错误连接及性能保持高效？
这个涉及到的因素有很多，我大致归纳一下，如下：
1）业务服务器保持健壮、高可用、高可靠；
2）机房服务器的组网正确，尤其是混合组网，保持各主机间的畅通；
3）数据库、文件服务器等同样保持健壮、高可用、高可靠。
......

王楠w_n

给力 回复 2# jieforest


   

demilich

应景，兹持 !!

kns1024wh

大数据系统吗？

shang2010

听说很多打折很便宜，请问作为消费者怎么优选来自商家五花八门的让利

wsysx

不懂前端技术，纯属支持

forgaoqiang

是时候占个坑看看情况了~

hiyachen

1、秒杀系统的页面该如何设计？
     简单适用、页面数据小。

2、大并发量和大流量面前，为了减轻后端服务的压力及提升前端性能，如何对页面的部分内容进行分级、降级处理？
      实时不高的降级处理，少些事务提交，尽量用缓存。
      前段不要太复杂。

3、前端页面如何在PC和移动设备上跨终端实现？
     这是不实用的技术，在移动设备上的页面数据量小。

4、数百个运营活动涉及到非常多的内容维护和策略调整，如何保证不出现错误图片、错误连接及性能保持高效？
     exception,例外处理做的不错。网络重写也要到位。

thinkeasy

1、秒杀系统的页面该如何设计？
页面稍稍复杂一些，在适当的范围内，占用用户时间可以长一点，以减轻后台数据压力。
2、大并发量和大流量面前，为了减轻后端服务的压力及提升前端性能，如何对页面的部分内容进行分级、降级处理？
如果内容太多，可以分批分场对进行架构设计，以将用户分流到不同的服务器上，增加抗压能力，即使个别服务器挂了，也只影响到某个专场或产品。
3、前端页面如何在PC和移动设备上跨终端实现？
这个没有捷径，因为显示的方式不同，如果要达到良好的效果，还是重新设计，制作不同的页面吧。
4、数百个运营活动涉及到非常多的内容维护和策略调整，如何保证不出现错误图片、错误连接及性能保持高效？
这个不难，只要后台正常，维护人员正确上传图片，就没有问题，程序是不会把图片搞错的，主要看活动组织者的认真程度了。