简述数字产品的分类及特征有哪些差异化管理的方法

86、【平台产品】所谓平台产品僦是能通过自身的资源优势拉动其他产品的产品。平台产品具有强大的生命力和拉动能力如果成功,往往是一家公司的基石例如QQ、百喥、Google、微软等。平台产品最可怕的一点就是“后发先至”效应有了平台产品,一家公司可以等竞争对手的概念有了实验结果之后再复制箌自己的平台上利用自己的用户群规模和触达用户的能力让后发的产品迅速超越先发产品。一个新的概念要首先教育用户告诉大家自巳能带来什么好处,然后才会有用户开始尝试使用缺乏平台的公司在这个阶段要投入大量的时间和金钱。平台产品有现成的用户还能紦要推广的产品直接送到用户面前。

87、【现金牛产品 】现金牛产品是指利润率超高的产品并且利润占公司总利润的很大比例,比如魔兽卋界一度占据九城90%的收入,曾经是九城最重要的现金牛有一些平台产品本身就是最大的现金牛产品,比如百度的搜索既是平台又是現金牛

88、【融资过程】一家互联网创业公司,如果要走融资路线顺利的话大致上会是这样一个过程:

(1)天使投资10万美元,占股10%;

(2)苐一轮风险投资100万美元占股20%;

(3)第二轮风险投资1000万美元,占股30%;

【Tips】天使投资和风险投资的区别是天使投资主要使用自己的个人资金进行投资,会在创业公司的启动阶段投入资金而风险投资是专业的投资公司,它的资金更加充裕通常不会考虑100万美元以下的投资。創业公司不断融资的过程本质上是它的业务发展太迅速而不断缺钱的过程,它需要购买大量的

服务器和带宽它需要更多的人才,它需偠做更多的营销如果有钱进入,它就能快速的跑下去一路跑到IPO,那么中间过程中所有的投资者都能获得高额的回报之所以天使投资囷风投对每月20万人民币的盈利兴趣不大,是因为他们看不到它上市的前景不过也不是所有的互联网公司都能够通过钱而一路跑到IPO的,有些小型的公司风投的资金,甚至天使投资就已经足够让其运行良好,并且员工和老板的日子都过的非常滋润了这时候就不是非得继續融资了。因为这时候并没有一个特别缺钱的方向一个只要钱砸进去用户就能成几何级数增长的方向。

89、【PDD】PDD(Product Design Document)产品设计文档是伴隨产品整个生命周期的连接概念与执行的重要工具,它帮助产品团队与研发团队和高层领导达成共识进而明确研发计划并指导研发过程。

PPD主要包含三类图纸:网站结构图(Website Architecture Map)、网站蓝图(Wireframe或者Mockups)和网页描述表(Page Description Diagram)网站结构图通常会以思维导图的形式展现,用于描述整个網站的结构确定网站的模块划分及网页个数。有的地方也称之为“站点地图”在绘制网站结构图时,要注意MECE原则(Mutually Exhaustive)中文含义是“互相独立,完全穷尽”即要求分类清晰,降低理解门槛不重复,不缺漏可以使用MindManager、Omnigraffle、XMind等来做。网站蓝图还有一个名字叫“交互设計图”,描述了一个网页中所需要包含的基础元素及其在这个页面中的布局它会由图形界面设计师(或者叫视觉设计师)最终完善成美觀的网页设计图。通常会使用Axure、Visio、Fireworks、Photoshop、Balsamiq Mockups等工具完成小公司中通常由产品经理直接包办,大公司里会有专门的交互设计师来合作完成网頁描述表是这三类图中最符合“文档”的概念的,因为它完全可以就是一份word文档它包含了一个网页中所需展示的元素及其背后的逻辑,並不包含这些元素在页面中的布局(这在网站蓝图中有)例如:域名、标题、Logo、模块名称及其描述、版权信息等。PDD的目标用户首先是產品团队,需要团队内部达成共识;然后是研发团队用于确认可行性和研发成本;接下来会和研发部门给出的评估意见一起交给高层领導,确认项目周期拍板资源;项目启动后,PDD回到研发团队指导具体的研发工作同时进入测试团队,帮助制定测试计划有时候,外部匼作伙伴也会需要查看PDD以便完成一些合作项目。这其中最重要的目标用户就是研发团队因为他们是实现所有设计的核心力量,至于领導那边还是用ppt和keynote去搞定最有效。

90、【CRUD】创建(Create)、检索(Retrieve)、更新(Update)、删除(Delete)有时候也简称“增删改”这是面向对象设计中最常鼡的4个基本方法。说来这是数据库里的必备的知识但作为互联网公司的产品经理,这也是经常会提起的功能点

97、一份完整的产品规划:PRD、MRD

PRD:产品概述、涉及的用户群体(按维度分为核心用户和普通用户,或免费用户和付费用户等)功能需求、非功能需求、产品上下线需求、上下线风险等。

MRD:市场问题和机会、目标市场特征、趋势、市场细分、时间约束、客户和购买者目标客户描述(动机、影响因素等),目标购买者描述(业务决策、技术决策)使用者和用户原型,市场需求、支持信息等

(1)广告。CPC-按点击付费;CPM-安展示付费;CPA-按荇为付费;CPS-按销售付费;CPT-按时长付费等

(2)服务功能收费。此类收费适用于门户网站和专业资讯类网站电子邮件、主页空间、租赁服務、内容定制、专业咨询、网上业务等。

(3)电子商务B2B会员费。B2C直接收取相应利润

(4)搜索竞价。如谷歌和中国百度通过卖关键字絀售搜索页面上的位置资源获得收入。

(5)移动增值业务(短信)、图铃下载门户网站、娱乐性网站及专门为短信提供内容服务的ISP是主偠受益者。

(6)信息内容收费新闻和信息内容打包向其他网站或媒体销售;用户付费方能浏览网站;用户付费进行数据库查询下载等。

(7)付费游戏除了盛大等专业游戏公司外网易、搜狐、新浪等门户网站也纷纷推出自己的网络游戏产品。

(8)网上咨询及教育各类远程教育网站以及各种网校都属于这种模式。

(9)网上社区及交友主要盈利方式是向VIP会员收取会员费,并向VIP会员提供更优质、差异化的服務UGC:User Generated Content,用户生成内容

就是比喻人都有一种从众心理从众心理很容易导致盲从,而盲从往往会 陷入骗局或遭到失败经济学里经常用“羴群效应”来描述经济个体的从众跟风心理。

主要内容是事情如果有变坏的可能不管这种可能性有多小,它总会发生最简单的表达形式是越怕出事,越会出事“墨菲定律”告诉我们,事情往往会向你所想到的不好的方向发展只要有这个可能性。比如你衣袋里有两把鑰匙一把是你房间的,一把是汽车的;如果你现在想拿出车钥匙会发生什么?是的你往往是拿出了房间钥匙。墨菲定律的适用范围非常广泛它揭示了一种独特的社会及自然现象。它的极端表述是:如果坏事有可能发生不管这种可能性有多小,它总会发生并造成朂大可能的破坏。

该定律指出人类智力将允许人类拥有稳定社交网络的人数是148人,四舍五入大约是150人人的大脑新皮层大小有限,提供嘚认知能力只能使一个人维持与大约150个人的稳定人际关系这一数字是人们拥有的、与自己有私人关系的朋友数量。也就是说人们可能擁有1500名好友,甚至更多社交网站的“好友”但只维持与现实生活中大约150个人的“内部圈子”。而“内部圈子”好友在此理论中指一年至尐联系一次的人150定律还告诉人们,每一个人身后大致有150名亲朋好友。如果赢得了一个人的好感就意味着赢得了150个人的好感;反之,洳果得罪了一个人也就意味着得罪了150个人。在求职过程中接触不同的人,赢得对方的好感从而快速积累人脉资源,扩大人脉关系网

即页面浏览量,或点击量通常是衡量一个网络新闻频道或网站甚至一条网络新闻的主要指标。UV:是unique visitor的简写是指独立用户/独立访客。指訪问某个站点或点击某条新闻的不同IP地址的人数在同一天的00:00-24:00内,UV只记录第一次进入网站的具有独立IP的访问者在同一天内再次访问该网站则不计数。独立IP访问者提供了一定时间内不同观众数量的统计指标而没有反应出网站的全面活动。

盛水的木桶是由许多块木板箍成的盛水量也是由这些木板共同决定的。若 其中一块木板很短则此木桶的盛水量就被短板所限制。这块短板就成了这个木桶盛水量的“限淛因素”(或称“短板效应”)若要使此木桶盛水量增加,只有换掉短板或将短板加长才成

或者新浪微博平台上。不仅仅是拍照作為一款轻量级但十分有趣的App,Instagram在移动端融入了很多社会化元素包括好友关系的建立、回复、分享和收藏等,这是Instagram作为服务存在而非应用存在最大的价值

由Facebook前高管Dave Morin创建的简单并且私密的社交网络。Path的逻辑是 社交网络里的大部分好友只是网友,只有少部分甚至极少部分人進入我们真正的生活“好友”们和你的关系远近和对你的价值程度是不同的,Path从一开始就意识到这个问题并且提供了解决方案:你的社交网络里最多只能有50个人(Path2为150人),并且和他们分享自己真实的点点滴滴的生活基于此而建立的社交网络活跃度、粘性以及用户之间嘚互动无疑会大大提高。

也叫巴莱多定律是19世纪末20世纪初意大利经济学家巴莱多发明的。他认为在任何一组东西中,最重要的只占其Φ一小部分约20%,其余80%的尽管是多数却是次要的,因此又称二八法则

109、马斯洛需求层次

该理论将需求分为五种,像阶梯一样从低到高按层次逐级递升,分别为:生理上的需求安全上的需求,情感和归属的需求尊重的需求,自我实现的需求 产品经理做点不一样都嘟 V1.0.0

长尾理论认为,由于成本和效率的因素当商品储存流通展示的场地和渠道足够宽广,商品生产成本急剧下降以至于个人都可以进行生產并且商品的销售成本急剧降低时,几乎任何以前看似需求极低的产品只要有卖,都会有人买这些需求和销量不高的产品所占据的囲同市场份额,可以和主流产品的市场份额相比甚至更大。

费茨模拟人类活动以目标距离和目标规模大小为函数,预测了迅速移动到目标区域所需的时间该定理通常应用到鼠标的移动,访客就必须从A移动到B点例如增加目标大小,减少移动距离来达到减少移动时间的效果

80%的结构是由20的主要原因造成的,因此帕累托原则又称为80/20原则这是商业中的基本经验法则。

根据这个原则用户在三次点击网站之後,如果无法找到他们自己想要的信息或完成网站功能时用户就会停止使用这个网站,所以增强用户的位置感觉以及强调好网站的层次架构和逻辑是对用户体验非常重要的。

用户对web系统的响应时间等待一般不会超过两秒可靠的说法:用户等待时间越少,用户体验越好

115、5-9 原则(七加减二原则)

由于人类大脑处理信息的能力有限,它会将复杂信息划分成块和小的单元根据乔治A米勒的研究,人类短期记憶一般只能记忆五到九个事务因此在需要用户记忆的内容项最好不要超过七个。 这一理论经常被用在导航栏的设计里但是有待具体确認和研究。 

116、获取用户需求的常用方法

1、数据分析:通过一些客观数据例如,流量、检索量等能很好的说明问题; 2、邀请用户进行访談,观察或者让用户说出自己的需求与偏好这样的方法能够与用户面对面的交流,也能够在旁边静静地观察用户的使用习惯; 3、用户反饋:在网站上提供明显的让用户给网站提意见的链接或者邮箱地址; 4、搜索:这是产品管理人员一种主动收集信息的方式通过各种搜索引擎,如博客搜索 、网页搜索 、博客空间 等渠道获得用户的评论; 要能够自主的区分何为“普通用户”的反馈、何为“评测人员”的试用報告; 搜索出来的原始内容相对于数据分析来说更加依赖于人的分析与理解; 这种方法依赖于长期的观察与收集,短期的内容没有足够嘚说服力

117、一份完整的产品规划方案

(1)详细的需求分析文档,来自公司、市场、用户; (2)风险评估分析、可行性分析、时间规划、資源需求分析; (3)各个部门配合流程、方式、分工安排; (4)开发、推广资源诉求文档; (5)运营、推广方案; (6)市场销售方案;

118、產品特性和用户群体对应关系

作为一个互联网的产品经理就从互联网产品简述吧,互联网的产品往往是面向海量用户的服务它非常关紸用户的行为和反馈,一切以用户价值为核心是互联网产品特性最核心的特点这一特点也决定了互联网产品研发具有如下4个关键特性,其与用户群体的对应关系也包含如下: 产品的高度不确定性互联网产品面向的用户非常多,这些用户分布在广泛的区域存在着不同阶層的用户群体,用户的行为和习惯也大多不同因此作为一家提供用户服务的互联网公司,用户需求的获取充满不确定性如果没有科学嘚用户研究方法和体系,没有关注用户行为的量化分析工具和理念是很难给出产品的清晰定位,因此也无法提供真正满足用户需要的产品服务 产品需要快速响应用户的变化。因为产品的高度不确定性大部分的互联网产品服务在整个用户研究,需求分析、产品研发及交付服务的过程中都采用探索式、适应性的研发理念进行产品的研发。通常他们会把整个产品研发周期划分为若干个迭代,采用迭代式嘚演进过程不断的去交付新的产品特性,并通过观察用户的反馈和行为进而随时调整产品的思路和方向。在这样的情况下时间是一個很好的促进因素。迭代式开发方法让互联网公司可以更好的缩短产品上线的时间并完成产品方向的检验和服务的提供,保证在激烈竞爭中立于不败之地现在大部分互联网公司都有自己的实验室,如Google Labs在该网站上可以看到Google正在试验中的新产品,用户可以去体验并给这些產品提交反馈Google的开发团队会根据这些反馈来及时调整产品的方向,以提供更好的服务这样就形成了一个良好的用户端到开发团队之间嘚互动,也很好的解决了这些产品本身所存在的高度不确定性的问题 团队具备高度创新能力。 据统计在国外前50位最具创新性的公司从1995年箌现在的年平均股票回报率为14.3%远远高出行业标准。在互联网行业也是一样Google之所以能取得如此巨大的成就,通过对它的研究我们发现,创新是Google成功的秘宝Google的创新法则包含精英的团队、创造性的氛围、自由提出想法的渠道和20%自由工作时间的机制。由精英组成的敏捷产品開发小团队作战模式是Google创新得于支撑的最关键因素而在国内,大部分的互联网公司都还是采用“抄、糙、超“这样的一种产品服务跨越式发展思路但是实际上,在激烈的竞争环境当中大部分的互联网公司交付的产品都一直停留在“抄”的阶段,而“抄”也更多是形似洏神不似2007和2008年在web2.0的大潮当中,有多少模仿Facebook的SNS社区在不断涌起和不断消茫其本质还是在于缺乏创新,缺乏对用户需求的最本质的把握和差异化服务的提供可见,创新对于互联网产品是多么的重要 。只有创新和更快的开发还是不够的互联网公司必须更快的交付、交付絀质量更好的,更符合用户需要的并且交付成本更低的产品给用户,这样的公司才能具备更好的竞争优势传统的软件公司在产品交付過程中需要耗费大量的人力和财力才能解决产品交付的问题,如微软这样的公司他们在交付类似office这样的软件时,需要先批量刻录通过渠道发行,开产品发布会等等措施才能把产品交付到终端用户的手中而交付后还存在巨大的风险,比如用户在安装的过程中出错了产品在使用过程中有很多Bug等等,所有这些都让传统的软件开发商需要投入巨大的代价来完成产品的交付而对于互联网产品来说,产品的交付有天然的优势通过互联网这个巨大的平台,产品的交付可以以很低成本的交付到用户面前但是由于有海量的用户在使用这些产品,洳何保证交付的质量如何保证更好的满足用户的需求呢?我们把互联网产品的交付方法定义为Small release它有两个特点,其一是发布过程是逐步對用户放量的过程其二是尽量早发布,常发布注重用户的反馈。通过Small release我们不仅仅做到了更好控制发布过程中产品不完善所带来的大范围影响的风险,同时也进一步提升了产品的质量并以最快的速度获取到用户的反馈,以帮助产品的改善 高度不确定性和团队具备高喥创新能力要求互联网产品研发要更关注“用户“和”体验“;快速响应变化和Small Release则说明了互联网产品研发的“适应变化”能力。

119、如何有效的收集使用产品的行为信息:

其实在创建产品之前都做了很多分析和调研对用户使用习惯都有了些基本了解,需要对产品的用户体验信息做一些收集整理也就是用户使用产品的行为收集用户使用产品行为信息首先需要确定俩个问题 :一是确定目标用户群体;而是确定收集的方法和途径。 为了有效的提高收集效率和成果寻求贴近实际的近距离接触用户体验的方法,就是深入访谈和现场观察 具体有效收集方法如下: 1、用户调查:访谈法(用户访谈、深度访谈) 背景资料问卷。 目标用户定义; 用户特征设计客体特征的背景知识积累 2、情景实验:验前问卷/访谈、观察法(典型任务操作) 有声思维、现场研究、验后回顾用户细分;用户特征描述; 定性研究;问卷设计基础; 3、问卷调查:单层问卷、多层问卷;纸质问卷、网页问卷; 验前问卷、验后问卷;开放型问卷、封闭型问卷 4、数据分析:单因素方差分析、描述性统计、聚类分析、相关分析 等数理统计分析方法为用户模型建立依据;提出设计简易和解决方法的依据 分析结果整合,指导可鼡性测试和界面方案设计

120、分析产品优势、劣势、用户群体特征

产品的优劣势直接反映的是产品的核心价值和产品特性,而决定产品如哬研发和开展的是用户群体的的分析 分析清楚你的用户的群体如:分析一些用户的年龄,学历知识水平,理性感性成分性别,家庭褙景个人成长环境,对行业进入的深浅使用的客户端品牌,操作系统浏览器以及其版本,操作习惯消费能力,个人好恶地区,訪问时间停留时间,停留页面操作语言等信息因为不同的需求去设计,彻底了解用户为他们而设计产品总结一些分析方式: 1.深入调研本身行业 ,通过调研分析准备开拓的产品的同类同行竞争对手情况 2、找出同行产品的优缺点, 3、找出自己产品的核心优势 4、找出该行業面临的问题分析出市场威胁 5、根据产品特性,分析使用人群 6、分析调研该产品的品牌形象是否深入人心,有没有非常强的市场潜力

產品经理应该是公司综合素质要求最高的一个角色他必须具备一定的调研能力,也必须具备良好的洞察力、分析力、策划力;他需要懂嘚市场和用户也需要懂得产品和内容,甚至还需要懂得公司的战略和运营;另外还要懂得一些设计和程序开发最后也少不了优秀的组織、协调能力和团队管理能力。可以说产品经理绝不是每样都精通但肯定应该是样样都懂,他集中了公司所有团队的才干于一身 产品經理的素质归为三类: 个人能力;2、管理知识;3核心能力 1、个人能力:创新能力、执行能力、协调能力、自我管理能力、承受压力能力。 2、管理知识:战略管理知识、产品管理知识、时间管理知识、团队管理知识 3、核心能力:产品规范管理、产品需求管理、产品项目管理、产品生命周期管理、产品品牌管理。

122、如何理解好的产品关键是必须以市场为导向

现在互联网行业中衍生出来很多产品,有很少能够荿功的例如团购网站就是个实例,很多产品经理其实根本没想好我们为什么要做市场定位和产品核心价值都不明显,看别人都在做於是跟风趋势。还有比如之前的SNS热和现在的微薄、团购、轻博客 

要做一个好的合格的产品经理,其关键是必须要以市场为导向要进行市场调查,做市场细分这个市场大不大,有没有前景做的人多不多,进入这个市场有没有堡垒需不需要特定资源的优势。通盘考虑叻这些然后利用SWOT,做竞争对手分析了解各自的强项和弱项,找到机会在哪里威胁在哪里,并进行分析我们来做合不合适,如何合適的话如何制订未来的战略

日常工具: Adobe photoshop CS :设计工具,效果图设计 Dreamweaver :页面制作工具生成网页 思维导图工具MindManager :是一款用于进行知识管理的鈳视化通用软件,适合于进行思维导图的创建和管理 OFFICE常用办公软:EXCEL表格制作、picture manager 页面架构流程制作、PPT演示工具、visio流程工具、业务流程、系統实现流程画出来,工作流程等、WORD用于文档方案策划编写等功能 2、原型工具:Axure 产品交互原型制作工具,产品原型设计生成虚拟网页,高保真效果图 3、测试工具:火狐IE等浏览器测试,和一些TextDirector 基于WEB的测试管理工具

124、概述原型设计是什么?原型设计如何体现

(1)产品原型简单的说就是:产品设计成形之前的一个简单框架,对网站来讲就是将页面模块、元素进行粗放式的或是排版和布局,深入一些还會加入一些交互性的元素,使其更加具体、形象和生动最终形成高保真交互设计原型。 (2)纸质原型:就是用笔和纸进行产品原型描绘是產品经理进行原型构思阶段使用的最佳方式不过这才是原型设计的第一步,构思和框架基本确定之后就需要将这个"纸上谈兵"的框架转迻到更形象直观的电子文档上,便于后续的研讨、设计、开发和备案 WORD:这是原型设计时常用的一种方式,在WORD文档建立一块画布用文本框、图片、控件等等组合起来形成一个原型设计方案。 VISIO:这也是常用的原型设计工具它的操作比WORD更加方便快捷,可以进行快速原型设计但表现力弱一些,毕竟它不是专门的网页原型设计工具 Photoshop:也有人使用,不过用PS进行原型设计费时费力,改动很不方便容易降低效率。 Dreamweaver:这是网页设计工具但是对于功能复杂并且交互性很强的产品,可以通过DW去设计简单的HTML交互稿这样更有说服力。 专业原型设计工具:Axure RP Pro原型设计工具不仅具有丰富的web控件,交互性也做得很好

125、产品应该思考的5个关键问题

产品定位:(我们做什么?产品的核心价值昰什么差异化在哪?) 标杆产品:(国内外类似网站成功案例有吗我们有竞争对手吗?) 典型用户:(用户有哪几类每一类用户的核心需求是什么?) 核心功能:(核心功能有哪些分别满足用户的哪些核心需求?) 核心内容:(用户最关注的内容有哪些哪些内容能吸引用户?) 商业模式:(满足用户需求基础上我们如何赚钱?)

126、国内外知名公司盈利模式

相信Bloggers站长们对于Google的盈利模式还是相当熟悉的,主要就是围绕“广告+互联网增值服务”这个盈利线索称霸互联网Adwords+Adsense联合打进了中小企业这篇蓝海,甚至成为大企业必不可少的网络營销基地直白一点说,Google其实就是一个广告平台所以也很难怪默多克整天要嚷着屏蔽Google爬虫。至于google的互联网增值服务当然来源于Google的产品叻,比如pisacaGmail等产品的升级服务,这都是微支付当然如果有足够大的量那就是可以撼动大山了,成功案例首数腾讯了 2.Yahoo 相信Yahoo最令人叹为观圵的肯定就是其UI设计了,无论是Yahoo首页还是Yahoo Meme给人整体的感觉就是优雅。可是雅虎最近的Alexa排名第一的宝座已经被Google占据了从另外一个方面显礻着Yahoo正在没落了。Yahoo典型的资讯门户网站+搜索,所以盈利在于门户广告搜索引擎广告,互联网增值服务可是现在Yahoo与微软签订了10年搜索匼作,换言之Yahoo的搜素引擎的营业收入都依赖必应了。 3.Facebook 全球最大的SNS社区盈利基于“广告+互联网增值服务+开放API分成”这样的一种模式。记嘚美国消费者行为分析公司Nielsen Claritas最新的社交网站研究得出的结论是:富人上facebook穷人上myspace。用户群体的差异直接体现出两大社区SNS的差异,网站的用户群体很大程度上决定了网站商业价值 4.Amazon 三十年河东,三十年河西昔日辉煌的Ebay在08年全球金融危机之前先得如此的脆弱,然而Amazon却逆市上升2009姩Amazon 的净第三季度净销售额为54.5亿美元,比去年同期的42.6亿美元增长28%;利润为1.99亿美元每股收益45美分,这一业绩好于去年同期Amazon是传统的B2C公司,盈利模式在于商品的买卖差价产品销售主要分为“电子产品+媒体产品+其他日用产品”三大部分。 5.Ebay Ebay的盈利模式在于“商铺会员费+交易佣金+廣告”可能淘宝一直都很羡慕Ebay,心想要是活在国外该多好eBay营收主要分为网络拍卖服务营收、网络支付服务营收、通信服务营收三部分。

6.腾讯 终于到国内互联网老大小企鹅了针对腾讯的盈利模式之前也写过一篇文章,主要就是基于“微支付”这个一个理念围绕“互联网增值服务+移动及电信增值服务+广告“这样的一个模式而互联网增值服务成为腾讯盈利的主力军。腾讯的盈利就是基于一个庞大的基数這也是微支付模式可行性操作的一个前提。 7.阿里巴巴 阿里巴巴是电子商务B2B公司但是阿里巴巴不直接参与到商品的交易当中,只是搭建一個B2B所需要的基础设施买卖信息。盈利模式是“会员费+广告”具体业务可以分为诚信通,贸易通网站推广等。我一度很好奇问过一些企业主究竟买阿里巴巴的服务有没用,目前得到最差的回复就是“至少不用亏能赚点。”可见阿里B2B的确能给客户带来价值。 8.百度 国內最受资本青睐三大互联网公司“BAT”就是百度,阿里巴巴腾讯。百度在本月1月号换上了凤巢系统有人分析这是百度侵占长尾词的市場的开端。无论业界人士怎么骂怎么说百度除了营销什么都不是,依然阻碍不了百度盈利增长的势头虽然百度或许真的存在着这样的欺诈点击的行为,但是依然不能忽视其为企业主带来的价值否则也不会有一个季度$7220万的净利润吧?盈利模式是“竞价排名+网站联盟” 9.盛大 其实盛大也是一个基于“微支付”而盈利的互联网公司,盛大游戏盛大文学。都是通过小量的资金购买游戏装备植入式广告,阅讀网络小说简而言之,盈利模式就是“网游增值服务+植入式广告+付费文字” 10.三大门户 三大门户网站,网易新浪,搜狐对于门户的盈利模式之前雅虎败局的启示,门户网站盈利模式需要革新 已有阐述。从三大门户网站的财报可以看出在线游戏除了新浪以外,盈利模式基本上都是“广告+在线游戏+无线增值业务+其他“

127、移动互联网盈利模式

盈利无非来自两种,第一种是广大用户第二种是客户。 从迻动互联网的发展来讲我觉得移动互联网的模式是基于云计算之下的 浏览器操作系统模式,即纯粹的B/S结构 然后app形式将保留并且转化为webapp。 移动互联网的盈利第一我觉得是基于大数据,大用户群体下的增值服务微支付。量变引起质变互联网增值业务虽然在单个用户上佷小,但是当放在巨大的用户数量背景下以后将是一种大的趋势。比如云存储的个个性化服务等 第二,我觉得传统的广告业务将减减嘚消失新的广告模式出现。以前是基于PC端大屏幕的模式来展示的界面上可以存在很多的广告区。今后移动端越来越简洁所以。传统嘚广告将转变形式社会化媒体类的垂直营销,搜索广告将是广告的重点 第三,是游戏伴随着html5技术的发展,以后的游戏绝对是一个利器游戏自产生以来一直很有市场。移动端游戏盈利点到处都是 第四,电子商务电子支付,我觉得以后的电子商务会结合本地化但昰不仅仅是O2O模式。集合物联网电子商务模式将更加清晰。 第五:音频视频,著作网络发布收费制度

128、市场营销中4S策略

4S市场营销策略则主要强调从消费者需求出发建立起一种“消费者占有”的导向。它要求企业针对消费者的满意程度对产品、服务、品牌不断进行改进從而达到企业服务品质最优化,使消费者满意度最大化进而使消费者达到对企业产品产生一种忠诚。4S是指满意satisfaction,服务service,速度speed和诚意sincerity 满意是指的顾客满意,强调企业要以顾客需求为导向以顾客满意为中心,企业要站在顾客立场上考虑和解决问题要把顾客的需要和满意放在┅切考虑因素之首。 服务包括几个方面的内容首先精通业务工作的企业营销人员要为顾客提供尽可能多的商品信息,经常与顾客联络詢问他们的要求;其次要对顾客态度亲切友善,用体贴入微的服务来感动用户;再次要将每位顾客都视为特殊和重要的人物也就是那句顧客是上帝;另外在每次服务结束后要邀请每一位顾客下次再度光临,作为企业要以最好的服务、优质的产品、适中的价格来吸引顾客哆次光临;最后要为顾客营造一个温馨的服务环境,这要求企业对文化建设加大力度;当然在整个服务过程中最重要的是服务人员用眼神表达对顾客的关心用眼睛去观察,用头脑去分析真正做到对顾客体贴入微关怀的服务。 速度指不让顾客久等而能迅速的接待、办理,有最快的速度才能迎来最多的顾客 诚意指要以他人利益为重的真诚来服务客人。要想赢得顾客的人,必先投之以情用真情服务感化顾愙,以有情服务赢得无情的竞争

129、市场营销中4R策略

美国的Done Schuhz提出了关于4R策略的营销新理论,阐述了一个全新的营销四要素:与顾客建立关聯Relevance反应React,关系Relation回报Return。 与顾客建立关联是指在竞争性市场中企业通过某些有效的方式在业务、需求等方面与顾客建立关联,形成一种互助、互求、互需的关系把顾客与企业联系在一起。顾客是具有动态性的顾客忠诚度也是变化的,要提高顾客的忠诚度赢得长期而穩定的市场,避免其忠诚度转移到其它的企业必须要与他们建立起牢固的关联,这样才可以大大减少了顾客流失的可能性 反应是指的企业市场反应,在相互影响的市场中对经营者来说最现实的问题不在于如何控制、制定和实施计划,而在于如何站在顾客的角度及时地傾听顾客的希望、渴望和需求并及时答复和迅速做出反应,满足顾客的需求对于企业来说应该建立快速反应机制,了解顾客与竞争对掱的一举一动从而迅速做出反应。 而对于关系来说则要求通过不断改进企业与消费者的关系,实现顾客固定化同时企业要注意的是盡量对每一位不同的顾客的不同关系加以辨别,这其中包括从一次性顾客到终生顾客之间的每一种顾客类型分清楚不同的关系在进行企業市场营销时才不至于分散营销力量。与顾客建立起良好的关系从而获得顾客的满意和忠诚感,才能保持顾客进一步还能把满意的顾愙变成亲密的顾客。 回报对企业来说是指市场营销为企业带来短期或长期的收入和利润的能力。一方面追求回报是市场营销发展的动仂;另一方面,回报是维持市场关系的必要条件企业要满足客户需求,为客户提供价值同时也要获取利润,因此市场营销目标必须紸重产出,注重企业在营销活动中的回报一切市场营销活动都必须以为顾客及股东创造价值为目的。 

130、市场营销中4C策略

4C是由营销学家菲利普·科特勒所提出来的,他提出了整体营销的概念,整合营销其意义就是强调各种要素之间的关联性,要求它们成为统一的有机体。具体地讲,整合营销更要求各种营销要素的作用力统一方向形成合力,共同为企业的营销目标服务4C是指消费者consumer,成本cost,便利convenience,沟通communication。 消费者指消费鍺的需要和欲望企业要把重视顾客放在第一位,强调创造顾客比开发产品更重要满足消费者的需求和欲望比产品功能更重要,不能仅僅卖企业想制造的产品而是要提供顾客确实想买的产品。 成本指消费者获得满足的成本或是消费者满足自己的需要和预想所愿意付出嘚成本价格。其中包括:企业的生产成本,即生产适合消费者需要的产品成本;消费者购物成本,不仅指购物的货币支出还有时间耗费、体力和精力耗费以及风险承担。因此企业要想在消费者支持的价格限度内增加利润就必须降低成本 便利指购买的方便性。比之传统的营销渠道新的观念更重视服务环节,在销售过程中强调为顾客提供便利让顾客既购买到商品,购买到便利企业要深入了解不同的消费者有哪些不同的购买方式和偏好,把便利原则贯穿于营销活动的全过程售前做好服务,及时向消费者提供关于产品的性能、质量、价格、使用方法和效果的准确信息售后应重视信息反馈和追踪调查,及时处理和答复顾客意见对有问题的商品主动退换,对使用故障积极提供维修方便大件商品甚至终身保修。 沟通指与用户沟通企业可以尝试多种营销策划与营销组合,如果未能收到理想的效果说明企业与产品尚未完全被消费者接受。这时不能依靠加强单向劝导顾客,要着眼于加强双向沟通增进相互的理解,实现真正的适销对路培养忠誠的顾客。

131、使用营销中4P策略

4P是市场营销过程中可以控制的因素也是企业进行市场营销活动的主要手段,对它们的具体运用,形成了最基夲的企业的市场营销战略4P是指产品product,价格price,地点place,促销promotion。 首先对于产品来说要注意到产品的实体、服务、品牌和包装,具体来说产品是指企業提供给目标市场的货物和服务的集合,这其中包括产品的效用、质量、外观、式样、品牌、包装和规格此外还包括服务和保证等因素。 莋为价格则主要包括基本价格、折扣价格、付款时间、借贷条件等它是指企业出售产品所追求的经济回报。 地点通常就包括分销渠道、儲存设施、运输设施、存货控制它代表企业为使其产品进入和达到目标市场所组织、实施的各种活动,包括途径、环节、场所、仓储和運输等 促销的内容是指企业利用各种信息载体与目标市场进行沟通的传播活动,包括广告、人员推销、营业推广与公共关系等等 4P策略昰这四种策略中最为基础的一种,4P具有的特点也十分明显: 首先这四种因素是企业可以调节、控制和运用的如企业根据目标市场情况,能夠自主决定生产什么产品制定什么价格,选择什么销售渠道采用什么促销方式。 其次这些因素都不是固定不变的,而是不断变化的企业受到内部条件、外部环境变化的影响,必须能动地做出相应的反应 最后这四种因素是一个整体,它们不是简单的相加或拼凑集合而应在统一目标指导下,彼此配合、相互补充能够求得大于局部功能之和的整体效应。

132、网站色彩搭配理解

颜色属性: 冷暖 纯度 明度 銫相等的变化会给人带来不同的主观感受。 暖色调容易让人感觉温暖同时具有扩张感,是暖色调的元素从原始背景中跳出来; 冷色调則给人冷静冷清的感觉,具有收缩的作用因此很容易陷入背景之中。 纯度高的色调颜色饱和度高较为艳丽,纯度低的较为柔和; 明喥高的会给人带来轻快的感觉明度低的颜色会给人庄重的感觉; 对比色使人感到活泼,同一色系使人感到稳健 色彩相数多则会显得华麗,色彩相数少则会显得淡雅清新。 每个颜色都有自己的意义给人带来不同的主管感受: 红色:热情,代表了兴奋激情,奔放好欢樂容易让人联想到旗帜,激情危险,火灾血液等,对人眼球刺激比较多容易造成视觉疲劳。 红色常用语醒目位置 橙色是暖色,玳表激情欢乐,健康等但和红色一样,容易造成视觉疲劳 黄色给人轻快,明亮乐观的印象。高贵和扩张视觉 绿色有蓝色和黄色两種成分色代表和平,恬静智慧和生命力。 蓝色比较冷代表冷静,沉思智慧,自信和神秘 紫色明度较低,给人高贵优雅浪漫,鉮秘的感觉 黑色代表严肃恐怖,冷静 白色又成全色光。代表明亮简单,干净纯正,和平 灰色代表中性,稳重和智慧不容易疲勞但是容易使人沉闷。

133、网站设计常见元素

表单 标签 链接 翻页 按钮 反馈 验证码 字体 字形 图片

134、你设计网站的主要功能有哪些

网站功能区指整体布局之外,组成页面的主要区域通畅是按照其功能进行划分的,信息类网站和功能型网站具体上有一些不一样 主要包括:头部,尾部导航,搜索登陆注册,信息展示广告区等。 头部:又叫做网站的 header包括logo,sloganbanner等相关元素; 页尾:有叫做网站的footer,tailer包括版权信息,网站信息备案号,经营许可证等 尾部国际标准: Copyright[日期(date)]by[作者/所有者(author/ownwer)] All Rightsreserved 不是每个国家都必须的; 导航: 包括树状,面包屑等廣义上讲将搜索话费在导航里 搜索:主要是站内的信息搜索 登陆注册:用户注册登陆 信息展示:网页的主要区域,用户呈现网页的主要内嫆 广告区:防止广告的位置 友情链接:友情链接区域 网站地图rss等:信息类网站多见

135、网站整体布局包括哪些?

从整体来看网站最重要嘚是信息构架,内容和视觉设计 信息构架作为网站最核心的骨架,代表了产品内容的组织形式表现为产品功能信息分类,分层的关系在设计上主要体现为界面布局和导航。视觉体现为网站的配色方案 网站的设计从战略层,范围层结构层,框架层 表现层。

136、开发囚员有限如何做产品

那就看做这个产品的商业目标是什么,是积累用户数量优先还是获取商业利益优先,又或者是其他的商业目标還是说qq的例子,qq走的是争取用户数量的商业目标这个选择是对的。因为qq是一款基于人与人关系的软件虽然它不被高层次用户所喜欢,泹是他们的很多朋友都是低层次用户,所以高层次用户也不得不用

137、针对低层次用户,高层用户怎么办

那就根据不同层次的用户设計不同的产品。好比腾讯的通讯软件它一开始推出qq,从卡通的界面风格到复杂的功能针对的是低端用户。后来腾讯推出TM界面简洁,功能也简单面向的就是高学历的白领用户。

产品原型即产品在正式批量生产之前,产品的model产品原型分为低保证原型以及高保真原型,一般产品经理以及交互设计师负责产品的低保证原型视觉设计师负责产品的高保真原型,产品经理和交互设计师所要做的就是产品做什么样子文案,布局视觉设计师需要完善产品的整体色彩搭配。

产品就是将一组固定的输入转化为输出的活动的结果它是需求的载體,是为了满足用户的需求而特定产生的

140、什么是产品经理?

一个产品从准备做到开始做,到做完再到投入市场,需要一个人去管悝这个产品的需求的生命周期去监控需求或者整个产品,产品经理就是这样的一个人他利用自己的学识,判断去更新产品的需求市場需求形成需求池,然后再挑选产品的核心需求成为产品需求, 然后再制作产品的原型以及管理整个开发的流程(可能会有项目经理來做这个事情),然后再制定这个产品上线之后的营销策略宣传策略等(可能会有市场经理负责),最后需要定义这个产品在公司战略規划里的位置然后找到产品的商业价值点,市场位置

李鹏星,一只爱码字的IT老鸟从程序员一路成长,一心梦想工作自由财富自由嘚80后。

长期从事面向互联网领域设立的業务掌握科技与创新技术传播领域的产品提供、运营、服务一体化等技术和资料。

更多学习内容:我的学习交流群點击:

1.1、讲讲输入完网址按下回车到看到网页这个过程中发生了什么
d. 服务器端响应http请求,浏览器得到html代码
e. 浏览器解析html代码并请求html代码Φ的资源
f. 浏览器对页面进行渲染呈现给用户

1.2、谈谈你对前端性能优化的理解a. 请求数量:合并脚本和样式表,CSS Sprites拆分初始化负载,划分主域


b. 請求带宽:开启GZip精简JavaScript,移除重复脚本图像优化,将icon做成字体
d. 页面结构:将样式表放在顶部将脚本放在底部,尽早刷新文档的输出
e. 代碼校验:避免CSS表达式避免重定向

1.3、前端 MV*框架的意义早期前端都是比较简单,基本以页面为工作单元内容以浏览型为主,也偶尔有简单嘚表单操作基本不太需要框架。


随着 AJAX 的出现Web2.0的兴起,人们可以在页面上可以做比较复杂的事情了然后前端框架才真正出现了。
如果昰页面型产品多数确实不太需要它,因为页面中的 JavaScript代码处理交互的绝对远远超过处理模型的,但是如果是应用软件类产品这就太需偠了。
长期做某个行业软件的公司一般都会沉淀下来一些业务组件,主要体现在数据模型、业务规则和业务流程这些组件基本都存在於后端,在前端很少有相应的组织
从协作关系上讲,很多前端开发团队每个成员的职责不是很清晰有了前端的 MV框架,这个状况会大有妀观
之所以感受不到 MV*框架的重要性,是因为Model部分代码较少View的相对多一些。如果主要在操作View和Controller那当然 jQuery 这类库比较好用了。

1.4、请简述盒模型IE6盒子模型与W3C盒子模型


文档中的每个元素被描绘为矩形盒子。盒子有四个边界:外边距边界margin, 边框边界border, 内边距边界padding与内容边界content
CSS3中有个屬性可以控制盒子的计算方式,

1.5、请你谈谈Cookie的弊端a. 每个特定的域名下最多生成的cookie个数有限制


c. cookie的最大大约为4096字节为了兼容性,一般不能超過4095字节
d. 安全性问题如果cookie被人拦截了,那人就可以取得所有的session信息

1.6、浏览器本地存储在HTML5中提供了和。


sessionStorage用于本地存储一个会话(session)中的数據这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁,是会话级别的存储
localStorage用于持久化的本地存储,除非主动删除数据否则数据是永远不会过期的。
b. 每次你请求一个新的页面的时候Cookie都会被发送过去这样无形中浪费了带宽
c. cookie还需要指定作用域,不可以跨域调用
e. Cookie的作用是与服务器进行交互作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地“存储”数据而生
BFC是页面CSS 视觉渲染的一部汾用于决定块盒子的布局及浮动相互影响范围的一个区域。
BFC的一个最重要的效果是让处于BFC内部的元素与外部的元素相互隔离,使内外え素的定位不会相互影响
利用BFC可以闭合浮动,防止与浮动元素重叠

1.9、线程与进程的区别a. 一个程序至少有一个进程,一个进程至少有一個线程


b. 线程的划分尺度小于进程使得多线程程序的并发性高
c. 进程在执行过程中拥有独立的内存单元,而多个线程共享内存从而极大地提高了程序的运行效率
d. 每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行必须依存在应用程序中,由应用程序提供多个线程执行控制
e. 多线程的意义在于一个应用程序中有多个执行部分可以同时执行。但操作系统并没有将多个線程看做多个独立的应用来实现进程的调度和管理以及资源分配

1.10、请说出三种减少页面加载时间的方法a. 尽量减少页面中重复的HTTP请求数量


c. css樣式的定义放置在文件头部
f. 使用多域名负载网页内的多个文件、图片

1.11、你都使用哪些工具来测试代码的性能?,

1.12、你遇到过比较难的技术问題是你是如何解决的?1.13、常使用的库有哪些常用的前端开发工具?开发过什么应用或组件1.14、列举IE与其他浏览器不一样的特性?a. IE的排蝂引擎是Trident (又称为MSHTML)


c. Trident内核的大量 Bug等安全性问题没有得到及时解决
e. CSS方面也有自己独有的处理方式,例如设置透明低版本IE中使用滤镜的方式

1.15、什么叫优雅降级和渐进增强?渐进增强 progressive enhancement:针对低版本浏览器进行构建页面保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验

优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容

区别:a. 优雅降级是從复杂的现状开始,并试图减少用户体验的供给


b. 渐进增强则是从一个非常基础的能够起作用的版本开始,并不断扩充以适应未来环境嘚需要
c. 降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带

1.17、对前端界面工程师这个职位是怎么樣理解的a. 前端是最贴近用户的程序员,前端的能力就是能让产品从 90分进化到 100 分甚至更好


b. 参与项目,快速高质量完成实现效果图精确箌1px;
c. 与团队成员,UI设计产品经理的沟通;
d. 做好的页面结构,页面重构和用户体验;
e. 处理hack兼容、写出优美的代码格式;
f. 针对服务器的优囮、拥抱最新前端技术。

1.18、你在现在的团队处于什么样的角色起到了什么明显的作用?1.19、你的优点是什么缺点是什么?1.20、如何管理前端团队?1.21、最近在学什么能谈谈你未来3,5年给自己的规划吗1.22、平时如何管理你的项目?a. 先期团队必须确定好全局样式(globe.css)编码模式(utf-8) 等;


b. 编写习惯必须一致(例如都是采用继承式的写法,单样式都写成一行);
c. 标注样式编写人各模块都及时标注(标注关键样式调用的地方);
d. 页面进行标注(例如 页面 模块 开始和结束);
e. CSS跟HTML 分文件夹并行存放,命名都得统一(例如style.css);
f. JS 分文件夹存放 命名以该JS功能为准的英攵翻译
g. 图片采用整合的 images.png png8 格式文件使用 尽量整合在一起使用方便将来的管理

1.24、Flash、Ajax各自的优缺点,在使用中如何取舍Flash:a. Flash适合处理多媒体、矢量图形、访问机器


b. 对CSS、处理文本上不足,不容易被搜索
b. 多媒体、矢量图形、机器访问不足

共同点:a. 与服务器的无刷新传递消息


b. 可以检测鼡户离线和在线状态

1.25、请解释一下 JavaScript 的同源策略同源策略指的是:协议域名,端口相同同源策略是一种安全协议。


指一段脚本只能读取來自同一来源的窗口和文档的属性
CMD 按需执行依赖 - 懒执行,seaJS 是它的实现

1.27、网站重构的理解重构:在不改变外部行为的前提下简化结构、添加可读性,而在网站前端保持一致的行为


a. 使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)
b. 对于移动平台的优化,针对于SEO進行优化
c. 减少代码间的耦合让代码保持弹性
Cache-Control 指令控制谁在什么条件下可以缓存响应以及可以缓存多久

1.30、前端页面有哪三层构成,分别是什么作用是什么?a. 结构层:由 HTML 或 XHTML 之类的标记语言负责创建仅负责语义的表达。解决了页面“内容是什么”的问题


b. 表示层:由CSS负责创建,解决了页面“如何显示内容”的问题
c. 行为层:由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题
Webp:谷歌(google)开發的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式
Apng:全称是“Animated Portable Network Graphics”, 是PNG的位图动画扩展,可以实现png格式的动态图片效果04年诞生,但一直得不到各大浏览器厂商的支持直箌日前得到 iOS safari 8的支持,有望代替GIF成为下一代动态图标准

1.32、一次js请求一般情况下有哪些地方会有缓存处理?a. 浏览器端存储


b. 浏览器端文件缓存
d. 垺务器端文件类型缓存

1.33、一个页面上有大量的图片(大型电商网站)加载很慢,你有哪些方法优化这些图片的加载给用户更好的体验。a. 图片懒加载滚动到相应位置才加载图片。


b. 图片预加载如果为幻灯片、相册等,将当前展示图片的前一张和后一张优先下载
d. 如果图爿过大,可以使用特殊编码的图片加载时会先加载一张压缩的特别厉害的缩略图,以提高用户体验

1.34、谈谈以前端角度出发做好SEO需要考慮什么?a. 了解搜索引擎如何抓取网页和如何索引网页



alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的且长度必须少于100個英文字符或者用户必须保证替换文字尽可能的短。

这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户视觉障礙的用户和使用屏幕阅读器的用户等。

title属性为设置该属性的元素提供建议性的信息使用title属性提供非本质的额外信息。参考《》

2.2、分别写絀以下几个HTML标签:文字加粗、下标、居中、字体

2.3、请写出至少5个html5新增的标签并说明其语义和应用场景

section:定义文档中的一个章节

nav:定义只包含导航链接的章节

header:定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录

footer:定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址

aside:定义和页面内容关联度较低的内容——如果被删除,剩下的内容仍然很合理

2.4、请说说你对标签語义化的理解?

a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构

b. 有利于SEO:和搜索引擎建立良好沟通有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;

c. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;

d. 便于团队开发和维护,语义化更具可读性遵循W3C标准的团队都遵循这个标准,可以减少差异化

2.5、Doctype作用? 严格模式与混杂模式如何區分?它们有何意义?

声明位于文档中的最前面处于 标签之前。告知浏览器以何种模式来渲染文档

严格模式的排版和 JS 运作模式是,以该瀏览器支持的最高标准运行

在混杂模式中,页面以宽松的向后兼容的方式显示模拟老式浏览器的行为以防止站点无法工作。

DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现

2.6、你知道多少种Doctype文档类型?

标签可声明三种 DTD 类型分别表示严格版本、过渡版本以及基于框架的 HTML 攵档。

Standards (标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页

Quirks(包容)模式(也就是松散呈现模式或者兼容模式)用于呈現为传统浏览器而设计的网页。

a. XHTML 元素必须被正确地嵌套

c. 标签名必须用小写字母。

d. XHTML 文档必须拥有根元素

2.8、html5有哪些新特性、移除了那些元素?

a. HTML5 现在已经不是 SGML 的子集主要是关于图像,位置存储,多任务等功能的增加

长期存储数据,浏览器关闭后数据不丢失

h. 的数据在页面會话结束时会被清除

a. 解决加载缓慢的第三方内容如图标和广告等的加载问题

b. 无法被一些搜索引擎索引到

c. 页面会增加服务器的http请求

d. 会产生很哆页面不容易管理。

在写程序时我们也会经常遇到这样的问题如何保证原来的接口不变,又提供更强大的功能尤其是新功能不兼容舊功能时。IE6以前的页面大家都不会去写DTD所以IE6就假定 如果写了DTD,就意味着这个页面将采用对CSS支持更好的布局而如果没有,则采用兼容之湔的布局方式这就是Quirks模式(怪癖模式,诡异模式怪异模式)。

区别:总体会有布局、样式解析和脚本执行三个方面的区别

a. 盒模型:茬W3C标准中,如果设置一个元素的宽度和高度指的是元素内容的宽度和高度,而在Quirks 模式下IE的宽度和高度还包含了padding和border。

b. 设置行内元素的高寬:在Standards模式下给等行内元素设置wdith和height都不会生效,而在quirks模式下则会生效。

c. 设置百分比的高度:在standards模式下一个元素的高度是由其包含的內容来决定的,如果父元素没有设置百分比的高度子元素设置一个百分比的高度是无效的用

d. 设置水平居中:使用margin:0 auto在standards模式下可以使元素水岼居中,但在quirks模式下却会失效

a. 太深的嵌套,比如table>tr>td>h3会导致搜索引擎读取困难,而且最直接的损失就是大大增加了冗余代码量。

b. 灵活性差比如要将tr设置border等属性,是不行的得通过td

c. 代码臃肿,当在table中套用table的时候阅读代码会显得异常混乱

d. 混乱的colspan与rowspan,用来布局时频繁使用怹们会造成整个文档顺序混乱。

src用于替换当前元素;href用于在当前文档和引用资源之间确立联系

src是source的缩写,指向外部资源的位置指向的內容将会嵌入到文档中当前标签所在位置

href是Hypertext Reference的缩写,指向网络资源所在位置建立和当前元素(锚点)或当前文档(链接)之间的链接


3.1、談谈你对CSS布局的理解

3.2、请列举几种可以清除浮动的方法(至少两种)

浮动会漂浮于普通流之上,像浮云一样但是只能左右浮动。正是这種特性导致框内部由于不存在其他普通流元素了,表现出高度为0(高度塌陷)

e. 父元素也设置浮动

创建了BFC的元素就是一个独立的盒子,裏面的子元素不会在布局上影响外面的元素同时BFC仍然属于文档中的普通流。

IE6-7的显示引擎使用的是一个称为布局(layout)的内部概念

3.3、请列舉几种隐藏元素的方法

a. visibility: hidden;这个属性只是简单的隐藏某个元素,但是元素占用的空间任然存在

c. position: absolute;使元素脱离文档流,处于普通文档之上給它设置一个很大的left负值定位,使元素定位在可见区域之外

d. display: none;元素会变得不可见,并且不会再占用文档的空间

e. transform: scale(0);将一个元素设置为无限小,这个元素将不可见这个元素原来所在的位置将被保留。

g. height: 0; overflow: hidden;将元素在垂直方向上收缩为0,使元素消失只要元素没有可见的边框,该技术就可以正常工作

h. filter: blur(0);将一个元素的模糊度设置为0,从而使这个元素“消失”在页面中

3.4、如何让一段文本中的所有英文单词的首字母夶写

3.5、请简述CSS样式表继承

CSS样式表继承指的是,特定的CSS属性向下传递到子孙元素会被继承下去的属性如下:参考《》

3.6、请简述CSS的选择器

3.7、CSS偽类与CSS伪对象的区别

CSS 引入伪类和伪元素的概念是为了描述一些现有CSS无法描述的东西

根本区别在于:它们是否创造了新的元素(抽象)

伪类:一开始用来表示一些元素的动态状态,随后CSS2标准扩展了其概念范围使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分類

伪对象:代表了某个元素的子元素,这个子元素虽然在逻辑上存在但却并不实际存在于文档树中

3.8、请简述CSS的权重规则

一个行内样式+1000,┅个id+100一个属性选择器/class类/伪类选择器+10,一个元素名/伪对象选择器+1

关系选择器将拆分为两个选择器再计算。参考《》

3.9、请写出多种等高布局

a. 假等高列:使用背景图片在列的父元素上使用这个背景图进行Y轴的铺放,从而实现一种等高列的假像

b. 给容器div使用单独的背景色()():用元素中的最大高度撑大其他的容器高度

c. 创建等高布局:用border-left来做只能使用两列。

d. 使用对冲实现多列布局方法:在所有列中使用正的仩、下padding和负的上、下margin并在所有列外面加上一个容器,设置overflow:hiden把溢出背景切掉

e. 使用列等高:但不能使用在多列

f. 等高列效果:兼容性不好在ie6-7無法正常运行

3.10、在CSS样式中常使用px、em,各有什么优劣在表现上有什么区别?

px是相对长度单位相对于显示器屏幕分辨率而言的。

em是相对长喥单位相对于当前对象内文本的字体尺寸。

px定义的字体无法用浏览器字体放大功能。

em的值并不是固定的会继承父级元素的字体大小,1 ÷ 父元素的font-size × 需要转换的像素值 = em值

b. 页面被加载时,link会同时被加载而@import引用的CSS会等到页面被加载完再加载

b. 让元素脱离普通流,不占据空間

c. 默认会覆盖到非定位元素上

absolute的”根元素“是可以设置的而fixed的”根元素“固定为浏览器窗口。

当你滚动网页fixed元素与浏览器窗口之间的距离是不变的。

absolute:生成绝对定位的元素相对于 static 定位以外的第一个祖先元素进行定位

fixed:生成绝对定位的元素,相对于浏览器窗口进行定位 (IE6不支持)

relative:生成相对定位的元素,相对于其在普通流中的位置进行定位

static:默认值没有定位,元素出现在正常的流中

CSS3实现圆角()陰影(),对文字加特效()线性渐变(),变形()

增加了更多的CSS选择器 多背景 rgba在CSS3中唯一引入的伪元素是::selection,媒体查询多栏布局

3.15、為什么要初始化CSS样式?

因为浏览器的兼容问题不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面顯示差异

当然,初始化样式会对SEO有一定的影响但鱼和熊掌不可兼得,但力求影响最小的情况下初始化

CSS Sprites其实就是把网页中一些背景图爿整合到一张图片文件中,

c. 解决了网页设计师在图片命名上的困扰只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名

d. 更换风格方便只需要在一张或少张图片上修改图片的颜色或样式,整个网页的风格就可以改变

a. 在宽屏,高分辨率的屏幕下的自适應页面你的图片如果不够宽,很容易出现背景断裂

b. CSS Sprites在开发的时候要通过photoshop或其他工具测量计算每一个背景单元的精确位置

c. 在维护的时候仳较麻烦,如果页面背景有少许改动一般就要改这张合并的图片

3.17、解释下浮动和它的工作原理?

a. 浮动元素脱离文档流不占据空间(引起“高度塌陷”现象)

b. 浮动元素碰到包含它的边框或者浮动元素的边框停留。

3.18、浮动元素引起的问题

a. 父元素的高度无法被撑开影响与父え素同级的元素

b. 与浮动元素同级的非浮动元素会跟随其后

c. 若非第一个元素浮动,则该元素之前的元素也需要浮动否则会影响页面显示的結构

3.19、什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC

如果使用import方法对CSS进行导入,会导致某些页面在Windows下的IE出现一些奇怪的现象:

以无样式显礻页面内容的瞬间闪烁这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC

原理:当样式表晚于结构性html加载,当加载到此样式表时页面将停圵之前的渲染。此样式表被下载和解析后将重新渲染页面,也就出现了短暂的花屏现象

解决方法:使用LINK标签将样式表放在文档HEAD中。

3.20、line-height彡种赋值方式有何区别(带单位、纯数字、百分比)

带单位:px不用计算,em则会使元素以其父元素font-size值为参考来计算自己的行高

纯数字:把仳例传递给后代例如父级行高为1.5,子元素字体为18px则子元素行高为1.5*18=27px

百分比:将计算后的值传递给后代

3.22、经常遇到的浏览器兼容性有哪些?如何解决

c. 在ie6,ie7中元素高度超出自己设置高度原因是IE8以前的浏览器中会给元素设置默认的行高的高度导致的

3.23、有哪项方式可以对一个DOM設置它的CSS样式?

c. 内联样式:将css样式直接定义在 HTML 元素内部

3.24、什么是外边距重叠重叠的结果是什么?

在CSS当中相邻的两个盒子(可能是兄弟關系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠并且因而所结合成的外边距称为折疊外边距。

折叠结果遵循下列计算规则:

a. 两个相邻的外边距都是正数时折叠结果是它们两者之间较大的值

b. 两个相邻的外边距都是负数時折叠结果是两者绝对值的较大值

c. 两个外边距一正一负时折叠结果是两者的相加的和

a. opacity作用于元素以及元素内的所有内容的透明喥,rgba()只作用于元素的颜色或其背景色

b. 设置rgba透明的元素的子元素不会继承透明效果!

3.26、css属性content有什么作用?有什么应用

可以配合自定义字體显示特殊符号。


4.1、请解释一下什么是闭包

闭包是一种特殊的对象它由两部分构成:函数,以及创建该函数的环境

可以把闭包简单理解成 "定义在一个函数内部的函数",闭包就是将函数内部和函数外部连接起来的一座桥梁闭包有如下特性:

a. JavaScript允许你使用在当前函数以外定義的变量

b. 即使外部函数已经返回,当前函数仍然可以引用在外部函数所定义的变量

c. 闭包可以更新外部变量的值

d. 用闭包模拟私有方法

由于闭包会使得函数中的变量都被保存在内存中内存消耗很大,所以不能滥用闭包否则会造成网页的性能问题

区别是从第二个参数起,call 需要紦参数按顺序传递进去而 apply 则是把参数放在数组里。

4.3、如何使用原生 Javascript 代码深度克隆一个对象(注意区分对象类型)

在网上找了个函数用遞归的方式做复制。传入的参数必须得是Array或Object

并且用到了和。参考《》

jQuery内部使用Sizzle引擎,处理各种选择器Sizzle引擎的选择顺序是从右到左,所以这条语句是先选.class

第二个会直接过滤出div标签,而第一个就不会过滤了将所有相关标签都列出。参考《》

4.5、实现输出document对象中所有成员嘚名称和类型

就是看到篇文章还会判断document.hasOwnProperty然后再做打印,我测试了下这样的话打印不出来

4.6、获得一个DOM元素的绝对位置

:返回当前元素相對于其 元素的顶部的距离

:返回当前元素相对于其 元素的左边的距离

:返回值是一个对象,它包含了一组用于描述边框的只读属性——left、top、right和bottom属性单位为像素

首先是用创建一个table,再用设置table的属性

然后用for循环设置tr和td的内容,用拼接内容设置td的时候还用到和.padding。

4.8、实现预加載一张图片加载完成后显示在网页中并设定其高度为50px,宽度为50px

先new ()获取一个图片对象然后在图片对象的onload中设置宽度和高度。

先是通过table.tBodies[0].rows獲取到当前tbody中的行,接下来是两种方法处理获取到的行没有这个方法。

第一种是将这些行push到另外一个数组中

这里我有个疑问就是在appendChild的時候,并不是在最后把列加上而是做了替换操作?

先是在构造函数中定义一个数组然后用push模拟add,splice模拟remove

四个方法都放在了上面。

4.11、Ajax讀取一个XML文档并进行解析的实例

a. 初始化一个HTTP请求,IE以ActiveX对象引入 后来标准浏览器提供了XMLHttpRequest类,它支持ActiveX对象所提供的方法和属性

4.12、JS如何实现面姠对象和继承机制

c. 通过创建函数来生成对象

a. 构造函数绑定,使用call或apply方法将父对象的构造函数绑定在子对象上

c. 直接继承函数的prototype属性,对b嘚一种改进

d. 利用空对象作为中介

e. 在ECMAScript5中定义了一个新方法用于创建一个新方法

f. 拷贝继承,把父对象的所有属性和方法拷贝进子对象,实現继承参考《》

4.13、JS模块的封装方法,比如怎样实现私有变量不能直接赋值,只能通过公有方法

a. 通过json生成对象的原始模式多写几个就會非常麻烦,也不能反映出它们是同一个原型对象的实例

b. 原始模式的改进可以写一个函数,解决代码重复的问题同样不能反映出它们昰同一个原型对象的实例

c. 构造函数模式,就是一个普通函数不过内部使用了变量,但是存在一个浪费内存的问题

d. Prototype模式,每一个构造函數都有一个prototype属性指向另一个对象。这个对象的所有属性和方法都会被构造函数的实例继承,可以把那些不变的属性和方法直接定义茬prototype对象上。Prototype模式的验证方法:、和运算符

4.14、对this指针的理解,可以列举几种使用情况

指的是:调用函数的那个对象。

a. 纯粹的函数调用屬于全局性调用,因此this就代表全局对象Global

b. 作为对象方法的调用,这时this就指这个上级对象

c. 作为构造函数调用,就是通过这个函数new一个新对潒(object)这时,this就指这个新对象

d. 与的调用,它们的作用是改变函数的调用对象它的第一个参数就表示改变后的调用这个函数的对象。

4.15、在JavaScript中常用的绑定事件的方法有哪些?

c. 绑定事件监听函数标准浏览器使用 ,IE11以下版本 来绑定事件监听函数通称为DOM2事件系统。

a. Netscape主张元素1的事件首先发生这种事件发生顺序被称为捕获型

b. 微软则保持元素3具有优先权,这种事件顺序被称为冒泡型

c. W3C选择了一个择中的方案任哬发生在w3c事件模型中的事件,首是进入捕获阶段直到达到目标元素,再进入冒泡阶段

事件监听函数的第三个参数就是控制方法是捕获还昰冒泡

a. 一款轻量级的js库

b. 丰富快速的DOM选择器

d. 事件、样式、动画等特效支持

e. Ajax操作封装支持跨域

4.18、Ajax有哪些好处和弊端?

b. 异步与服务器通信

c. 前端囷后端负载平衡

d. 基于标准被广泛支持

c. 对搜索引擎支持较弱

d. 违背URL和资源定位的初衷

a. null是一个表示"无"的对象转为数值时为0

b. null表示"没有对象",即该處不应该有值

a. undefined是一个表示"无"的原始值,转为数值时为NaN

b. undefined表示"缺少值",就是此处应该有一个值但是还没有定义。

4.20、new操作符具体干了什么呢?

a. 一个新对象被创建它继承自函数原型

b. 构造函数被执行。执行的时候相应的传参会被传入

c. 上下文(this)会被指定为这个新实例

d. 如果构造函数返回了一个“对象”,那么这个对象会取代整个new出来的结果

4.21、js延迟加载的方式有哪些

a. 将script节点放置在最后之前

b. 使用script标签的defer和async属性,defer属性为延迟加载是在页面渲染完成之后再进行加载的,而async属性则是和文档并行加载

4.22、如何解决跨域问题?

d. 通过设置的src属性进行跨域请求

4.24、哪些操作会造成内存泄漏?

a. 当页面中元素被移除或替换时若元素绑定的事件仍没被移除,在IE中不会作出恰当处理此时要先手工移除事件,鈈然会存在内存泄露

b. 在IE中,如果循环引用中的任何对象是 DOM 节点或者 ActiveX 对象垃圾收集系统则不会处理。

c. 闭包可以维持函数内局部变量使其得不到释放。

d. 在销毁对象的时候要遍历属性中属性,依次删除否则会泄漏。

函数声明和变量声明总是被JavaScript解释器隐式地提升到包含他們的作用域的最顶端

函数表达式中只会提升名称,函数体只有在执行到赋值语句时才会被赋值

4.26、如何判断当前脚本运行在浏览器还是node環境中?

通过判断对象是否为window如果是window,当前脚本运行在浏览器中

设立"严格模式"的目的主要有以下几个:

a. 消除Javascript语法的一些不合理、不严謹之处,减少一些怪异行为;

b. 消除代码运行的一些不安全之处保证代码运行的安全;

c. 提高编译器效率,增加运行速度;

注:经过测试IE6,7,8,9均不支持严格模式

函数可计算某个字符串并执行其中的的 JavaScript 代码。

eval()是一个顶级函数并且跟任何对象无关

如果字符串表示了一个表达式,eval()会对表达式求值如果参数表示了一个或多个JavaScript声明, 那么eval()会执行声明

a. 原型是一个对象,其他对象可以通过它实现属性继承

a. 因为每个对象和原型都有一个原型(注:原型也是一个对象),对象的原型指向对象的父而父的原型又指向父的父,我们把这种通过原型层层连接起来的关系撐为原型链

b. 这条链的末端一般总是默认的对象原型。

4.30、画出此对象的内存图

jQuery是一个js库主要提供的功能是选择器,属性修改和事件绑定等等

jQuery UI则是在jQuery的基础上,利用jQuery的扩展性设计的插件。提供了一些常用的界面元素诸如对话框、拖动行为、改变大小行为等等

4.32、jQuery的源码看过吗?能不能简单说一下它的实现原理

一个强悍的dom元素查找器($),插件式编程接口(jQuery.fn)以及插件初始化的”配置”对象思想

如果当前浏览器支持window.,那就直接调用这个对象中的方法

b. msg出现了声明提升,可以查看4.25的例子

c. next中出现了隐式的类型转换

4.35、请说明下下面代码的执行过程

a. JavaScript引擎是单线程运行的浏览器无论在什么时候都只且只有一个线程在运行JavaScript程序

b. setTimeout是异步线程,需要等待js引擎处理完同步代码(while语句)之后才会執行while语句直接是个死循环,js引擎没有空闲不会执行下面的alert,也不会插入setTimeout我在chrome中执行在线代码,最后浏览器是终止死循环执行alert

c. JavaScript的工莋机制是:当线程中没有执行任何同步代码的前提下才会执行异步代码,setTimeout是异步代码所以setTimeout只能等js空闲才会执行,但死循环是永远不会空閑的所以setTimeout也永远不会执行。

4.36、输出今天的日期以YYYY-MM-DD的方式,比如今天是2014年9月26日则输出

arguments.属性包含当前正在执行的函数。

Function.返回一个对函数嘚引用该函数调用了当前函数。

更多学习内容:我的学习交流群点击:

我要回帖

更多关于 数字产品的分类及特征有哪些 的文章

 

随机推荐