1.注册页面,登录页面,账号不用太复杂,只用用户名密码即可 ===
2.商品详细页面,恢复商品颜色比例 | 只录主色 ===
3.商品详细页面,商品编码改成商品货号 ===
4.商品详细页面,sku 显示出来 ===
5.商品详细页面,发起团购砍掉 ===
6.商品详细页面,尺码:没有的话就是显示不分;颜色:同样 | 不同品种的商品有的叫尺码有的叫规格 ===
7.商品详细页面,三套图片:上边是一套商品不同角度的基本图片(第一张一定是宏观角度拍摄的图片,同时用于缩略),下边的图片是真实使用环境中展示的图片,还有一个是尺码图片。===
8.商品详细页面,显示多少钱以上免运费 | 满多少免运费,低于200运费15 ===
9.商品详细页面,收藏此商品是收藏到本地电脑上面 | 收藏到账号里 ===
10.商品详细页面,各种活动再斟酌一下 | 类似凡客优惠提示 | 返积分代金券| 限时抢购| 组合购买?
11.商品详细页面,商品介绍中的商品的一些属性及属性值去掉,都放到规格参数里面 ===
12.商品详细页面,后台部分商品编辑中添加包装清单,售后服务===
13.商品详细页面,评论以插件的形式开发
14.商品详细页面,商品咨询砍掉|保留 ===
15.商品详细页面,商品介绍里面添加商品描述,去掉商品亮点和商品保养|保养参照凡客洗涤,可以添加文字 ===
16.商品详细页面,砍掉商品指数,图标的形式显示在商品检索中|指数保留,指数是特殊的属性 ===
17.商品详细页面,看过此商品的用户还看过换成购买此商品的顾客还购买过,左右对调|不用左右对调 ===
18.网页头部官方博客帮助中心网站地图放到底部导航,我的账户砍掉,鹏程旗下网站文字放到logo附近,加上我的订单,搜索框和购物车参照京东,在线客服|搜索框变窄后加关键字 ===
19.商品详细页面,添加库存状态,分现货和预定两种情况,预定要注明预定商品不支持货到付款以及无理由退货 ===
20.商品详细页面,添加支付方式 ===
21.商品详细页面,添加尺码和颜色汇总信息|去掉,没意义 ===
22.商品详细页面. 市场价和销售价交换位置,市场价淡化删除线,销售价加大突出 ===
23.商品详细页面. 上方用户评论砍掉 ===
24.商品详细页面. 商品名称四个字拿掉 ===
---------------------------------------------------
25.购物车页面. 商品信息去掉,商品名称列按格式:缩略图+品牌+商品名称+颜色+尺码,第一列添加商品编码(sku)===
26.购物车页面. 购买过此商品的用户还购买了去掉 ===
27.购物车页面.突出显示去结算按钮,淡化继续购物以及清空购物车按钮 ===
28 .购物车页面. 收货人信息前四项必填项,电话放到手机后面成为或者的关系 ===
29.购物车页面. 配送方式,送货日期去掉,加上可供选择的普通快递,顺风快递ems(类似好乐买) ===
30.购物车页面. 去掉发票信息,帮助信息里面有文章提示 ===
31.购物车页面. 订单备注,不用ajax 只用文本框 ===
32.我的订单订单列表中商品信息以缩略图的形式显示,时间字段移到后面。===
33.查看订单以TAB的形式显示基本信息,发货信息,财务信息(退货等)。发货信息以列表的方式显示 ===
34.用户中心我的收藏去掉|保留 ===
35.用户中心退换货放到帮助中心里退货说明下面加上一个文本框输入订单号快递单号换成发货单号退款方式只保留退到洛克商城账号其他去掉 ===
36.用户中心我的咨询去掉|保留===
37.登录,注册页面,客户提交信息后页面跳转到提示页面,然后链接到首页
38.
------------------------------------------------
axure结构要规划一下,
1.把整个网站分成几个基本区域:
a.索引区:首页,二级页面,三级页面
b.商品详细区:商品详情页面
c.购物车区:购物车页面
d.用户中心区:用户中心所有页面
e.帮助中心区
f.登录注册区
g.其他页面区
h.徒步,登山等专题区
i.网站公告区
2. 商品详细页中的评论表单,放到用户中心里面,查看订单页面增加一个tab,评论得内容以及获得了多少积分
3.分等级加图标
1.普通会员
2.铁牌会员
3.铜牌会员
4.银牌会员
5.金牌会员
6.钻石会员
7.双钻会员
8.皇冠会员
9.至尊会员
4.使用优惠券,参照ecshop加上下拉式的可选优惠券列表 ===
5.商品详细页图片的大小固定下来
6.商品状态:添加一个无货状态 ===
7.发货信息里面商品信息列去掉,当鼠标滑动到出库单号上面,会弹出商品列表,查看物流详情,跳转到新的页面 ===
8.隔行变色
9.我的优惠券使用条件删除
10.我的优惠券编号改序号
11.实体优惠券改成实体券激活请输入优惠券密码:改成请输入实体券密码;未使用优惠券查看已过期优惠券tab 加分页
12.我的积分添加有效期
13.积分换购换代金券
14.
交易管理
我的订单
账户余额
我的评价
我的咨询
个人信息
个人资料
修改密码
我的收藏
我的级别
我的积分
我的优惠券
帮助中心
退换货申请不能反复查询,提交,假如没有登录,提示他登录
退款申请
15.订单中心,近一个月的订单,一个月前的订单
16.收货地址去掉
17.站内消息参考京东,内容页不做单独页面,用ajax
18.首页,焦点尺寸参考阿里妈妈广告位尺寸// 没有合适尺寸,去掉
blueprint
19.专题页面设计思路
类似百度百科的思路,图文结合的方式,图片是相关的图片,文字是相关指导性的文字
20.首页修改
21.首页的缩略图比例:3:4 宽3高4,商品详细页缩略图正方形,分类页缩略图两种比例:3:4 正方形两种比例
22.首页左边菜单,宽240px; 高650px; 共10个菜单,5个两行每个高74px+1px底边,5个一行每个高54px+1px底边
HTML5和CSS3热潮正横扫网络,从事互联网行业,特别是前端工作者,大家或多或少都有了解、学习和使用,HTML5和CSS3包含丰富的技术内容,在每周的技术分享交流会中,页面构建工程师@Sunshine珍兒同学,从三个特别的角度出发,配合丰富的实例,概括了HTML5与CSS3对页面工作带来的息息相关的变化和精彩。 一、我们担心苦恼的那么事儿 1.1 对于页面构建者来说: 表现层会遇到一些难题,欣赏绚丽的UI设计稿的同时,也在苦恼怎样用现用的技术力量去实现圆角,阴影,高光,渐变,透明等各种表现效果。为了精准UI 还原度,我们会不惜花费更多字节数切大图或者添加一些多余的空标签。 结构层同样也会遇到麻烦。首先看页面首行代码doctype,包含了,冗长而复杂,从事多年开发的你能记住这段话吗? 接着看满屏几乎都是毫无语义的div标签,为了实现复杂的设计效果,我们不得不使用多个层级嵌套,造成代码冗余。 再看看页面中一些交互动画效果,基本都是JS和flash开发人员所实现,页面构建在现有技术上只能有心而无力。
1.2 对于js开发人员来说: 一个简单的交互效果,一个又一个表单验证,需要使用一大段JS代码去实现,为了兼容各个浏览器,不得不多写数行代码。 1.3 对于flash开发人员来说: Flash开发人员担心的是用户没有安装必要的插件,担心插件被禁用或者屏蔽,像现在apple的ipad就已经不支持flash插件了。 以上的担心与苦恼你曾有过吗?如果有,别怕,HTML5和CSS3来了,已经来了! 二、我们开心盼来的那么事儿
HTML5和CSS3的到来,让我们网页开发者可以做的更多,更好! CSS3带来了圆角,半透明,阴影,渐变,多背景图等新的特征,轻松实现了设计稿中常见的图层样式,用简洁的代码替代图片,代替了多余的空标签。 CSS3带来的媒体查询可以为不同的显示设备定义相匹配的样式,灵活实现了智能的流体布局,CSS3还为我们带来了强大的选择器以及变形动画。下面让我们一起来看看实际工作中的具体应用吧~
将会认识到这些趋势背后的创意。尽管这些趋势和在2009年流行的没有巨大的变化,但它预示了那些趋势将会进一步扩大流行并因此变得更佳。如果你正在考虑如何将新的潮流吸收进你的作品的话,请把注意力放在每个潮流趋势的中心思想上吧!多多鼓励自己去涉猎这些新趋势中,这样你会变成这个运动的一份子! 1 巨大的logo/标头(headers 飞出页面(splash pages已经非常过时了。为了给访问者造成难以忘怀的印象,2010的流行趋势将会是巨大的logo或者不相上下大小的标头。这种类型的标头会占据整个屏幕,但是只有一个重要的短信息在上面。访问者不需要点击任何东西,只要把鼠标向下滑动。访问的人现在普遍患有点击恐惧(由于多年来的缺乏指导。所以大幅的标头就像飞出页面一样,但是它不会强迫你的用户点击任何东西。中心思想:巨大的标头将会使你的访问者记住你的网站。 2 素描/手绘设计手绘设计并不是真正全新的一种潮流,但我们知道它仍然站在网页设计的前沿。很多设计师欣赏这种风格,但又怯于创作此类作品仅仅由于“我不会真正地手绘”的态度。如果你去看那些最流行的手绘风格网站(相对于其他趋势风格的网站,手绘设计的网站不多,你会注意到大多数同行不会绘画。这些设计不是要送往艺术博物馆的,它们只是传递一种异想天开的想法,并模糊冷冰冰的网络和人与人的互动——因特网的终极目标,之间的界限。如果你会涂鸦,你就可以创作素描/ 手绘风格的网页设计。素描在2010年会变得更加强大,尽管不是网页设计的主要焦点。它将会以新颖的和令人兴奋的方式被用于个性标准的页面文案(web copy。中心思想:素描在合作设计中会变成一个基本的组成部分。 3 肥厚的字体尽管在传统媒体中出现已经超过200年了,肥厚的字体在网页设计上的应用还算比较新的。要得到肥厚字体的可视化定义,就想想古老的狂野西部的海报“渴望”。那些醒目的字母就是肥厚的字体。肥厚字体普遍是大写字母,醒目并令人印象深刻。许多设计师以前避开肥厚字体不用,是因为以前标志和标头都比较小和比较简朴的缘故。和巨大的标头一起组合之后,肥厚的字体将会吸引浏览者的注意。中心思想:肥厚字体来大胆的表现自己。 4 活版印刷活版印刷是最难掌握的的潮流趋势之一,这就是它在2010年依然保持新鲜的原因。出于大家对可用性的呼吁,网页设计师不敢使用新起的和各式各样的字体。把不同大小尺寸的字体混合在一起这个想法
web前端设计与开发实验 实验须知: 1.本实验课程一共有6个实验,围绕“个人主页”的主题,(1)使用Axure制作网站 的页面原型;(2)使用HTML标签设计页面的结构;(3)使用CSS控制页面的表现;(4)使用JavaScript脚本实现网页的交互效果;(5)并使用PhotoShop完善网站的视觉设计(6)最终呈现一个完整的“个人主页”网站。 2.网站推荐使用“一页式”的“响应式设计”,但这不是必须的。 3.网站如果采用“一页式”设计,则必须有三屏内容;如果是多网页设计,则必须有 三个页面,包括首页。 实验1:网站页面原型设计 实验目的: 1.掌握Axure工具的使用; 2.领会网站设计的思想; 3.理解页面原型的作用。 实验要求: 1.网站主题:“个人主页”或“个人求职主页”; 2.网站推荐使用“一页式”的“响应式设计”,但这不是必须的; 3.网站如果采用“一页式”设计,则必须有三屏内容;如果是多网页设计,则必须有 三个页面,包括首页在内; 4.要求设计出网页的基本结构,并有一定的交互效果; 5.尽可能设计出高保真型原型。 实验2:网站页面HTML设计与实现 实验目的: 1.掌握HTML标签的使用; 2.理解HTML标签的语义; 3.合理使用HTML标签结构化页面元素。 实验要求: 1.要求使用HTML语言将实验一设计的网页原型实现; 2.要求语义化使用HTML标签,合理地结构化页面元素及内容; 3.要求可适当分析页面布局,加入控制布局的标签; 4.要求设计一个合适的前端框架,即能分类存放不同的文档。 实验3:使用DIV+CSS布局并美化网页 实验目的: 1.掌握CSS基本语法;
从公司组建团队的角度来说,要找一班优秀的full stack前端工程师,是有一定难度的。比如我们前端团队,现在一共7个人,如果我们要求每一个人都写HT ML、CSS、JavaScript、前台逻辑、前后端交互,并且都产出可维护的高质量代码,对很多人来说做到没问题,但你知道要招到那么一班人有多难吗?现在市场上本身优秀前端就相当奇缺,对于一个BAT以外的互联网公司来说,也许1个月都招不到1个让你满意的人,然而,如果我们换一种方式,找几个偏静态的,找几个偏交互的,相对来说,难度就小了很多,也许原来4个月都很难招到那么一班人,现在不到2个月就办到了。千万别小看这一点,对于很多互联网公司来说,速度就是生命,不能迅速组建好团队并快速将产品推向市场,也许就意味着完蛋。 从公司用人成本的角度来说,将前端细分为偏静态和偏交互,能节约一笔开支。对每一个人都是高要求的话,自然成本要大一些,然而,如果把人员的要求都相对降下来了,成本自然也就降下来了。 从团队效率上来说,将前端细分为偏静态和偏交互,是高效的。打个比方,团队有50个页面要做,一共有5个人,是每个人做10个静态页面,并实现所有的JavaScript、前台逻辑、前后端交互效率高?还是2个人做所有的静态页面,3个人完成JavaScript、前台逻辑、前后端交互效率高?肯定是 后者,专注于做静态页面的同学可以做到平均一个页面45分钟完成,但如果全部都做,是很难做到的,并且写JavaScript效率也变低了。 从团队技术管理的角度来说,将前端细分为偏静态和偏交互,人员相对易于管理,而且更容易产出可维护的高质量代码。偏静态的几个人可以致力于将静态这一块做到极致,偏交互的几个人可以致力于将交互做到极致。 从个人职业上来说,将前端细分为偏静态和偏交互,降低了前端职位的从业门槛,有了一定技能的时候更容易安定下来。 有人说前端细分这样限制了JavaScript和CSS的配合方式,以我们团队的实践经验告诉 大家,JavaScript和CSS的配合没有问题。 有人说前端细分限制了工程师的职业天花板。这个在某些情况下是成立的,但是个人的职业天花板更多的还是由人本身决定的,一个对职业有追求的人,会想方设法让自己的路越来越广。马云以前是英语老师,现在是中国首富,我初二的语文老师以前是挖煤的工人,主要还是由人本身决定的。当然如果你想在你们团队中静态和交互都做,也很简单,据说腾讯有的团队就可以轮岗,干几个 月Node.js、再干几个月做静态页面,你在你们团队中提出来,我相信你们老大会同意,只要不在项目非常紧急的时候。 我们程序员都希望自己能掌握更多的技术,精通前后端等所有技术,打败Google,征服世界,相信我们程序员的思维是值得所有人尊敬的!
新浪微博的6种盈利模式 类型1:直接盈利 盈利模式1:关联广告 这种模式跟Facebook广告非常相似(占Facebook收入的60%以上)。同传统门户网站相比,社区化的微博将帮助新浪更好的了解用户,包括用户的在线行为和用户特征,从而帮助广告主更好的发现目标客户。 盈利模式2:实时搜索 对于实时信息,它所面临的挑战是:这些信息对用户来说可能是有用的信息,也有可能是垃圾信息。但不可否认的是,朋友或名人的建议往往是值得信任的。如果实施搜索能够识别出对用户有用的信息,将会产生巨大的盈利潜力。我们期望微博将会成为获得实时信息的主要手段,如果能够实现,无论新浪自己开发搜索引擎,或同领先的第三方搜索引擎提供商合作,都会给新浪带来收益。 类型2:交叉销售 盈利模式3:捆绑销售 目前,已经有5,000家企业在新浪上开了官方微博,主要用来在线推广、公关或招聘。新浪对此完全免费,并且未来也没有收费的迹象。然而,我们可以预见,捆绑销售作为对品牌广告主的综合解决方案,将会帮助新浪提高在线品牌广告的市场份额。 盈利模式4:同新浪其他业务结合,进行交叉销售 但从盈利角度来讲,我们认为新浪和Twitter的最大区别实际上是:新浪已经有了不少可以轻松赚到钱,但是缺少流量...用户的业务,比如传统门户,在线
视频,在线网页游戏平台和新浪商城等。过去证明,一些业务并不成功,但是现在,如果能够快捷有效的将这些业务同微博进行交叉销售,那么这些业务的局面将会逆转,取得成功。 盈利模式5:同第三方网站分享流量 根据我们的统计,新浪微博已为第三方网站提供了大量有价值的访问流量,尤其是对于在线电子商务和在线视频。至少有三种可以使新浪微博分享流量的方案:1)第三方网站的官方微博,例如淘宝商城。2)鉴于新浪微博所采用了开发系统,我们预计使用“分享到新浪”的人将会增多,而“点击返回”的价值将会带来潜在的盈利机会。3)与Facebook的购物商城类似,允许第三方合作伙伴开设购物商城。 类型3:开放API 盈利模式6:同APP开发商和内容提供商收入分成 这种模式跟Facebook和腾讯的开放平台战略类似。开放API,可以给新浪平台带来成千上万的第三方应用开发商。目前为止,新浪平台上已有超过500 个第三方应用,涵盖客户端软件和网页游戏等。 随着平台的规模不断扩大,盈利模式也会不断变化:我们认为,对于用户为主的平台而言,最美妙的就是平台规模不断扩大和用户粘性不断提高。尽管运营时间不长,但新浪微博平台已经在同新兴的团购/LBS(Location Based Services)等新兴服务的结合上展现出了巨大的潜力。 24 《诗经》两首 从容说课 《关雎》和《蒹葭》选自《诗经》。《关雎》写一男子对女子的思念和追求过程。写求之不
第一章习题答案 1.什么是Internet和万维网,它们的区别在哪里? 答:Internet是由成千上万台计算机设备互相连接,基于TCP/IP协议进行通信从而形成的全球网络。万维网是Internet上最重要的服务之一,也常被简称为“W3”或“Web”。万维网主要使用HTTP协议将互联网上的资源结合在了一起,并在浏览器中以Web页面的方式呈现给用户。 2.请简单描述用户上网浏览网页的原理。 答:用户打开Web浏览器并输入需要访问的URL地址,该地址将发送给对应的Web服务器。Web服务器然后将该地址对应的文本、图片等内容发送给用户并显示在用户使用的Web浏览器中。 3.Web前端技术的三大核心基础是哪些内容? 答:HTML、CSS和JavaScript。 4.Web前端新技术HTML5与HTML有什么关系? 答:HTML来源于Hypertext Markup Language(超文本标记语言)的首字母缩写,是用于架构和呈现网页的一种标记语言,也是万维网上应用最广泛的核心语言。HTML5是HTML的第五次修改版,也是目前HTML语言的最新版。 第二章习题答案 1.HTML5的文档注释是怎样的? 答:HTML5使用标签为文档进行注释,注释标签以“”结束,中间的“...”替换为注释文字内容即可。标签支持单行和多行注释。 2.HTML5中列表标签有哪些,它们之间有什么区别? 答:包括有序列表标签、无序列表标签和定义列表标签三种。 有序列表标签
新浪微博分析 微博又叫微博客 (micro blog),是微型博客的简称,基于web2.0技术的即时信息发布系统。是一个基于用户关系的信息分享、传播以及获取平台,用户可以通过WEB、WAP以及各种客户端组件个人社区,以140字左右的文字更新信息,并实现即时分享。与传统博客相比,以“短、灵、快”为特点。140字左右的文字更新信息,并实现即时分享。微型博客可分为两大市场,一类是定位于个人用户的微型博客,另外一类是定位于企业客户的微型博客。微博客是信息日益碎片化的必然结果。“围脖”是微博客的谐音,所以微博也称围脖。微博客的代表性网站是美国的Twitter,是最早也是最著名的微博,这个词甚至已经成为了微博客的代名词。新浪作为中国最大的门户网站之一,2009年八月新浪推出新浪微薄测试版,成为门户网站第一家提供微薄服务的网站,微薄正式进入中文上网人群视野! 一、新浪微薄发展背景 Web2.0时代。新的媒体形态层出不穷,每一个新媒体形式的出现都意味着Web2.0的普及和网络的进步。进入2010年,Web2.0更是狂飙突进,中国网民的参与度和活跃呈现爆炸式增长,这一情况的出现,与一种新媒体形态的诞生不无关系—微博。 网络与传统的博客相比,微博发布更便利、传播更迅速,发布字数限制在140字之内,方便用户通过电脑、手机等多平台浏览发布,所发布信息是传达,并可一键转发。微博相比传统博客那种需要考虑文题、组织语言修辞来叙述的长篇大论,以“短、灵、快”为特点的“微博”几乎不需要很高成本,无论你是用电脑还是手机,只需三言两语,就可记录下自己某刻的心情、某一瞬的感悟,或者某条可供分享和收藏的信息,这样的即时表述显然更加迎合我们快节奏的生活。微博微博客草根性更强,且广泛分布在桌面、浏览器、移动终端等多个平台上,有多种商业模式并存,或形成多个垂直细分领域的可能。微博更符合现在人的生活节奏和习惯。而新技术的运用使得用户更容易对访问者者留言进行回复,从而形成良好的互动关系。导致微博时代快速来临。微博已经成为门户网站标志性产品。 二、新浪微博SWOT分析 (一)概述 相对于新浪微博而言,Twitter诞生的更早,而业界中也一直有人认为新浪微博是Twitter的模仿者,但从双方对产品的定位、关注的业务特征、采取的发展策略以及总体的经营思路而言,新浪微博可以被认为是一个包含了Twitter 相关功能的新平台,其更为强调的是自身的媒体特性,以及服务于社交的目的。而Twitter期初更多的是,将传统手机短信息服务转换为以互联网载体的一个形式转换。应该说新浪微博与Twitter之间不存在谁模仿谁的问题,虽然双方都在
首先给大家介绍一下微博架构发展的历程。新浪微博在短短一年时间内从零发展到五千万用户,我们的基层架构也发展了几个版本。第一版就是是非常快的,我们可以非常快的实现我们的模块。我们看一下技术特点,微博这个产品从架构上来分析,它需要解决的是发表和订阅的问题。我们第一版采用的是推的消息模式,假如说我们一个明星用户他有10万个粉丝,那就是说用户发表一条微博的时候,我们把这个微博消息攒成10万份,这样就是很简单了,第一版的架构实际上就是这两行字。第一颁的技术细节,典型的LAMP架构,是使用Myisam搜索引擎,它的优点就是速度非常快。另外一个是MPSS,就是多个端口可以布置在服务器上。为什么使用MPSS?假如说我们做一个互联网应用,这个应用里面有三个单元,我们可以由三种部署方式。我们可以把三个单元部署在三台服务器上,另外一种部署模式就是这三个单元部署在每个服务器上都有。这个解决了两个问题,一个是负载均衡,因为每一个单元都有多个结点处理,另外一个是可以防止单点故障。如果我们按照模式一来做的话,任何一个结点有故障就会影响我们系统服务,如果模式二的话,任何一个结点发生故障我们的整体都不会受到影响的。 我们微博第一版上线之后,用户非常喜欢这个产品,用户数增长非常迅速。我们技术上碰到几个问题。第一个问题是发表会出现延迟现象,尤其是明星用户他的粉丝多。另外系统处理明星用户发表时候的延迟,可能会影响到其他的用户,因为其他的用户同一时间发表的话,也会受到这个系统的影响。我们就考虑这个系统怎么改进。首先是推模式,这肯定是延迟的首要原因,我们要把这个问题解决掉。其次我们的用户越来越多,这个数据库表从一百万到一亿,数据规模不一样处理方式是有差别的。我们第一版单库单表的模式,当用户数量增多的时候,它不能满足就需要进行拆分。第二个是锁表的问题,我们考虑的是更改引擎。另外一个是发表过慢,我们考虑的是异步模式。 第二版我们进行了模块化,我们首先做了一个层,做了拆分,最右边的发表做了异步模式。第二个服务层,我们把微博基础的单元设计成服务层一个一个模块,最大是对推模式进行了改进。首先看一下投递模式的优化,首先我们要思考推模式,如果我们做一下改进把用户分成有效和无效的用户。我们一个用户比如说有一百个粉丝,我发一条微博的时候不需要推给一百个粉丝,因为可能有50个粉丝不会马上来看,这样同步推送给他们,相当于做无用功。我们把用户分成有效和无效之后,我们把他们做一下区分,比如说当天登陆过的人我们分成有效用户的话,只需要发送给当天登陆过的粉丝,这样压力马上就减轻了,另外投递的延迟也减小了。 我们再看数据的拆分,数据拆分有很多方式,很多互联网产品最常用的方法,比如说如可以按照用户的UID来拆分。但是微博用户的一个特点就是说大家访问的都是最近的服务器,所以我们考虑微博的数据我们按照时间拆分,比如说一个月发一张表,这样就解决了我们不同时间的惟度可以有不同的拆分方式。第二个考虑就是要把内容和索引分开存放。假如说一条微博发表的地址是索引数据,内容是内容数据。假如说我们分开的话,内容就简单的变成了一种key-value的方式,key-value是最容易扩展的一种数据。比如说一个用户发表了一千条微博,这一千条微博我们接口前端要分页放,比如说用户需要访问第五页,那我们需要迅速定位到这个记录。假如说我们把这个索引拆分成一个月一张表,我们记录上很难判断第五页在哪张表里,我们需要索引所有的表。如果这个地方不能拆分,那我们系统上就会有一个非常大的瓶颈。最后我们想了一个方法,就是说索引上做了一个二次索引,改变我们还是按照时间拆分,但是我们把每个月记录的偏移记下来,就是一个月这个用户发表了多少条,ID是哪里,就是按照这些数据迅速把记录找出来。 异步处理,发表是一个非常繁重的操作,它要入库、统计索引、进入后台,如果我们要把所有的索引都做完用户需要前端等待很长的时间,如果有一个环节失败的话,用户得到的提示是发表失败,但是入库已经成功。所以我们做了一个异步操作,就是发表成功我们就提示成功,然后我们在后台慢慢的消息队列慢慢的做完。另外新浪发表了一个很重要的产品叫做MemcacheQ,我们去年做了一个对大规模部署非常有利的指令,就是stats queue,适合大规模运维。 第二版我们做了这些改进之后,微博的用户和访问量并没有停止,还有很多新的问题出现。比如说系统问题,单点故障导致的雪崩,第二个是访问速度问题因为国内网络环境复杂,会有用户反映说在不同地区访问图片、js这些速度会有问题。另外一个是数据压力以及峰值,MySql复制延迟、慢查询,另外就是热门事件,比如说世界杯,可能会导致用户每秒发表的内容达到几百条。我们考虑如何改进,首先系统方面循序任意模块失败。另外静态内容,第一步我们用CDN来加速,另外数据的压力以及峰值,我们需要将数据、功能、部署尽可能的拆分,然后提前进行容量规划。 另一方面我们还有平台化的需求,去年11月我们就说要做开放平台,开放平台的需求是有差异的,Web系统它有用户行为才有请求,但是API系统特别是客户端的应用,只要用户一开机就会有请求,直到他关闭电脑这种请求一直会不间断的过来,另外用户行为很难预测。 系统规模在持续的增大,另外也有平台化的需求,我们新架构应该怎么做才能满足这些需要?我们看一下同行,比如说Google怎么样考虑这个问题的?Google首席科学家讲过一句话,就是一个大的复杂的系统,应该要分解成很多小的服务。比如说我们在https://www.doczj.com/doc/616105825.html,执行一个搜索查询的话,实际上这个操作会调动内部一百多个服务。因此,我们第三版的考虑就是先有服务才有接口最后才有应用,我们才能把这个系统做大。
交互设计师必须知道的五大交互设计流程 它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心和行为特点。同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。 其实,交互设计需要做的事情也不是一成不变的,它会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。下面我就在马海祥博客上分享下我是怎样做交互设计及做交互设计的五大流程,方式不一定合适所有的交互设计师,但却能说明一些你想要了解的问题。 一、发现用户需要,建立明确需求 发现用户需要的方式有很多种,我们可以在用户反馈里收集到许多用户提出的想法,他们希望我们能提供帮助解决问题的产品;我们也可以主动去观察一些生活中的信息,为灵感的迸发做储备。 比如说网页的隐形加载机制项目,有不少用户跟我们反应说,他们有时因为网站的图片太多或太大,会导致网站页面加载慢,同时在加载的过程中页面显示都空白的,所以希望能提供一个专业的隐形加载机制功能,能够帮助他们有效的展示页面的显示情况。 确认了用户的这一需要,我们的产品同事就会组织立项,把用研和设计组的同事呼唤过来一起进行调研,确定我们的目标用户。 用研组会通过问卷调查等方式尽可能多的去收集信息,交互设计师也会参与分析调研,组织会议帮助用研组完善信息,我们会采取一些有趣的方式,比如一堆人在一起头脑风暴,大家回忆各种相关的生活场景,然后把一些关键词记录下来。 这一步我们的目的是要知道:用户想要什么? 通过这些步骤我们提炼出一些最重要的功能需求,接着产品组会整理出需求文档,设计师就位。 二、提出设计方案 通过调研,我们得到了大量数据信息,并建立了明确的需求,下一步就是开始提设计方案。 这个阶段我会做一些概念设计,类似于做实物产品时设计一个水杯,我会描述它说:我要设计一个旅行用的水杯,它能叠成一个小圆盘,喝水的时候只需要把小圆盘的圆心部分往下按,就能变成一个杯子。 互联网产品也是这样,需要赋予它一个概念,例如日程管理:这是一个专业的日程管理功能,通过使用它,我们可以有效的管理自己每天的日程和时间,以提高工作效率,并且不会再错过每个重要的约会! 这些文字并不一定非是交互设计师所总结,但是交互设计师必须要做到对产品心里有数,明确我们要做什么。 同时需要进行的还有初稿设计,在这里我所谓的初稿,并不一定是严格要求中的交互原型,可以是用工具软件把主要的页面流程做出来,也可以手绘草图,只要能清晰表达设计构思的,什么样的方式都可以。 三、制作设计原型 制作设计原型,也就是常说的交互稿,区别于做设计方案时的初稿,这份交互稿我会尽可能细致的把流程和具体操作形式表达出来。 考虑到做交互是一个迭代过程,马海祥会在设计稿的首页为设计的产品做一份交互更新日志,记录下交互更新时间、版本名称、更新类型、更新内容、参考需求文档与交互负责人。如下图所示:
Html网页设计代码 设计第一技术其次: ) ---------------------------------- 1)贴图:<img src="图片地址"> 2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a> 1)贴图: 2)加入连接:写上你想写的字 3)在新窗口打开连接:写上要写的字 消除连接的下划线在新窗口打开连接: 写上你想写的字 4)移动字体(走马灯): 5)字体加粗:写上你想写的字 6)字体斜体:写上你想写的字 7)字体下划线: 写上你想写的字 8)字体删除线: 写上你想写的字 9)字体加大: 写上你想写的字 10)字体控制大小: