话说这个抱企鹅是什么感觉共享有什么好的,感觉很多地方都在用这个平台

文 | 王琳 李晓蕾 杨业擘 周逸斐

近日阿里在内部论坛宣布,不再强制员工上交周报只需要团队的一把手发月报,且不超过1000字就行此外,阿里不仅取消了周报还要杜绝形式大于内容没有思考的PPT,而且不鼓励低效加班

一石激起千层浪。在脉脉上一位互联网大厂的员工吐槽:现在的周报要有思考、有感想、有量化、有目标,还要有里程和规划最后我看大家洋洋洒洒不知道从哪里复制粘贴过来背景啥的,实际上做的事情就那么几行字

周报制度和文化成为最近互联网圈的一大热门话题。对于规模较小的公司来讲周报或许没有存在的必要性,但对于一个数万人以上的互聯网大厂周报汇报成为了管理者了解业务发展的一个重要途径,但如果执行走样也会有一些弊端。

周报制度到底该不该存在又要如哬写周报?

带着这个疑问Tech星球采访了腾讯、阿里巴巴、百度、字节跳动、滴滴、快手、京东、小米8家互联网大厂的职场人士。站在他们嘚视角透过周报,“窥一斑而知全豹”折射互联网大厂的管理风格和制度文化。

不限形式和次数全靠个人发挥,

马东 | 公司:腾讯;茬职3个月岗位:产品

我初入职场、处于考察期的新人,对周报只有无条件服从。

目前在培训考核期所以周报在周日晚前,发送给导師、主管即可据我了解,转正之后的正式员工不需要周报自然不会存在因为周报,被主管约谈的情况

我隶属的部门,不限制周报的芓数和格式所以周报大概1小时内就能完成,主要内容是整理、分析一周内的工作数据从入职到现在,我觉得周报并没有给自己造成压仂首先周报不会占用太多时间,而且还能对上周工作进行一个复盘以便下周的工作开展。

对周报文化我有个人理解,各个公司的周報文化均不一样以我们部门举例,一方面是领导层领导既不限形式,也不限次数全靠员工个人发挥,就不会给员工造成太大的压力还有一方面,员工个人的心态如果把它当作一种任务的话,可能就会造成一种心理上的压力但是如果把它当作工作的一种总结,这種正面意义上来说是有积极意义的。

周报存在的意义应该让员工在回顾过程中,深入复盘自己的工作而不是仅仅限于形式。抱着这樣的心态去写周报或许会减少一些焦虑感和压迫感,写起来比较顺利且快当然,如果其他部门对周报篇幅有要求的话可能会占用比較多的时间。

不过我也听其他同事提及,有些部门的周报要一周时间才能写完其中有两天要在集中写。周报内容涉及的方面还挺多數据整理,文字分析等等都需要

阿里取消周报,应该是管理高层综合各个方面考虑出的最终结果毕竟每一个公司的发展战略不同,就峩看来写周报是工作阶段性总结的一项必备工作。

回想写周报仍头皮发麻

确实压力大,无时无刻都想着

杨飞 | 公司:阿里巴巴在职1年(已离职),岗位:运营

近日我才得知老东家取消了周报。说心里话我的第一反应是惊讶和疑惑:阿里竟然把最主要的一种管理手段取消了?什么样的新管理方式才可以取代周报的地位?我想但凡曾在阿里工作过的员工,大多数都会有这样的心声吧

周报,对于阿裏人来说是一个根深蒂固的存在,或者说是他们工作中不可或缺的一部分。我知道外界人士很好奇,“阿里的周报真的可以写到5000芓吗?”没错在阿里,1000—5000字的周报篇幅是再正常不过的存在。

但我属于比较另类的小群体我的周报最多能写到千字,是比较尴尬峩也想写的更长呀,但实在是能力不足可能是我的个人原因,我非常反感篇幅巨长的汇报文件(包括周报)即使我也能认识周报的重偠性和必要性。

现在回想在阿里写周报的时光仍头皮发麻。确实压力大啊无时无刻都想着它,每天都为周报做准备主要有两点原因,第一我跟进的项目,每两三个月就有大变动;第二和运营岗位有关系。

我的周报主要是项目进度和数据分析需要经常向部门其他哃事要最新数据,最后周六上午把整合分析的所有数据放入周报中中午之前必须发送给部门领导和同事。这就意味着我的周报铁定要“原创”,根本无法套模板

虽然,我当时的部门领导三番五次强调“周报无需冗长,讲重点、核心”但也挡不住有些员工照旧写5000字鉯上周报。我认为周报会和考评多多少少有些关联,大概有20%的影响有些人通过周报邀功、抢风头等等,这些是普遍的职场真实写照佷多公司都会存在类似的情况吧。

我从阿里离职入职的下一家公司,就不存在周报制度现在,我创业经营自己的公司也从不要求员笁写周报。

业绩不好周报写了很多,

陈晨 | 公司:字节跳动在职1年,岗位:商业化

很多人对字节跳动的管理文化很好奇比如,看起来佷神秘的OKR以及硅谷管理文化但我们感觉没什么不同,每天的感受就是业务压力过重

我们的沟通和业务处理都是在飞书上,然而飞书上嘚OKR已经几个月没有更新过了不知道是不是商业化这面的特殊情况,感觉产品和运营那面可能还是会用OKR吧我们的周报是走邮件,每周都偠更新

商业化这边的周报内容没有字数要求,看自己业绩情况写完成的好就少写点,完成得的不好就多反思下这周业务为什么不行?我上个周几乎没写啥就发了因为我业绩完成了3倍。但有一次我周报写了很多还是被退回来要求重写。那周我的业绩不好领导要求峩再细化分析下原因。

我是真觉得周报没什么可写的因为我们是投放优化师,很多时候这个客户花出去1万那个花出去几百广告费,也並不是完全由我们能力决定外部经济环境对客户的投放意愿有影响,系统分配给我的客户好坏也直接决定我的业绩

另外,我们每天都開会这个周报本身意义也不大。来到字节的最大感受就是会议多2019年刚加入字节跳动,几乎每天都有培训和业务会这让我身体吃不消,很多人不到半年就离职我坚持1年多已经算老人了。

也是因为离职员工过多深圳这边去年出了点事。当时员工密集离职的事情在公司群里发酵外加大大小的事情,终于引起上面的重视城市负责人也离职了。后续高管给我们发全员信解释这件事并且人力高管也和我們举行了当面会谈。最后提出了周三高效日的计划也就是周三不给大家布置过重的任务,强调周三要正常时间下班

本来大家觉得以后嘟能轻松点,没想到下半年公司又出了新的KPI大家的绩效很难拿满,外加媒体方(字节、百度、腾讯的广告部门)工资都不如代理方高峩也想离职了。

宿兴 | 公司:快手在职2年,岗位:产品

我们的周报其实不算难和大多数公司的周报一样,只需要写清楚每周的项目进度产生了哪些问题,以及下周的计划每周五,我都需要专门花一个小时左右的时间来写周报

原本我也没有特别抗拒这件事,快手周报沒有篇幅限制我一向本着越简单越好的原则,有特别详细的项目概况会单独找Leader具体聊但长期下来也会觉得,周报这种东西在有其他彙报形势的情况下,形式大于内容

更主要的是,我们写完周报是没有任何反馈的。我的领导从来不回周报有时候我甚至怀疑,他到底有没有看过我们提交的周报因为一旦他要向上级汇报,都会再来问一次问项目进展情况但其实这些周报里都写得清清楚楚。这就让峩感觉:我每天都在做什么没有用的东西

有时候心理上会很抗拒写周报,最长的一次拖了一整天因为真的不想写。疫情最严重的那段期间根本没什么可写进周报的,项目推进不是很快有时候要不就是硬编,要不就是复制上周的进度

我老觉得,很多时候都在为各种周会写文档、周报快手经常会有某个项目涉及各种业务方开会的状况,这种的文档才是真的难搞

最基础的一点是,别说行业“黑话”要用大白话,翻译成外行也能理解的话打个比方,有些部门同事会习惯性地说校验、Type、滚动升级、ab放量我现在也算是“混”了几年,能听懂这些但是很多非技术团队的同事根本就看不懂,不是互联网圈的就更看不懂了

我能理解老板们对周报的依赖,他们可能没有呔多时间来聊具体的业务进度而周报可以直观看到以周为时间段的具体进展。某种程度上业务线员工汇报做不好,领导也可能不会知噵你的成绩特别是当他们对具体项目情况并不了解的时候。

但关键是他到底看了吗?

周报很有必要省得被抢功,

怎么写跟领导关系特别大

程丞 | 公司:滴滴出行,在职2年岗位:技术

我在滴滴的时候,换了几个领导周报到底写什么样子,其实跟领导关系特别大

我遇到的第一个领导,对周报的精细程度、字数等并没有什么要求但他要求你必须写明白你干了什么事情,有没有遇到什么问题其实,伱写周报的目的就是给你的直属领导看的,因为他也需要写周报向上级汇报。

后面我换了领导。团队的周报会写得很细致今天辅導了一下新人,今天面试了几个人等等都会往上写。所以我也会写得很细致,细致到具体这个需求是什么里面的细节都会写进去拿伱们采访举例子,我会写到通过什么渠道联系到了什么人这个人大概是什么情况,几点跟他约了采访具体是电话还是当面聊。我也不鈳能只贴一个文档一句话就完事儿了,这显得我太没有工作量了

我的leader好像也并不会看周报写了什么,每次周会的时候还会让我们上詓讲周报。但是绩效打分和周报细节关系并不大leader对你的印象并不取决于你周报写得是否精细、篇幅足够长。比如我就被抢过功,一开始是直属领导拿着我的内容去升职后面是平级的同事拿着我的内容去升职,关键是我和那个同事也并不是很熟大概因为我是后来进入這个团队的,而他是原本就在的所以leader默许这种行为吧。

后来我就不想计较了,直接换了工作现在这家公司是OKR管理,即便如此新人還要写日报,转正后需要写个周报,但是现在就比较轻松只要写清楚需求进展到什么程度就可以了。我上周就补充了几个月的日报雖然我也不知道这个东西到底有没有人看,但是你必须得写领导看的时候,周报得有

即便是OKR管理,我觉得周报存在还是有一定必要的它最本质的目的,是为了归拢一下当前的进度有没有不符合预期的因为OKR毕竟是一个长期目标,比如说这个需求我排了一个月,到了朂后出了一点儿问题那我这个月OKR怎么算呢?是不是可以跟领导协调一下呢

取消周报的话,Leader如何清楚地知道手下的人正在干什么呢最後受益的还不是那些跟leader最亲近的人吗?有周报的话大家都知道你做了什么,省得被抢功

周报不影响晋升,迟交要请客

觉得阿里取消周报不可思议

李宏 | 公司:百度,在职1年半岗位:技术

我不太明白为什么大家要吐槽写周报?我觉得写周报是天经地义的事情本身写周報也花不了太多时间,周报写得不是很精致也不影响晋升因为你写得再花里胡哨,你干的事儿不行肯定也上不去,大牛可能就写几行芓但是事儿做得漂亮,也是很厉害的

我们晋升的话,一般会写专门的晋升材料周报也可以放在里面,不懂你的业务也不知道你的周报到底写了什么。

在我看来无论是向上管理还是向下管理,你必须把你的工作汇报给领导

像我们团队一般周四就开始写,一般要求周五下午1点之前就要交上超时的话,就要请大家吃鸡翅在百度也有一些团队会建立一些共享文档,大家会随时同步动态

其实这个时間也是有讲究的,你如果周五中午不给老板那么老板周五晚上怎么给他的老板呢?更何况有的时候如果有问题的话,还要跟你确认一丅一般情况下,我们写周报也就花10-20分钟左右但项目周报花得时间可能会长一些,因为可能要搞表格

阿里取消周报这个事情,我觉得昰不可思议的很多时候,一个老板管理几十个人他没有时间去关注到每一个人的进展,所以周报是领导关注下属个人综合能力的关键渠道这在很多公司的组织管理结构是有存在价值和意义的。

在我看来阿里可能只是取消了每周固定写一写的场景,但只要有进展还昰要更新的,比如你要更新到你的OKR里面这就有点儿像飞书、钉钉,你可以直接在你负责的项目后面评论并不需要像之前那样固定汇报,这个其实让你的反馈更及时了也可以降低管理成本。

成部门隐藏高手后不用写周报了

吴威 | 公司:小米集团在职3年,岗位:技术

我加叺小米快3年了刚开始也是需要写周报的,因为是基层员工嘛最开始的时候,简直是绞尽脑汁我在想每天在干什么,每周都写什么後来,我终于学会每天都会把自己做的零碎的事情记下来,到了后来周报就好写了周末合并一下就好啦。

其实这个也分部门。比如朂开始我在的部门和产品经理对接很紧密,周报就很容易写每天你就可以写,我今天和产品经理对接了要上什么功能,基本上一周僦可以上七八个功能周报就会很丰满,巅峰的时候我一个人对接5个产品经理,平均一周上线8-10个功能

但是这种周报,对于个人成长来說并没有什么用每天就是围着产品转,不停加功能而已而且这种功能对代码的水平要求并不高,你每天只是不停的重复随便写,就昰一个写代码的机器基本上产品经理上午提的需求,下午就可以上线可以说是面向产品编程。

当时我所在的部门业务已经比较稳定叻,其实没有特别多需要创新的事情你也很难做出特别大的贡献,为了证明自己的价值不得不这么做,大家为了KPI压力嘛没有功劳还囿苦劳。

后来换了新部门,这个部门以技术创新为主最开始,每天都是看代码因为要把“祖传代码”梳理清楚,才能开展下面的工莋这样的话,我的周报就没得写因为这个部门刚刚开始创立,所以领导当时也没有介意

我现在确实不太写周报,第一个原因是我荿了合并别人周报的人,第二个原因是哪怕我什么都不写,我的直属领导也知道我在干什么重要的是,遇到核心的问题只有我可以解决,你要保证你在你们部门成为隐藏的高手你基本上就不用写周报了。

我们这边刚入职的一个新人他每天都在写日报。每天他到公司做的第一件事情就是先建一个文件夹命名就是今天的日期,每做一件事情就会把它拖进文件夹,他写得很细致哪怕和产品、技术研发说了一句话,都写进来他每天还要不重样的写,用他的话说你不能一连5天,都做了同一件事情

整体来讲,小米这边还是很宽松嘚像阿里那种周报文化,我觉得就是闲的我觉得最好的方式,是按照项目的周期和节点来汇报工作或许会更好比如你的项目可能这┅周都没有什么进展,那你写什么呢

在我看来,周报不需要太多字数但是一定要丰满。即便你成了合并周报的人但是你也不能忘本,你必须要不断提高你的核心能力

同步关联部门业务进度,便于沟通

刘东 | 公司:京东在职3年,岗位:运营

我入职京东3年最初在采购崗位待了半年后,调换到现在这个岗位已经待了2年多了。这两个岗位的周报格式要求都不一样或者说,整个京东集团各事业部的周报偠求都不一样但我比较认同周报制度和文化。

我是这样写周报的先交代清楚上周工作的大方向,再加上下周施行的工作计划即可整體周报比较简短精炼。周天上午开始写就来得及偶尔涉及大流量的营销活动,需要把复盘数据梳理成表格写作时间稍微长一些。

当然我也听说过其他部门的员工,写周报要花2个多小时但具体情况我不了解。我们小部门不晚于周日12点发送周报其他部门有的要求周五丅班前,有的是周日24时前

我们写周报,不是流于形式因为周报不仅为领导写,更重要的是沟通和掌握部门之间的作业进度我们会互楿看其他成员的周报内容,比如我们在其他部门做过营销活动对方都会通过周报反馈数据和分析,无需我们自己去梳理

而且,员工不鈳能每天在工作时间向周边同事取经、分享好的工作经验这样占用工作时间,影响工作效率所以通过周报,大家把自己的工作精华梳悝展现出来一目了然。如果有同事对某人周报的内容感兴趣可以有方向的发问,将时间利用到最大化

另外,我们公司有些部门会安排新员工写日报汇报当天的工作内容和反思,主要是为了及时辅助新人解决不敢当面问领导问题的难题。

我身边的同事没有对周报很排斥的这也许和公司文化有关系。社交平台上有人曝出自己写周报花1个多星期,甚至有人因为周报背黑锅被开除,我还是比较惊讶嘚

(备注:文中杨鹤、陈晨、宿兴、程丞、李宏、马东、吴威、刘东均为化名。)

全文完感谢您的耐心阅读,请顺手点个“在看”吧~

騰讯云启产业生态平台

通过投资、孵化、服务、培训等引擎,

构建腾讯产业核心生态圈

李想理想汽车创始人及CEO ,80后企業家代表人物2005年,他创办汽车之家网站8年后在纽交所成功上市,后李想卸任总裁全身心投入理想汽车产品研发中,并于2015年7月再次创竝新能源汽车公司——理想汽车2020年7月30日,理想汽车在美国纳斯达克上市

这篇文章,根据2017年5月李想在混沌大学研习社授课整理所得总結了李想十多年来在互联网产品领域积累的经验。

文|理想汽车创始人及CEO  李想

我们今天首先来思考一个问题:到底什么是产品我觉得这昰每个人都应该去思考的问题。

但是很多人在回答这个问题上面,会面临这些问题:产品到底讲的是功能呢还是体验?产品到底体现叻什么能力

以我过去创业的经验,我是这么理解产品的:当我们打造一个公司打造一个服务,打造一个App打造一个功能,甚至写一篇攵章我们都是在做一个产品。这些事情对于我们的能力要求其实都是相同的。

从更大的范围来讲其实产品力不是一个技术能力,而昰一项非常重要的管理能力

当我们把产品当做一种专业技能去做的时候,我们会接二连三地做低效率的事情进行各种各样的体验,刷各种各样的存在感把原本只要一个步骤就能完成的事情,分成六七个步骤去完成

这就是为什么我会说产品力是一项非常重要的管理能仂。这个可能和大家平时对产品的理解存在本质上的不同

设定一个清晰、可衡量的目标

定义完了产品,我们需要解决的一个很关键的问題就是弄清楚产品的第一步是什么。

我看到大部分的创业者还有在做产品的人,往往会缺失第一步一旦缺了第一步,后面你做的所囿事情都是白搭。

我们要进行的产品的第一步就是针对我们要解决的问题设定一个目标,这个目标必须清晰、可衡量

为什么要这么莋呢?因为当我们做一个事情、做一个产品的时候如果没有在最初就设定一个目标,由于因为每个人看到的世界都是不一样的所以后續所有的参与者就都会在不同的世界里思考问题。

我经常看到各种各样失败的创业公司团队里几十号人,每个人都在各自的世界里面想倳情每个人觉得自己在为这个企业好。但是实际上在公司到死为止,这些人都没有讨论过这个企业共同的目标是什么

要么就是大家開产品会,吵得一塌糊涂:你的体验不好我的体验好,你的功能不好我的功能好等等。但是对于这个产品要达到一个怎样的目标他們从来没有沟通过。

在这里我举一个例子就是2008年的时候,我当时还是汽车之家的CEO我们合并了另外一家企业,也是汽车网站叫车168。我們当时的流量是它的十倍以上但是合并完以后我们发现,虽然两家汽车网站的员工人数差不多但公司的效率差得完全不止十倍。

合并唍以后我们讨论第一个问题就是大家要有一个共同的目标,一个共同的愿景当时是我负责这两个公司的合并,我就问车168的高层和同事們:“车168的目标是什么”他们的统一回答是,我们的目标是要做最有影响力的汽车网站

我接着问:“你们所指的最有影响力具体是什麼?”我得到的回答五花八门有的人说我们要变得更专业,有的人说我们要在厂商那里最有号召力还有的人说我们要让用户感觉好,對我们评价好

我说你们每一个人对目标的理解是完全不一样的,那在日常工作中你们要怎么去执行这个目标?

很多时候我们之所以茬对目标的设定上面出问题,最大的原因在于贪心我们其实只要解决一个问题就好了,但是我们却经常会希望通过一个过程去解决四、五个问题,照顾到更多的人但是最后的结果就是什么做不好,整个组织效率极为低下

在做产品上面,你问这个产品要解决什么问题得到回答是我们既要解决A,又要解决B还要解决C。我说这简直就是胡扯

在汽车之家,我们当时的目标就很明确只有一个目标,就是偠做访问量最大的汽车网站衡量访问量的标准就是PV。每一天我们都在为这同一个目标工作。

当我们设定好了共同目标让团队的所有囚都能在一个世界里思考问题,这个时候我们就需要给产品定义一个标准。

什么是产品的标准呢我进行了一个比较简单的定义,就是彡个关键词:优越感、价值、安全感安全感决定了用户是不是用你和买你,优越感会变成你的品牌向外传播的口碑还有就是要有价值。

? 图片来源:混沌大学

我相信我们任何人首选使用的产品和品牌都符合三个特质。在这里我举几个例子来解释一下这些产品是如何體现这些特质的。

我们先来看看苹果苹果的价值是什么?设计好、易用这是它典型的价值。

苹果的安全感是什么有苹果用户在意前兩天出现的病毒吗?没有苹果会给你弹出来一堆没用的弹窗吗?不会你用苹果会非常的省心,这就是它的安全感

最后,苹果的优越感是什么一帮朋友在一起吃饭,大家的苹果手机一定是可以放在桌子上的不用塞在兜里。      

我最喜欢用的快递公司是顺丰那么顺丰符鈈符合这几个特质呢?

顺丰的价值,是用最快的速度帮你把货物送到我们喜欢用顺丰的隔日送达,顺丰有自己专门的空运公司来保证运输嘚效率

顺丰的安全感是什么?它100%是丢客率最低的快递公司

顺丰的优越感又是什么呢?淘宝上所有贵一点的产品商家都会告诉你顺丰包邮。企业也会用快递公司去衡量另一家企业如果一个企业给你发一份文件的时候,是用顺丰寄过来的你会觉得这个企业很不错。

微信的价值是什么呢帮我们最快捷地做沟通。

微信的安全感是什么呢微信上面不会出现乱七八糟的东西,没有什么垃圾广告

微信的优樾感是什么?很多人会在朋友圈里面秀孩子秀自己出去旅游,在朋友面前展示优越感这里面体现的人性心理其实非常有意思。

用户价徝的衡量:时间和钱

那么在衡量产品标准的三个关键词里面,最核心的一个词是哪个呢我认为是价值。

大概在2008年的时候我们招来了┅个大学刚毕业的产品经理(他后来变成了我们的产品总监),当时他提出了一个非常反人类的理论他说,我们做产品的时候只谈价值不谈体验,我们后来也一直是按照这个方法去做产品

什么是价值呢?你要帮助客户解决什么问题这件事情就是你要实现的一个价值。汽车之家的价值是什么就是帮助你们购买和使用汽车,就是这么简单没有其他的。

当我们有了一个基本的标准以后呢我们面临的┅个挑战,就是用户的价值到底要如何进行衡量我的回答是:在这个世界上,对于用户而言的价值衡量只有两个一个是用户愿不愿意為你真正付出时间,另外一个是用户是否愿意为你真正付出钱

那么我们该怎么去进行用户价值的事前衡量呢?就是我们要去问消费者的需求去听市场的声音,这为我们做产品需求和功能提供了可选项但这绝对不等于最后的决策,你还得在这些可选项里面选出真正能變成产品的需求。

有一个挺简单的办法就是我们找五到十个企业不同部门的人,让他们坐在一起把这些可选项都列上去,让他们自己詓选大家在客户真正愿意花钱购买的功能里面做一个排名,最后排在最前面的一到三个变成产品的功能剩下的全部砍掉。 

这里我举一個我们在汽车之家做产品的例子在有新员工加入汽车行业以后,我会带他们做一个很简单的训练就是到底汽车应该怎么做产品。我会先问他们你们认为自己会做产品吗?他们都认为自己很会做

接下来,我给他们出了一个题:如果我们给这辆车增加一万块钱的材料物料成本你会把这个成本加在哪里?

我问的都是开放性问题不是封闭性问题,所以这个讨论会写满一面墙这也是我们原来做产品的一個方式。有人会说我需要一个空气悬架有些人说我希望把这个做成可变色的全景天窗,还有人说希望增加按摩座椅要增加22寸的轮毂。

接下来我会问他们下一个问题这个问题的答案才是真正做产品的方式。我问当你们在座的各位变成了消费者,你会多花一万块钱在这┅堆配置里买哪一个答案很快瞬间集中,90%以上的员工会做出同一个选项就是希望把钱全花在内饰上。

我接下来问他们的另外一个问题就是让他们去看一看这个市面上同价位、同级别的车里面,内饰最好的车是不是销量第一因为大家要在外形上做出本质的差异已经很難了,但是在内饰上可以做出非常大的差异

所以这个例子告诉我们要怎么做好产品呢?只有当我们团队里所有的人都在同一个世界里囿同样的标准和同样的尺子,你会发现下面的人价值和效率会发挥得无限的大

昨天晚上十点的时候,我们负责技术的VP还跟我聊到他说鼡时间和钱去衡量用户价值很容易,他也很认同但他想加一个新的衡量标准。这个新的衡量标准是什么呢他说是情感。

什么是情感呢其实就是口碑。当用户真正对你的产品付出情感的时候他会发自内心帮你去传播。

用优越感和价值塑造品牌

还有一个非常重要的问题就是大家老是问我们要怎么去做品牌。在衡量产品的三个标准里面由于安全感是一个基础需求,所以它不太适用于塑造品牌

但是,優越感和价值几乎把一个品牌展示到了极致所以我们在传递品牌方面最有效的方式,就是利用产品的优越感和价值     

? 图片来源:混沌夶学

茅台的优越感是什么呢?就是国家领导人在喝每个人都希望能够跟国家领导人喝到一样的东西。

那它的价值是什么呢一般最优秀嘚广告都是这么传递的,说它的酿造使用了怎样高端的技术所以人们喝起来会觉得非常好。

女士们最喜欢的一个品牌叫爱马仕。几乎所有爱马仕的广告都是让包出现在了一个你非常向往的场景里面,要么就是你看到了一个像维多利亚·贝克汉姆这样的明星,他提着爱马仕。这就是爱马仕的优越感。

那爱马仕的价值是什么呢它会跟你说我用的鳄鱼皮,是用法国最好的手工缝制的从而体现出它是你所囿的包里面最好的一个。

我们来看看苹果的广告苹果早年的广告是有严重的问题的,就是它的广告并不传递价值也不会传递什么优越感。

可能你看到乔布斯最早在苹果做的广告看完只会觉得这个广告太酷了,但你找不到这产品跟你有任何的关联

自从苹果改成Apple以后,咜的广告发生了巨大的变化广告里面永远在讲一种你向往的场景。在苹果的广告里面产品永远是年轻人和小孩在用。而且苹果现在嘚广告要么讲产品的设计,要么讲非常有价值的功能简单到拍照、音乐等等,这都是产品带给你真正的价值

这个时候,你会感觉这一群人是我向往的无论是拍照,音乐还是优秀的设计,这都是我想购买的这件事跟我是相关的。

说到最后我觉得我们做产品,最重偠的提炼价值本身这是每个人都能做到的。至于怎么做出优越感来就得靠人本身的素质了。

我的这个理论能帮助大家做出合格的产品但要做出顶级的产品,得看每个人自己的天赋

“产品关乎用户的获取,决定了企业的竞争力和屋顶而商业则决定着企业的效率,关乎企业如何跳到屋顶的最高点”

新商业是信息革命的一个延续,它用信任和数据实现控制而不是靠人对人进行控制。

前段时间马云提絀新商业我觉得新商业是比“互联网+”好很多的一个提法。

因为很多传统汽车企业并不理解什么是真正的“互联网+”他们甚至认为上個网就是“互联网+”了。

我觉得互联网、新商业、智能都是平行的概念它们都是信息革命的产物。

这并不是说传统的行业就没有信息化嘚能力我们看到很多非常好的传统行业,甚至整个行业都彻底实现了互联网级的IT系统能力让整体运营效率变得完全不一样。

传统商业昰工业革命的延续

新商业是信息革命的延续

在讲新商业之前我们先来了解下,什么是传统商业

传统商业其实就是工业革命的一个延续。它讲究的是控制、标准化以及各种各样的流程

汽车4S店会把店里的销售职能分成六种(新车销售、二手车销售、金融销售、保险销售、零部件销售、饰品销售)以实现控制。

这造成什么结果呢如果你去4S店买一个配件,恰恰卖配件的销售今天有事没来那你今天绝对买不箌这个配件,另外五个销售绝对不干这件事这是公司规定,他不能跨界

在工业革命时期,通过细分职能的方式实现控制没有任何问题因为十年前的我们不太在意服务是不是差,但是今天不一样了如果一个商场还是十年前的服务态度,你可能根本就不会去了甚至服務态度好都不去了。

在传统商业里员工(特别是一线员工)和企业的利益是相互对立的。员工多赚点企业就少赚点,企业多赚点员笁就少拿点,这是资本论里写的一个比较残酷的事情

什么是新商业呢?我觉得新商业是信息革命的一个延续它用信任和数据实现控制,而不是靠人对人进行控制

前段时间,链家的董事长称要把员工当成用户来对待这就是很典型的新商业思维。所以链家虽然有十几万鼡户但他们可以管理得很好。

如果让我用新商业方式来经营线下服务体系我会怎么做呢?

第一打造良好的培训体系。

我会把刚才说嘚六种销售培养成一个人而不是选择细分。我会培养这个人卖新车卖二手车,卖保险卖金融,卖配件卖饰品,甚至帮你结账帮伱开发票,很多方面都做到了这样我可以用最少的员工,让客户服务满意度大大提高因为找到一个人所有事就全完成了。

第二做一套非常强的ID系统。

这套ID系统记录员工跟用户发生的一切我们用数据和信任来控制这一切。

第三设置灵活的激励机制。

我们不给员工定奣确的任务而是让他们相互之间进行竞争。就跟游戏一样我们会根据每个员工完成任务的质量分成金、银、铜、不合格四个级别,不哃的层级拿到不同的收入

两个月持续维持在金牌级别的,他就可以选择做店长如果两个季度不合格,他就会被淘汰我们把每一个人嘚潜质发挥到极致,然后透明、高效

新商业像一个互联网产品,在管理员工的时候新商业像一个游戏。对我而言管理10人和管理10万人沒有区别,这是和传统商业本质的不同

新商业其实并不等于互联网。有很多非常好的传统行业也能实现互联网级别的IT系统能力让整体運营效率变得完全不一样。而有些互联网企业并没有真正实现互联网化它们只是披着互联网外壳的媒体公司。

作为传统企业链家就是擁有互联网级别的IT系统能力的典范。

2008年经济危机,我去买房那时候我用的房产中介是链家,链家的服务顾问带我看完房回到链家办公地点以后,开始往电脑里录入东西我挺好奇,就让他调出来给我看下看完后我非常惊讶,原来链家的IT系统如此之强

2008年,链家的IT系統就能调出来一个房产顾问带了多少人看房子,看了哪些房子每个用户对房子感受和评价什么样的?还能调出这个房子有哪些销售带叻哪些客户来看过这个客户总共看过多少个房子?

通过这个强大的IT系统链家基本上像上帝一样看着自己的员工和客户,还有房源三者の间发生的一切链家后来之所以有真实房源,也得益于早期的这套IT系统

线下竞争的时候,很多互联网公司说我要跟链家竞争链家要2.5個点的交易佣金,我只需要你付0.5个点的交易佣金为什么最后没人用?因为他们不是在一个层次打

后来链家在不同城市收购了很多公司,收购完很快地整合并产生巨大的效益。链家如何做到的因为它有强大的IT系统和很好的培训体系。

如何用新商业理念超越竞争对手

為什么我对新商业有那么深刻的理解呢?其实这是我做汽车之家过程中总结的

2009年,汽车之家流量已经遥遥领先了但是收入还不是第一洺,有很多人比我们收入高因为更高的收入意味着需要建立更多的基础设施和服务团队。

因此我们当时做了经销商业务来提高收入全國有两万多家4S店,我们让这些4S店登录汽车之家网站发布汽车信息用户看到这些信息以后去这些4S店里买车,我们从中提取利润

当时这个業务,已经有竞争对手做七八年了他们在70多个城市,建立了分公司

我们从零开始,我招来了经销商业务负责人跟他进行了如下对话。

我们需要多长时间能够超过我们的竞争对手?

四年时间是超过他今天还是超过他四年以后?

如果是超过今天我们还是一个千年老②,毫无意义这个难题到底在哪里呢?

我需要到每个城市去开一个分公司在当地进行工商注册、税务登记、招聘当地的总经理、销售、编辑、市场、财务等人。

我要在70多个城市干这样的事情

这事真的挺难的,我们能不能不这样做我们能不能不在当地招人,从而集中招人我们能不能用大学毕业生做这些事情?

因为这些人在当地也不需要那么顶级的素质只要基础能力有保证,这个业务就能做下来泹是必须得有培训体系。

可不可以让一个人学会六七种能力

让一个大学生会写文章,会做销售会做市场活动,会用我们的系统了解峩们的产品等等。

不可能的这事太难了。

如果用两周时间培训呢

那我们就试试,培训他们一个月

另外,可不可以不到每个城市开分公司

不可能,因为我在当地经营当地收款,如果不开分公司我就成了非法经营了。

可不可以让每个地方的4S店直接把钱付给总公司線下只是做服务的人,根本不存在销售

这不可能,因为我们在当地得收款付公司的话只能收预收款。做广告行业收预收款简直荒谬。

我们怎么才能收预收款可不可以让他们先免费试用,效果好以后收钱从而付预付款。

如果一段时间后这件事能跑得通,我们就接受

后来我们真的这么做了。

我们在北京和西安开始招聘就业压力较大的三四线大学和大专毕业生教他们了解我们的企业文化和产品,學会写文章、管论坛、做市场活动、做销售然后把他们扔到全国去。

我们甚至教他们怎么说话因为我们经常遇到大学毕业生说话不利索的情况。经过一个月的培训后他就变成了另外一个人,跟在这个行业里工作四五年的人一样我们通过交流技巧,进行实战考试通過上岗,考试不通过不上岗

通过这种机制,我们一个月可以触达十多个城市一般一个城市100多家4S店,而我们一个服务顾问就可以服务50家4S店

我们每个城市派一个人,他带着公司配的笔记本电脑和5000元钱租一间民居,买一台打印机就开始工作了一个个城市就这样开展起来叻。

我们的激励方式就像我刚才说的这些人之间互相竞争。在一个大池子里有四个级别,分别是金牌、银牌、铜牌和不合格金牌的囚可以去开辟新的城市,然后管大区持续两个季度不合格的直接走人。这样人员管理就变得非常容易以至于很多人不知道我们有产出仳很高的线下团队。

我们用两年时间就超过了竞争对手我们盈利额翻十倍的时候,我们的人员成本和销售费用的支出才涨了不到一倍

2015姩,我离开汽车之家汽车之家收入35亿,我们竞争对手收入跟我们差不多也是30多亿。我们有12亿的净利而竞争对手亏4个亿。

整个汽车行業如果按利润来算,所有利润加起来汽车之家一家占了80%-90%,跟苹果在手机行业利润很相似这就是当时用新商业方式和效率给我们带来嘚巨大价值。

所以当马云提出来新商业的时候我非常兴奋,因为当时我们用新商业的理念打了漂亮的一仗这也是支撑我们始终保持30个點的净利的一个核心要素。

这就是我所理解的新商业这也是很多创业者和CEO应该排在第一位的事情。

传统企业将遇到哪些挑战

无论是互聯网,还是智能化、新商业对于传统企业来说,它的挑战都是相同的

第一是认知能力的挑战。

你要毁掉过去工业革命产生的思维才能有新商业认知。

直到今天很多传统行业的优秀企业家还在鄙视互联网,觉得互联网是一个虚拟经济其实他们根本没有认识到互联网極为高效的全新生产力。

这跟国家也有关像德国和一些传统的优秀工业国家,在互联网化、智能化方面他们的表现非常有限。

所以我說认知能力是巨大的挑战

另外一方面挑战其实就是技术的能力。

做互联网的应该都知道从云端到账号,系统级的互联网能力真的比從零建立一个大型的工厂还要难。

大家访问那么多汽车网站但是真正拥有这个能力的汽车网站,只有汽车之家一家虽然我们服务器很哆,但是我们只有10%的服务器是用来访问的,剩下90%的服务器是用来跑这个系统和存储所有的数据的。

数据会产生什么样的具体价值呢舉一个非常有意思的例子。

大概是在2011年、2012年我们发明了一种全新的商业模式,在此之前所有的汽车厂商都是给4S店5000元钱让他们帮忙促销泹是发现没啥效果。为什么呢因为4S店把五千块钱留下了,没给消费者

所以当时的汽车厂商长安福特找到我们,说我们可不可以把这个錢给你们你们发给消费者,从而实现促销的作用我说可以,我们试一下吧

当时流程是这样的,消费者从我们这里领到促销券去4S店買车,买车之后我们再返给消费者5000元

这样一试效果非常好,促销费瞬间就花完了实际的成交量也非常高,远超过他们的预期

这时长咹福特的市场部提出了疑问,他说我们会不会是一个左手倒右手的问题,明明是我的用户我还多掏一部分钱?我说没关系我们可以鼡数据证明。

因为任何一个从我这里领到促销券到最后购买长安福特汽车的用户我都有他过去的访问数据。通过这些数据我们发现,這批用户里面只有30%用户把他的车当成首选,70%用户没有把他的车当成首选也就是说有70%用户都是通过我们网站促销活动才转成了有效购买鼡户,这个效率是非常高的

这个模式一直用到今天,今天你看到的各种购物节都是这个模式的延伸

李想老师,您在提到产品的优越感、价值和安全感的时候举的例子都是行业老大,这是否意味着其他品牌没有存在的理由了它们的价值要怎么体现?

李想:我其实不希朢举这种负面的案例解答它们为什么不存在,因为负面的案例对于我们做好一个事情没有本质上的帮助可能我有一个比较好的习惯,僦是任何一个新鲜的东西出来的时候我的优先选择是看它好的地方。

就拿共享单车这件事来说好了大家最开始不太明白为什么有那么哆投资人和VC去赌共享单车,不关心它背后的原因只关心它不靠谱。但是投资人和VC在共享单车上花钱一定有他的需求,我们要去弄明白怹们花钱背后的目的到底是什么

在这里我想跟大家分享一下我跟很多投了共享单车的VC聊天的时候,得到的他们的思维方式和他们对整個商业的理解。

我们今天可以发现一个有意思的现象就是线上流量在开始产生垄断,线上的获客成本在大幅提升高到你已经无利可图。这时候大家忽然发现在线下获取用户的成本反而是低的。

而且很多人也想不到VC们的逻辑其实是摩拜和ofo获取的是有支付能力的用户,獲得这些支付用户的成本也很低从本质上而言,投资人和VC之所以盯着单车、充电宝和接下来会火起来的便利店都是把它当作线下的入ロ来算的。

李想老师您刚刚说到产品的优越感、价值、安全感,这三者之间是不是有重合的地方呢

李想:我觉得这三个标准里面,产品的价值是很容易衡量的就像我刚才讲的,价值是一个标准是衡量产品时一个可量化的方式。

而安全感和优越感在我看来它们其实屬于人性的范畴。优越感的实质是我们心理感受的好坏或者我们所向往的东西。

实际上在不同的年龄层里面,优越感其实发生了巨大嘚断层由于过去的生活经历和背景,还有所生时代所造成的差异导致了60后、70后、80后、90后对优越感的基础需求有本质上的差别。这种断層导致很多企业瞬间就消失掉了用马化腾的话说,他很难理解不同年龄层的人对优越感的要求

60后、70后最主流的人群,对于优越感评定昰性价比我买的东西要超值,超值就证明我精明这个年龄层的企业家做产品的时候,最喜欢讲的也是性价比

到了80后以后,包括70年代末的人这一个独生子女的群体非常在意别人的看法。为什么呢因为我们需要在别人面前证明一些东西。对于这个群体而言一个产品茬身边的人眼中是不是足够好,是不是足够牛决定了我的优越感。

到了90后甚至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.返回一个对函数嘚引用该函数调用了当前函数。

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

我要回帖

更多关于 抱企鹅是什么感觉 的文章

 

随机推荐