互联网的产品不外乎分成以上4个大类，这是四纵（信息、沟通、娱乐、商务）。但是随着时间的推移，有4个很重要的阶段，我们把它称为四横。第一横是搜索。&br&第二横是SNS，沟通方面，国外有Facebook，国内有人人；信息方面，国外有推特，国内有新浪微博；娱乐方面，有众多的社交游戏。SNS改变商务的典型代表是团购，比如美团、大众点评等。&br&第三横是移动互联网，比如改变了沟通方式的微信。移动改变商务的最直观的表现是：有很多产品的订单有超过一半是来自这个产品的移动端用户。&br&第四横是什么呢？谷歌推出了谷歌眼镜、国内盛大果壳推出了果壳手表等，第四横就是这些可穿戴设备，包括物联网、传感器。它会是一波新的潮流，会推动着互联网产品经理、互联网用户向着下一波互联网浪潮迈进。对于伴随移动互联网而来的新世界，智能手机浪潮只是吹响了第一声号角，可穿戴设备的崛起则将掀开下一个更加壮丽的篇章。
-美团 王兴
互联网的产品不外乎分成以上4个大类，这是四纵（信息、沟通、娱乐、商务）。但是随着时间的推移，有4个很重要的阶段，我们把它称为四横。第一横是搜索。 第二横是SNS，沟通方面，国外有Facebook，国内有人人；信息方面，国外有推特，国内有新浪微博；娱乐方…
抱歉最近忙这么晚回答。&br&&br&关于问题，中外都有同样的话，意思就是给一个人一条鱼不如和他讨论如何钓鱼。所以先说俩个题外话。&br&第一个题外话，不论做什么职业，以及从事什么具体的方向，坚持是很重要的。坚持和愚钝之间的差异如何把握，职业人士和企业家都非常关注，常常是决定顶级高手和失败者最重要的一个因素。我个人的观点是人们可以选择一个自己比较感兴趣的方向，然后不断的去提升自己的水平，一般有俩三轮不论从产品质量提升还是从客户心智揣摩角度看来都不错的尝试以后，如果还没有什么好的市场反馈，再去考虑更换行业或者职业比较好。&br&民国前后的蔡元培等一系列大人物都在思考欧洲，日本和中国的差异以及产生差异的原因，我觉得很重要的一点是欧美和日本等国家的人相对比较专注，比较执着，能够提供高质量的产品与服务并且能够快速全球化。我们应当向他们学习，专注在一个方向上，做精。&br&&br&第二个题外话，静态的探讨成为优秀的互联网猎头需要做什么样的知识准备，一旦环境发生了变化，就不知道如何重新考虑问题了；或者找到一些建议并制定了方案，也缺乏衡量方案效果的方案。所以这个问题要往出跳一下看。&br&做互联网猎头，是要挣企业的钱；企业是要为用户提供服务；做一个出色的互联网猎头要能够为候选人提供有价值的服务。&br&因此一切方案的制定都要来源于对用户，企业CEO以及HR,候选人的深入观察和分析；当然制定出的学习方案的评估也可以从这几个方面来思考。&br&一个优秀的互联网猎头要时时刻刻的深入揣摩企业，互联网用户，以及候选人 的内心，机会的发现，方案的制定与评估都可以从这样的揣摩中找到依据。&br&&br&然后回答题主的问题，要想成为优秀的互联网猎头，需要学习哪些知识？（这个问题是需要不断的回答的问题，先开始可能只能写出一俩点，随着工作的不断的深入，可能会写出更多的东西；先把简单的东西想清楚了，再往下走就会比较好走；我个人认为这样的问题的回答不必一上来就追求大而全，也不必抱着寻找标准答案的心态去做这个事情，而看成一个优化的过程比较好。）&br&&br&首先一点要细分。（专门做IPO律师职位，专门做产品经理职位，专门做市场推广职位，专门做IOS开发职位，专门做数据挖掘和机器侠学习方向职位的猎头，需要学习的东西是不同的；起步阶段从一个点入手，比较好。）题主需要根据公司的情况设定学习计划。假设现在需要考虑的问题是如何成为优秀的做产品经理职位的猎头顾问。（我自己现在专注的方向是Big Data，也在不断的尝试中。）&br&从企业以及HR角度看需要学习的东西：判断产品经理潜力的能力与知识。（这个部分的内容起步的时候不必多。）（举例说，优秀的产品经理方向的猎头顾问需要能够根据对UC浏览器，腾讯浏览器，海豚浏览器，opera浏览器等的持续关注，看出来哪个产品对应的产品经理对于产品价值设定以及实现做的更好。）&br&从候选人的角度看需要学习的东西：新兴行业以及企业的潜力判断能力与知识。（比如移动新闻的网易新闻，腾讯新闻，百度新闻，今日头条等，哪家企业未来会成为顶级企业？哪家企业可能会逐渐没落？为什么？）&br&从用户的角度看需要学习的东西：如何划分用户的类型？哪些用户是重要的用户？主要的用户现在在使用哪些公司的产品？主要用户对产品有哪些不满意的地方？要想争取到主要的用户，各个企业该如何调整策略？&br&&br&爱学习是一个好事情，学习的目的是为了发现机会和解决问题，而不是为了记住一些东西。&br&另外推荐一些书籍供您参考。&br&《Silicon Valley Fever》&br&《The five elements of effective thinking》&br&《浪潮之巅》&br&《乔布斯自传》。&br&&br&祝好！
抱歉最近忙这么晚回答。 关于问题，中外都有同样的话，意思就是给一个人一条鱼不如和他讨论如何钓鱼。所以先说俩个题外话。 第一个题外话，不论做什么职业，以及从事什么具体的方向，坚持是很重要的。坚持和愚钝之间的差异如何把握，职业人士和企业家都非常…
带量能力：渠道本身分发能力、渠道带来的日新增&br&转化能力：搜索下载转化率、下载激活转化率&br&留存能力：次日留存、月留存、日活、月活&br&成本：折算到CPA的价格
带量能力：渠道本身分发能力、渠道带来的日新增 转化能力：搜索下载转化率、下载激活转化率 留存能力：次日留存、月留存、日活、月活 成本：折算到CPA的价格
&p&近几年移动互联网飞速发展，PC端流量已经慢慢往移动端流量转移，移动互联趋势锐不可当，各种不同互联网类型企业已经为移动端专门开辟独立部门运营。笔者从事电子商务，网站运营实战十多年，接触过B2B,B2C，第三方平台（天猫，淘宝），移动APP等类型网站运营。以下我就从移动互联网市场总监岗位出发，从几个方面来阐述移动互联网部门如何制定一份运营推广策划案，至于关于移动互联网，移动电商是大趋势这些虚的、空泛的文字，不展开说了。篇幅较长，做个简单目录：&/p&&br&&p&&strong&一 竞品分析&br&&/strong&&strong&二 产品定位&/strong&&br&&strong&三 推广方案&br&&/strong&&strong&四 推广预算&/strong&&br&&strong&五 推广目标&br&&/strong&&strong&六 团队架构&/strong&&br&&strong&七 绩效考核&/strong&&br&&strong&八 团队管理&/strong&&/p&&br&&p&&strong&一 竞品分析&/strong&&/p&&br&&p&&strong&1.选择竞品，做好定位(选择两个产品最好，最多三个)&br&&/strong&&/p&&p&如何获取竞品？&/p&&br&&p&A 百度搜索类似产品关键词，假设你的产品是一款旅游分享类APP，你可以输入主要关键词”旅游app”,一般排在自然排名前面，百度竞价推广前面的产品都是竞品。&/p&&p&B 各大移动应用市场上用关键词查找，如91应用市场，应用宝，豌豆荚等。&/p&&p&C 行业网站上查找最新信息，比如旅游APP，你可以到专业旅游资讯网，如欣欣旅游网，环球旅讯，劲旅网等搜索APP相关信息。&/p&&p&D 咨询类网站如艾瑞、DCCI、Alexa等是相对靠谱渠道。&/p&&p&还有其他的方法，如通过参加行业展会，同行交流等渠道获取竞争对手信息，这里不一一介绍了。竞品分析选择两个产品最好，最多三个。&/p&&br&&p&&strong&2.竞品分析，得出结论(选择恰当的分析方法来分析，根据分析得出结论)&br&&/strong&&/p&&br&&p&一般来说，比较全面的竞品分析要从用户，市场趋势，功能设计，运营推广策略等方面来展开。这里我们把它细化成以下几个维度，&/p&&p&&em&1、市场趋势、业界现状；&/em&&br&&em&2、竞争对手的企业愿景、产品定位及发展策略；&br&&/em&&em&3、目标用户；&/em&&br&&em&4、市场数据；&/em&&br&&em&5、核心功能；&/em&&br&&em&6、交互设计；&br&&/em&&em&7、产品优缺点；&/em&&br&&em&8、运营及推广策略；&br&&/em&&em&9、总结&行动点。&/em&&/p&&br&&p&对于移动互联网部门市场推广总监来讲，&strong&可以只关心市场部分&/strong&，功能及设计这块可以忽略，如从1,2,3，4,7,8这几部分对竞品进行分析，重点关注市场数据及运营推广策略。&/p&&br&&p&这里拿一款移动旅游APP来说， 运营数据可从&strong&下载量 、用户数、留存率、转化率、活跃用户数、活跃时长&/strong&等来进行竞品分析。 运营及推广策略可从竞品的渠道管理来分析，如&strong&应用市场投放，移动论坛，市场活动，软文投放，社交化媒体表现等。&/strong&&/p&&br&&p&&strong&3.根据结论，得出建议&/strong&&/p&&br&&p&通过对上述竞品分析，可以大致得出一个比较有市场商业价值的结论。&/p&&br&&p&&strong&二 产品定位&/strong&&/p&&br&&p&将产品定位单独一个篇幅来讨论可见其重要性.清晰的产品定位，目标用户群定位是运营推广的基石。目标用户群分析的越透彻，越清晰，对于后期产品推广起关键性助推作用。&/p&&br&&p&&strong&1 产品定位：&br&&/strong&&/p&&br&&p&一句话清晰描述你的产品，用什么样的产品满足用户或者用户市场。&/p&&p&&br&如： 陌陌：一款基于地理位置的移动社交工具。&br&QQ空间：一个异步信息分享和交流的平台，是QQ即时通讯工具的补充。&/p&&p&91运营网：分享互联网产品，电子商务运营干货&/p&&br&&p&&strong&2 产品核心目标：&/strong&&/p&&br&&p&&strong&产品目标往往表现为解决目标用户市场一个什么问题。&/strong&这个问题分析的越透彻，产品核心目标越准确。如：&/p&&br&&p&360安全卫士解决用户使用电脑的安全问题。&/p&&p&微信为用户提供流畅语音沟通的移动应用。&/p&&br&&p&&strong&3 目标用户定位：&br&&/strong&&/p&&p&一般按照年龄段，收入，学历，地区几个维度来定位目标用户群体。&/p&&br&&p&&strong&4 目标用户特征:&/strong&&/p&&br&&p&常用用户特征：年龄，性别，出生日期，收入，职业，居住地，兴趣爱好，性格特征等&/p&&p&用户技能：熟练电脑办公，外语能力强&/p&&p&与产品相关特征： a 电子商务类：购物习惯，年度消费预算等&/p&&br&&p&b 交友类：是否单身，择偶标准&/p&&p&c 游戏类：是否喜欢3D游戏，是否有同类型游戏经验&/p&&br&&p&&strong&5 用户角色卡片：&br&&/strong&&/p&&br&&p&根据目标用户群体围绕目标用户特征建立用户角色卡片。这里以一款比价APP为例，建立用户角色卡片：&/p&&p&张三，30岁，互联网运营总监，年薪20万，已婚，居住地北京，喜欢电影，篮球，唱歌，游戏等，&/p&&p&性格开朗，阳光，文艺青年&/p&&p&电脑操作熟练，精通英文 与产品相关特征： a 喜欢网购，喜欢上的购物网站：淘宝，京东&/p&&p&b 网购年消费额在2万左右，使用信用卡购物。&/p&&p&c 在家用ipad购物，在外用手机购物&/p&&br&&p&&strong&6 用户使用场景&br&&/strong&&/p&&p&用户使用场景是指将目标用户群投放到实际的使用场景中，&/p&&p&&br&还是以上述比价APP为例，张三每天来到了万达商场某体育用品店，看到了科比二代球鞋售价1400元，顿时心动想入手，他用比价APP进行二维码扫描发现京东售价800，淘宝售价810，APP主动提示建议在京东购买，张三迅速浏览了商品的高清图片和产品说明，因为店家可以包邮，所以张三放弃了在线下购买。&/p&&br&&p&&strong&三 推广方案&br&&/strong&&/p&&p&&strong&移动互联网行业，创业公司市场则适合多面出击，把能够想到的各种途径方式都去尝试，用最小的投入把品牌效果最大化。在想到的 100种方法里，不断测试出一种最有效的方法，剔除掉其中99个，集中火力把手里的资源集中在一个可能爆发的点上，不断放大，不断分析，等待爆发。最终吸引更多的注册用户，提高自己的市场份额。&br&&/strong&&/p&&p&&strong&1 渠道推广：&/strong&&/p&&br&&p&&strong&线上渠道&/strong&&/p&&br&&p&&strong&A &/strong&&strong&基础上线——各大下载市场、应用商店、大平台、下载站的覆盖&/strong&&strong&Android版本发布渠道：&/strong&&strong&推广的第一步是要上线，这是最基础的。无需砸钱，只需最大范围的覆盖。&/strong&&br&&strong&下载市场：&/strong&安卓、机锋、安智、应用汇、91、木蚂蚁、N多、优亿、安机、飞流等;&br&&strong&应用商店：&/strong&geogle商店、HTC商城、历趣、十字猫、开奇、爱米、我查查、魅族商店、联想开发者社区、oppo应用商店等;&br&&strong&大平台：&/strong&MM社区、沃商店、天翼空间、华为智汇云、腾讯应用中心等;&br&&strong&客户端：&/strong&豌豆荚手机精灵、91手机助手、360软件管家等;&br&&strong&wap站：&/strong&泡椒、天网、乐讯、宜搜等。&br&&strong&web下载站：&/strong&天空、华军、非凡、绿软等&/p&&p&&strong&iOS版本发布渠道：&/strong&AppStore、91助手、pp助手、网易应用中心、同步推、快用苹果助手、itools、限时免费大全。&/p&&br&&p&&strong&B 运营商渠道推广：中国移动，中国电信，中国联通&br&&/strong&&/p&&br&&p&用户基数较大，可以将产品预装到运营商商店，借力于第三方没有的能力，如果是好的产品，还可以得到其补助和扶植。&/p&&br&&p&市场部门要有专门的渠道专员负责与运营商沟通合作，出方案进行项目跟踪。&/p&&br&&p&&strong&C 第三方商店：上述A类都属于第三方商店&br&&/strong&&/p&&br&&p&由于进入早，用户积累多，第三方商店成为了很多APP流量入口，全国有近百家第三方应用商店。渠道专员要准备大量素材，测试等与应用市场对接。各应用市场规则不一，如何与应用市场负责人沟通，积累经验与技巧至关重要。资金充足的情况下，可以投放一些广告位及推荐等。&/p&&br&&p&&strong&D 手机厂商商店&/strong&&/p&&br&&p&大厂家都在自己品牌的手机里预装商店，如联想乐商店，HTC市场，oppo nearme,魅族市场，moto智件园等。渠道部门需要较多运营专员来跟手机厂商商店接触。&/p&&br&&p&&strong&E 积分墙推广&/strong&&/p&&br&&p&“积分墙”是在一个应用内展示各种积分任务（下载安装推荐的优质应用、注册、填表等），以供用户完成任务获得积分的页面。用户在嵌入积分墙的应用内完成任务，该应用的开发者就能得到相应的收入。&/p&&p&积分墙起量快，效果显而易见。大部分是采用CPA形式，价格1-3元不等。但以活跃用户等综合成本考量，成本偏高，用户留存率低。&br&业内公司有tapjoy,微云，有米，万普等。&/p&&p&&strong&积分墙适合大型有资金，需要尽快发展用户的团队。&/strong&&/p&&br&&p&&strong&F 刷榜推广：&/strong&&/p&&br&&p&这种推广乃非正规手段，但是在国内非常的受欢迎，毕竟绝大部分苹果手机用户都会实用APP Store 去下载APP。如果你的APP直接都在前几名的位置，当然可以快速获得用户的关注，同时获得较高的真实下载量。&/p&&p&不过，刷榜的价格是比较高的，国内榜top25名的价格在每天1万元左右，top5的价格每天需要两万多。由于这种推广成本比较高，所以一般会配合新闻炒作一起搞，这样容易快速的出名。&/p&&br&&p&&strong&G 社交平台推广：&/strong&&/p&&br&&p&目前主流的智能手机社交平台，潜在用户明确，能很快的推广产品。这类推广基本采用合作分成方式，合作方法多样。 业内公司有微云，九城，腾讯，新浪等。&br&如2010年6月非诚勿扰的交友软件，在微云社交平台上自传播自推广，上线第一个月用户达到32万。&/p&&br&&p&&strong&H 广告平台：&/strong&&/p&&br&&p&起量快，效果显而易见。成本较高，以目前主流平台为例，CPC价格在0.3-0.8元，CPA在1.5元-3元之间。&/p&&p&不利于创业融资前的团队推广使用。&/p&&p&业内公司有admob,多盟，微云，有米，亿动等。&/p&&br&&p&&strong&I &/strong&&strong&换量&/strong&&/p&&br&&p&&strong&换量主要有两种方式：&/strong&&/p&&br&&p&&strong&1.应用内互相推荐。&/strong&这种方式可以充分利用流量，增加曝光度和下载量，量级不大，但曝光度不错，有内置推荐位的应用可以相互进行换量，但这需要以一定的用户量作为基础。&/p&&br&&p&&strong&2.买量换量。&/strong&如果自身无法给某一应用带量或者量很小，可以找网盟跑量，以换取应用商店优质的资源位或者折算成钱进行推广。这种方式也是比较实用的方式，包括应用宝、小米等在内的商店都可以换量，通过某些代理，还能跟360等进行换量，可能会比直接在360做CPT有更好的效果，商店：CP一般以2:1的方式进行换量。&/p&&br&&p&&strong&线下渠道：&br&&/strong&&/p&&p&&strong&A &/strong&&strong&手机厂商预装&/strong&&/p&&br&&p&出厂就存在，用户转化率高，最直接发展用户的一种方式。&/p&&p&&strong&用户起量周期长，从提交测试包测试-过测试-试产-量产-销售到用户手中需要3-5个月时间。&/strong&&br&推广成本：应用类产品预装量付费价格在0.5-1元不等，CPA方式价格在1.5-4元不等。游戏类产品，采取免费预装，后续分成模式，CPA价格在2-3元之间。&/p&&p&业内公司：华为，中兴，酷派，TCL，波导，OPPO，魅族，海信等。&/p&&p&操作难点：品牌众多，人员层级多，产品项目多，需要有专业的团队进行针对性的推荐与维护关系。&/p&&br&&p&&strong&B 水货刷机：&/strong&&/p&&br&&p&起量快，基本上2-4天就可以看到刷机用户，数量大，基本上一天可以刷几万台。&br&重刷现象严重，基本上一部手机从总批到渠道到店面会被刷3-5次，推广成本剧增，用户质量差，不好监控。&br&基本上刷机单一软件CPA在1-2元，包机一部机器价格在5-10元之间。&br&业内公司：XDA,酷乐，乐酷，刷机精灵。&/p&&br&&p&&strong&C 行货店面&/strong&&/p&&br&&p&用户质量高，粘度高，用户付费转化率高，见用户速度快。&/p&&p&店面多，店员培训复杂，需要完善的考核及奖励机制。&/p&&p&基本上CPA价格在1.5-3元之间，预装价格在0.5-1元之间。&/p&&p&业内公司：乐语，中复，天音，中邮，苏宁等。&/p&&p&案例：2010底微云与国内知名连锁手机卖场进行合作试点，将合作的光盘放到店面进行打包销售给用户，8万套光盘激活用户达到了一半。&/p&&br&&p&&strong&2 新媒体推广&/strong&&/p&&br&&p&&strong&A 内容策划：&/strong&&/p&&br&&p&内容策划前需做好受众定位，分析得出核心用户特征。&br&坚持原创内容的产出，在内容更新上保持一天三条左右有趣的内容。&/p&&p&抓住当周或当天的热点跟进。&/p&&p&创意，还是创意，让你的产品讲故事，拟人化。&/p&&br&&p&&strong&B 品牌基础推广：&br&&/strong&&/p&&p&百科类推广：在百度百科，360百科建立品牌词条&br&问答类推广：在百度知道，搜搜问答，新浪爱问，知乎等网站建立问答。&/p&&br&&p&&strong&C 论坛，贴吧推广：&/strong&&/p&&br&&p&机锋、安卓、安智。。。在手机相关网站的底端都可以看到很多的行业内论坛。&/p&&p&建议推广者以官方贴、用户贴两种方式发帖推广，同时可联系论坛管理员做一些活动推广。发完贴后，应当定期维护好自己的帖子，及时回答用户提出的问题，搜集用户反馈的信息，以便下个版本更新改进。&/p&&br&&p&第一阵容：机锋论坛、安卓论坛 、安智论坛!&br&第二阵容：魔趣网 、安卓论坛、魅族论坛!&br&第三阵容：风暴论坛、木蚂蚁论坛、DOSPY论坛!&/p&&br&&p&&strong&D 微博推广：&/strong&&/p&&br&&p&内容：将产品拟人化，讲故事，定位微博特性，坚持原创内容的产出。在微博上抓住当周或当天的热点跟进，保持一定的持续创新力。&strong&这里可以参考同行业运营比较成功的微博大号，借鉴他们的经验。&br&&/strong&&/p&&p&互动：关注业内相关微博账号，保持互动，提高品牌曝光率。&/p&&p&活动：必要时候可以策划活动，微博转发等。&/p&&br&&p&&strong&E 微信推广：&/strong&&/p&&br&&p&微信公众号的运营推广需要一定时间沉淀，这里可以参考几步曲：&/p&&br&&p&&strong&内容定位：&/strong&结合产品做内容聚合推荐，内容不一定要多，但是一定要精并且符合微信号的定位。&br&&strong&种子用户积累：&/strong&初期可以给定个KPI指标，500个粉丝一个门槛，种子用户可以通过同事好友，合作伙伴推荐，微博引流，官网引流等。&/p&&p&&strong&小号积累：&/strong&开通微信小号，每天导入目标客户群。&/p&&p&&strong&小号导大号：&/strong&通过小号的粉丝积累推荐微信公众号，将粉丝导入到微信公众号。&br&&strong&微信互推：&/strong&当粉丝量达到一定预期后，可以加入一些微信互推群。 关于微信推广经验分享，这里不再展开讨论了，可以加入我的微信公众号yunying-91交流。&/p&&br&&p&&strong&F PR&/strong&&strong&传播&br&&/strong&&/p&&br&&p&&strong&PR不是硬广告，学会在对的途径讲一个动人的故事非常重要。&/strong& 互联网时代人人都是传播源，无论微博Kol、微信公众号、媒体网站的专栏或各大社交网站，我得去研究如何利用这些平台来讲述一个好的品牌的故事，反之，这些平台也会是用户对品牌产生UGC的最好渠道。在初创公司，作为PR需要把公司每一个阶段的方向都了解透彻，然后学会向市场、投资人、用户传递一个有力的声音，这个声音并不是生硬的广而告之，而是抛出一个话题让大家对你的故事所感兴趣，并带动大家如何把兴趣引到你的产品上来，最好形成行业的热议话题。&/p&&br&&p&以下有几个策略：&/p&&br&&p&&strong&用日常稿件保持稳定的曝光 。&/strong&我们会定期做一张传播规划表，每个月要根据公司和产品的变化来决定该向外界传递什么声音，恰当的表达和持续的内容产出会让公司的曝光度及行业的关注度逐渐提高。&/p&&br&&p&&strong&维护好已有的媒体资源，积极扩展新资源。&/strong& 对于自己原来熟识的记者和媒体，我仍会保持续的沟通和交流，告诉他们，我们的团队在做怎么样的一件事。深信只有反复的沟通，才会把故事的闪光点打磨得抓住人心。而作为PR也更能及时嗅到媒体关注的兴趣点，为下一次的报道梳理做好充分准备。 在创业公司对PR的经费并不是非常充足的情况下，我们需要仔细去分析，在什么样的发展阶段和进度，需要利用的什么样的途径和资源去支撑公司的发声和观点。所以我们对自己的要求是每周都有计划的去拓展一些新的媒体资源，这样能为之后做事件输出时能有合适的渠道的进行支撑。&/p&&br&&p&&strong&选择的渠道决定了传播的效果。&/strong& 说什么故事，用哪种方式呈现传播效果会最佳，这对于渠道的选择就显得尤为重要。比如对于公司创始人的一些采访，我们可能更倾向于行业及财经相关的权重高的纸媒，有利于大面积的带动传播;对于产品的发声，我们更倾向于科技类的新媒体，在行业内能引起更快速的关注力;而对于事件话题性的新闻，我们更青睐于选择大型门户类网站。对于自媒体这领域，实力参差不齐，选择有中立观点和实力派的自媒体发声，不失为好的选择。但是成本对创业公司来说，并不是性价比最高的。而对于电视媒体，选择对和你潜在用户相吻合的节目，是一个能快速让产品呈爆发式增长的途径.&/p&&br&&p&&strong&最后，要记得做好对营销传播效果的评估，这些可能包括人群的覆盖率、点击量、阅读量，点赞量等。&/strong&每一次的数据，都会告诉你下一次的内容应该怎样做得更赞。而PR作为连接内外的桥梁，最好也要藏身于用户中间，在深度沟通中突出品牌的个性。&/p&&br&&p&&strong&G 事件营销：&/strong&&/p&&br&&p&事件营销绝对是个体力活和脑力活，这需要整个团队保持敏锐的市场嗅觉，此外还需要有强大的执行力，配合一定的媒体资源，事件才得以在最快的速度推出去。事件营销的前提必须是团队成员需要每天接触大量新鲜的资讯，把这些信息整合，也需要养成随时记录下一些闪现的灵感创意并和成员们及时分享碰撞。对于能贴上产品的创意点结合点，我们会马上进行头脑风暴，对事件的始终进行推理，若确定方案可行，那么马上做出与之匹配的传播计划，开始做项目预算并一边准备好渠道资源。&/p&&br&&p&&strong&H 数据分析&/strong&&/p&&br&&p&每周花一些时间去认真分析每一条微博、微信、每一个渠道背后的数据，你一定会发现传播度高的内容背后的契合点和关联性。这样非常有利于自己官方微博、微信内容质量的提升，运营起来也更接地气。&/p&&br&&p&&strong&3 线下推广：&/strong&&/p&&br&&p&利用宣传经费印制纸质宣传单和各种海报，做宣传。&/p&&br&&p&介绍海报&/p&&p&在人流量多且可免费宣传的地方张贴海报宣传&/p&&p&宣传单&/p&&p&与合作商家商议，将宣传单曝光于商家跟用户接触的地方。&/p&&p&地推卡传单&/p&&p&制作精美传单，在办公区域相对集中的地方、商场发布传单。&/p&&br&&p&&strong&四&/strong&&strong& 推广预算&br&&/strong&&/p&&br&&p&根据以上推广方案对各渠道做预算配比，与老板敲定最后的第一期投放预算。&/p&&br&渠道第一期预算渠道推广费用线上推广各大应用市场发布：5000运营商渠道推广费用10000手机厂家商店10000积分墙推广费用20000刷榜推广费用50000社交平台合作推广费用20000广告平台推广20000网盟买量推广费用20000线下推广手机商家预装费用20000水货刷机&br&行货店面&br&新媒体推广品牌基础推广百科类推广5000问答类推广5000论坛，贴吧推广&br&5000微博推广&br&10000微信推广&br&5000软文推广&br&10000事件营销&br&20000线下活动推广宣传单&br&10000海报&br&10000地推卡&br&10000地推人员成本&br&20000&br&&br&&br&285000&p&&strong&&br&五 制定目标&br&&/strong&&/p&&br&&p&对于一款APP，个人觉得由两方面决定关注指标。&/p&&br&&p&&strong&1 产品运营阶段：&/strong&&/p&&br&&p&A、种子期： 主要目的在于收集用户行为数据，与产品设计时的用户模型做对比，有目的性调优。主要关注数据有：页面路径转化，按钮点击，启动次数，启动时间段，停留时长等。这个阶段数据量不求大，但求真实。用户来源的话，可以先做免费渠道，如果能有一些首发资源更好了。&/p&&br&&p&B、推广期： 主要目的在于扩大影响，吸收用户。主要关注数据有：新增，活跃，留存以及渠道数据。在这个阶段如果能够配合各种资源多管齐下，用户量能有爆发是最好的了。&/p&&br&&p&C、营收期： 主要目的在于通过各种活动运营、增值服务创造营收。主要关注的找数据有：付费用户数、付费金额、付费路径转化、ARPU等。&/p&&br&&p&&strong&2 产品类型：&/strong&&/p&&br&&p&如工具类，启动次数很重要；社区类，活跃用户和UGC很重要；游戏，在线人数和arpu值是关键；移动电商主要关注成交转化率,包括订单转化率和金额转化率。根据&strong&APP产品类型及所处运营阶段&/strong&，制定APP数据指标考核表，如下图显示：&/p&&br&&br&&br&第一个月第一季度下载量&br&&br&&br&每日新增用户数&br&&br&&br&留存率次日留存率&br&&br&8日留存率&br&&br&31日留存率&br&&br&渠道留存&br&&br&活跃用户数日活跃用户数（DAU)&br&&br&月度活跃用户 (MAU)&br&&br&平均用户收益(ARPU）&br&&br&&br&使用时间&br&&br&&br&&p&这里有一张整理过的图来说明一下吧，很早以前在网上收集的一些数据指标，感觉比较实用,制作方案的时候可以参考。&/p&&p&&strong&关于数据指标分析：&/strong&&/p&&br&&p&&strong&1 留存用户和留存率：&/strong&&/p&&br&&p&留存用户和留存率通常反映了不同时期获得的用户流失的情况，分析这个结果往往是为了找到用户流失的具体原因。&/p&&br&&p&APP获得一定用户以后，刚开始用户会比较多，随着时间的推移会不断有用户流失，留存率随时间推移逐步下降，一般在3~5个月后达到稳定。其中阅读资讯、社交沟通、系统工具是留存率最高的三类应用，在4个月以后的留存率稳定在10%左右。 留存率提高了，才会有更多的用户留下来，真正使用APP的用户才会越来越多。&/p&&br&&p&&strong&次日留存：&/strong&因为都是新用户，所以结合产品的新手引导设计和新用户转化路径来分析用户的流失原因，通过不断的修改和调整来降低用户流失，提升次日留存率，通常这个数字如果达到了40%就表示产品非常优秀了。&br&&strong&周留存：&/strong&在这个时间段里，用户通常会经历一个完整的使用和体验周期，如果在这个阶段用户能够留下来，就有可能成为忠诚度较高的用户。&br&&strong&月留存：&/strong&通常移动APP的迭代周期为2-4周一个版本，所以月留存是能够反映出一个版本的用户留存情况，一个版本的更新，总是会或多或少的影响用户的体验，所以通过比较月留存率能够判断出每个版本更新是否对用户有影响。&br&&strong&渠道留存：&/strong&因为渠道来源不一，用户质量也会有差别，所以有必要针对渠道用户进行留存率分析。而且排除用户差别的因素以后，再去比较次日，周留存，可以更准确的判断产品上的问题。&/p&&br&&p&&strong&2 &/strong&&strong&活跃用户&br&&/strong&&/p&&p&用户每天既会不断新增，也会不断流失，如果单独只看每日活跃用户数，是很难发现问题的本质的，所以通常会结合活跃率和整个APP的生命周期来看。活跃率是指活跃用户/总用户，通过这个比值可以了解你的用户的整体活跃度，但随着时间周期的加长，用户活跃率总是在逐渐下降的，所以经过一个长生命周期（3个月或半年）的沉淀，用户的活跃率还能稳定保持到5%-10%，则是一个非常好的用户活跃的表现，当然也不能完全套用，得视产品特点来看。&/p&&br&&p&&strong&六 团队架构&/strong&&/p&&br&&p&这个篇幅简单介绍移动互联网运营推广团队的组织架构及成员工作职责，具有一定的普遍性。&strong&总体概括来说,这个市场运营部门架构大概是：一个带头的&/strong&&strong&，一个做渠道和流量，一个玩社交媒体的&/strong&&strong&，一个天马星空写文案的&/strong&&strong&，再辅助一些打杂的。&br&&/strong&&/p&&p&&strong&1 市场运营总监&/strong&&/p&&br&&p&工作职责&/p&&br&&p&1、负责公司开发的移动互联网产品的内容整体规划和运营策略的制定及执行。&/p&&p&2、负责制定每季度、月运营计划。&/p&&p&3、整理各产品运营渠道数据报表，并定期收集分析同类竞品情报。完成活动的策划执行，并做好跟踪记录。&/p&&p&4、构建和完善App推广和分销渠道，促进App的下载和使用。&/p&&p&5、网络媒体、网站联盟、博客、论坛、社区营销、SNS等各种互联网营销渠道的拓展和维护；&/p&&p&6、负责和移动互联网领域各传播媒体有效沟通，调动各种资源，促进公司互联网产品和相关渠道及媒体的联合推广，以提高公司产品的市场知名度。&/p&&p&7、负责通过微博,微信等网络推广方式，开展公司自有产品的运营和推广活动，收集相关营销成功案例并进行分析。&br&8、负责制作内容及话题，能够结合热点事件开展推广活动，及时监控和处理产品运营活动过程中的各类正负面事件。&br&9、跟踪运营推广效果，分析数据并反馈，分享推广经验；挖掘和分析目标用户使用习惯、情感及体验感受，即时掌握新闻热点。&br&10、策划、组织、评估和优化推广计划。&br&11、分析App运营数据，根据分析结果不断优化运营方案。&/p&&br&&p&岗位点评：从工作职责要点来说，市场总监应该是&strong&负责内容规划，运营策略及计划制定，渠道构建和监督，新媒体推广实施跟踪，app运营数据分析,团队建设和管理.&br&&/strong&&/p&&p&&strong&2 文案策划&/strong&&/p&&br&&p&工作职责&/p&&br&&p&1.清晰项目目标，快速了解客户需求，并密切与相关协同部门合作，提供快速、精准、精彩的案头支持；&br&2.负责宣传推广文案及宣传资料文案的撰写；&br&3.负责创意内容撰写，为线上活动、广告传播、线上公关稿件撰写相关文案内容；&br&4.沉淀创意产出和内容撰写的经验，形成知识管理，供其他项目借鉴。&/p&&p&岗位点评：文案策划岗位是文字输出岗位，需要文字功底好，有创意，对热点有嗅觉，最好在事件营销传播方面有成功案例。&/p&&br&&p&&strong&3 渠道经理(BD拓展）&/strong&&/p&&br&&p&工作职责&br&1、深入研究公司产品与所属行业，制定适应公司发展战略的拓展计划；&br&2、根据公司业务发展需求，寻找、挖掘有利于公司的合作资源；&/p&&p&3、负责商务拓展及合作，与其他客户端及推广渠道（各大市场）建立良好的业务合作关系&br&4、对推广数据进行分析，有针对性的调整推广策略，提高下载量、安装量及活跃度等&br&5、辅助APP产品的运营和推广，整体规划和专题策划&/p&&p&岗位点评：渠道经理(BD 拓展）顾名思义就是拓展各互联网流量渠道，一切有助于APP流量提升的渠道合作都属于工作范畴，渠道经理的工作职责就是制定渠道拓展计划，带领BD专员拓展各市场，分析数据,完成运营总监制定的流量指标。&/p&&br&&p&&strong&4 新媒体推广经理&br&&/strong&&/p&&p&工作职责&br&1、有互联网信仰，最好是重度使用者，制定新媒体推广计划，执行力强。&br&2、熟悉新媒体，对微博、微信如数家珍，熟悉大号，运营过微博草根号、微信公众号更好！&br&3、有判断力，对热点事件能分析，知道如何借势，有自嘲精神，可以黑人兼适度自黑；&br&4、有战斗经验，没混过论坛没耍过微博刷过微信的就算了。不管明骚闷骚，永不放弃！&/p&&br&&p&岗位点评：这个岗位要求”&strong&离了手机就不能活并且认为它比性更重要”那种,能配合文案玩转各社交媒体渠道。在事件营销及热点引爆有嗅觉和实操经验.&br&&/strong&&/p&&p&&strong&七 绩效考核&/strong&&/p&&br&&p&每个公司绩效考核指标不同,对于移动互联网公司市场部门来说，各个岗位指标也不尽相同，这里只罗列出有共性的一些考核点。&/p&&br&&p&&strong&1 市场运营&/strong&&strong&总监:&/strong&&/p&&br&&p&这个岗位背负团队整体KPI指标,如APP运营数据指标,销售指标等,如何将团队指标有效分解到每周，每天,每个人,这是市场运营总监每天都要思考问题。&/p&&br&&p&&strong&2 文案策划:&/strong&&/p&&br&&p&A 文案撰写能力:写作功底深厚，表达能力强、思维逻辑清晰、具有独特敏捷的创意思维。&br&B 创意能力:能根据公司品牌定位, 完成有创意的文案策划，为产品销售及运营推广带来很大飞跃。&br&C 对接能力：与渠道部门，设计部门，推广部门，客户等沟通协调及分配工作能力。&/p&&p&D 工作态度:纪律性,团队协作意识,工作责任感&/p&&p&根据这几个考核指标做分数配比,适当提高AB两项指标分数。&/p&&br&&p&&strong&3 渠道经理：&/strong&&/p&&br&&p&渠道考核指标直接跟APP运营数据挂钩,这个数据指标可参考上篇中app运营目标中数据。&/p&&p&&strong&下载量 每日新增用户数 留存率 活跃用户数 平均用户收益(ARPU） 使用时间&/strong&&/p&&br&&p&&strong&4 新媒体推广经理:&/strong&&/p&&br&&p&新媒体推广由于渠道不同考核指标也不同,微博,微信,豆瓣,知乎,其他软文推广渠道等,运营总监可以根据渠道设立不同考核指标.这里以微博和微信为案例：&/p&&br&&p&&strong&A 微博考核指标：&/strong&&/p&&br&&p&微博营销涉及的数据大致有&strong&微博信息数、粉丝数、关注数、转发数、回复数、平均转发数、平均评论数.&/strong&&/p&&p&&strong&&strong&微博信息数&/strong&：&/strong&每日发布的微博数量，条/天。&/p&&p&&strong&平均转发数：&/strong&每条信息的转发数之和/信息总数量，一般计算日平均转发数或月平均转发数，次/条 ，平均回复数原理类似。平均转发数（评论数）与粉丝总数和微博内容质量相关，粉丝总数越高，微博内容越符合用户需求，转发数和评论数就会越高。所以这个数据可以反应粉丝总数、内容和粉丝质量的好坏。粉丝基数越大，理论上转发会提高，内容越契合用户，或者粉丝中你的目标人群越多，这个数据都会上升。&/p&&br&&p&以A公司品牌微博为例，4月1日只有1.4万左右，5月结束有2.6万！&/p&&br&&p&从这个表中可以看到4、5月的增长情况，两个月的粉丝增量差不多，微博信息数量5月增加36%，但是转发总数增长近100%倍，评论增长了64%，搜索结果数也是增加了。应该说针对4月的微博内容分析之后，5月份作了一些调整，更加注重用户需求，所以在总量增加的同时微博的平均转发数和回复数都上升了，可以说明该微博5月份比4月份是有进步的，而且搜索结果数直接增加曝光率，说明了营销效果。&/p&&br&&p&&strong&总结：1）平均转发数和评论数可以衡量自身微博运营状态好坏 2）搜索结果数可以作为品牌传播的考核，3）只有综合所有数据来看才可以指导微博营销.&/strong&&/p&&br&&p&&strong&B 微信考核指标：&/strong&&/p&&br&&p&文章考核指标:&strong&送达率,图文阅读率,原文页阅读率,转发率,收藏率&/strong&&/p&&br&&p&订阅粉丝量:有三个指标:新关注数、取消关注数以及净增关注数。&/p&&p&刚开微信的企业，我们可以用1个月的时间，设定目标完成500个用户的订阅，接下来的每个月，逐步增长。每天订阅粉丝超过20个，1月就是600个。&/p&&br&&p&&strong&用户互动量：&/strong& 该用户在微信上和你的互动。我指的是有意义的互动，比如91运营网(微信号yunying-91)，当你添加微信时，自动回复写的是：输入1获取移动互联网干货，输入2获取电子商务运营干货，输入3获取产品策划干货。这其实就是很好的一个规则。&/p&&br&&p&&strong&用户转化量：&/strong&该用户最后通过你的规则输入相关词后，我们的跟进情况，以及成交情况。&/p&&br&&p&&strong&八 团队管理&/strong&&/p&&br&&p&这个篇幅侧重于团队运营管理,不只是针对移动互联网,同样适合互联网公司团队管理。以个人经验分享来说，互联网团队运营管理应重点关注三方面：&/p&&br&&p&&strong&执行力，目标管理，团队凝聚力。&/strong&&/p&&br&&p&&strong&执行力&/strong&&/p&&br&&p&关于执行力的案例，腾讯是很多互联网公司学习榜样.马化腾凌晨4点发出邮件，运营团队下午就能给出实现计划。 很多创业型互联网小公司发展速度快，因为执行力强，当公司发展到一定规模后，变态的层层审批机制阻碍了项目的实施。笔者原来在一家传统企业转型互联网的公司呆过，深有体会，一个很简单的推广页面，本来当天就可以决策通过，还要经过总监-副总-老板几个层级审核，一周过去了，才通过，结果好好的项目被时间给拖死了。所以再大的公司，个人还是比较推崇项目负责制，扁平化管理。&/p&&br&&p&&strong&目标管理&/strong&&/p&&br&&p&运营总监从拿到KPI那天起,脑海里都是数据化管理, 从年目标,季度目标,月目标,周目标层层分解,一个没有数据量化目标的运营团队会跟无头苍蝇一样乱窜.运营总监团队管理过程其实就是一个目标管理流程。&/p&&br&&p&&strong&凝聚力&/strong&&/p&&br&&p&保持一个高效,快乐,有活力的工作环境,让整个运营团队保持凝聚力,是每个运营总监职责所在。团队成员频繁跳槽，稳定性差将不利于项目的进展，所以如何保持项目核心成员稳定性至关重要。&/p&&br&&p&以下分享几个运营团队管理小技巧：&/p&&br&&p&&strong&1 年度目标，季度目标，月目标，周工作任务表&/strong&&/p&&br&&p&将这些目标数据表贴于显眼地方，让自己心中有数。制定团队每周工作任务表。&/p&&br&&p&&strong&2 周一早会&/strong&&/p&&br&&p&每周一定期开早会，分配本周各团队成员工作任务，并记录项目运营过程中问题。&/p&&br&&p&&strong&3 周三培训&/strong&&/p&&br&&p&每周组织相对于各个岗位培训课程，提高团队成员的业务能力．&/p&&br&&p&&strong&4 周工作总结&/strong&&/p&&br&&p&周五下班前定期总结一周工作进展及目标实现状况。&/p&&br&&p&&a href=&///?target=http%3A///r/pnXt9XjEaiUVrTyW9yC0& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/r/pnXt9Xj&/span&&span class=&invisible&&EaiUVrTyW9yC0&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& (二维码自动识别)&/p&
近几年移动互联网飞速发展，PC端流量已经慢慢往移动端流量转移，移动互联趋势锐不可当，各种不同互联网类型企业已经为移动端专门开辟独立部门运营。笔者从事电子商务，网站运营实战十多年，接触过B2B,B2C，第三方平台（天猫，淘宝），移动APP等类型网站运营…
一个学期前我也和楼主差不多不知道这些都是啥，一个学期之后差不多都弄懂了，来讲讲自己的理解吧 & & 因为接触的时间不是很长，有错误的地方欢迎指正~&br&&br&首先要知道网站访问大概是什么个过程：&br&假设你在浏览器地址栏输入这个问题的地址&br&&div class=&highlight&&&pre&&code class=&language-text&&/question/
&/code&&/pre&&/div&访问过程和下图差不多，浏览器和服务器交流，服务器和数据库交流（有时候数据库就在服务器那台机子上）&br&&br&&img data-rawheight=&591& data-rawwidth=&842& src=&/581ae59a16e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&842& data-original=&/581ae59a16e_r.jpg&&&br&&b&HTML 与 CSS&/b&&br&你家电脑拿到一个 html （就是上图 HTTP 响应的 body 里的内容）之后，就会对它进行解析渲染。HTML 就是一种标记语言。类比一下，大家在论坛上经常会用一些代码来添加富文本内容，举一些栗子：&br&&ul&&li&&div class=&highlight&&&pre&&code class=&language-text&&[img]图片地址[/img]
&/code&&/pre&&/div&
用来贴图&/li&&li&&div class=&highlight&&&pre&&code class=&language-text&&[url]超链接[/url]
&/code&&/pre&&/div&
用来贴地址&/li&&li&&div class=&highlight&&&pre&&code class=&language-text&&[del]呵呵[/del]
&/code&&/pre&&/div&
表示标签里的文字应该被删掉（默认添加删除线效果）&/li&&/ul&这种&b&论坛代码&/b&也是一种标记语言，HTML 的作用就和它差不多。服务器返回给你的html文件里面，写的是一些代码，大概是这样的：&br&&img data-rawheight=&384& data-rawwidth=&511& src=&/def15af96af6_b.jpg& class=&origin_image zh-lightbox-thumb& width=&511& data-original=&/def15af96af6_r.jpg&&浏览器拿到这些代码之后，分析一下给你渲染好页面显示出来，如果不用css，效果是这样的，按照浏览器默认的样式显示出列表、图片、超链接、输入框、按钮等等：&br&&img data-rawheight=&362& data-rawwidth=&330& src=&/8df8c13db4c5_b.jpg& class=&content_image& width=&330&&&br&是不是觉得默认样式有点看瞎狗眼呢……所以很多时候我们需要自定义样式，现行通用的规定样式的语言是CSS，我们可以用它写一些定义样式的代码，然后在 html 文件里用一个&link&标签把这些规定样式的 CSS 代码与表达内容语义的 HTML 代码关联起来，然后你就能看到一个符合人类正常审美的页面了:&br&&img data-rawheight=&296& data-rawwidth=&662& src=&/09c5fafc7cc4_b.jpg& class=&origin_image zh-lightbox-thumb& width=&662& data-original=&/09c5fafc7cc4_r.jpg&&&br&CSS 代码的格式基本是&br&&div class=&highlight&&&pre&&code class=&language-text&&属性:值
&/code&&/pre&&/div&比如知乎顶上那个蓝色的导航条，它的 CSS 大约是这样的&br&&img data-rawheight=&256& data-rawwidth=&408& src=&/3f351f51aff2be4742b1_b.jpg& class=&content_image& width=&408&&&br&第一个属性对应的代码翻译成人话，就是它的位置（position）应该是不动（fixed）的，浏览器会兢兢业业地去实现这段代码要求实现的效果，
所以你在页面上翻来翻去顶上那个导航条都会死死地黏在窗口顶部不跟着滚动。&br&再拿里面的其他几个属性做栗子解释一下就是：&br&&ul&&li&left 和 top
为零指明这个导航条要紧贴着窗口的左上角&/li&&li&width 和 height 指定这个导航条的宽和高&/li&&li&background
指明这个导航条的背景是一种渐变的蓝色&/li&&/ul&浏览器就会根据这些 CSS 代码，“画”出对应的样式。&br&&br&&b&HTML 5 与 XHTML&/b&&br&像人的语言一样，网络上的网页里的 HTML 代码也不一定是标准的，好比有时候你发音不太标准，别人会去猜测你说的到底是什么一样，有些时候前端程序猿不小心写错了 HTML，浏览器也会试图猜测他们原来想写的是什么，做对应的渲染，而猜是要有一个常识做依据的。加上有些浏览器支持一些标签，有一些又不支持，以及其他混乱的情况，为了防止大家鸡同鸭讲，我们需要对 HTML 代码里能有什么标签，标签怎么写，标签可以有什么属性这些东西有一定的共识，建立一个通行的标准，HTML5 就是其中一个比较新的标准。这个标准新加了很多可以用的标签和属性，然后各大浏览器也吭哧吭哧按这个标准去实现了很多这些新加的标签和属性，本来前端程序员要写一堆代码去实现的效果，现在浏览器都给你实现好了，只要写两三行，调用一下浏览器给你实现的部分就能搞定，简单愉快，所以很多人都在热情地推广这个标准~（当然新标准也不可能是完美的，总会有一些问题，怕跑题这里按下不表~）&br&&br&至于 XHTML，就是 HTML 的近亲 XML 和 HTML 自己的杂交品种，对语法要求比较严格，并且为了兼容 XML，在语法上与 HTML 有一些不同~&br&&br&&b&JavaScript 与浏览器脚本&/b&&br&有了表示内容和语义的 HTML，规定样式的 CSS，得到的是一个静态的页面，没什么动画（其实用 CSS 还是可以有一些动画的，不过这个跑题了），按 F5 才会刷新数据，都 21世纪了，这么呆板单调的网页怎么能展现我大智人种族的创造性口胡！于是我们有了 Javascript（JS） 来给页面添加一些动态的效果，比如知乎问题的标签，鼠标移上去会弹出一个小窗口，这个就是 JS 实现的效果啦。&br&&br&&img data-rawheight=&274& data-rawwidth=&532& src=&/dcb4e911b7ee1e363213_b.jpg& class=&origin_image zh-lightbox-thumb& width=&532& data-original=&/dcb4e911b7ee1e363213_r.jpg&&&br&浏览器都会帮你实现一些 JS 可以用的工具（函数，对象什么的），你只要写一些 JS 的代码，保存在 xxx.js 里，在 html 文件中用
&script& 关联进来就可以用了，像上图这个效果应该就包括了 &br&&ol&&li&鼠标悬停到标签上时创建一个新的 &div& 小窗口 &br&&/li&&li& 用 JS
向知乎服务器发送一个请求，得到这个小窗口应该显示的数据，放在这个小窗口里（这就是所谓的AJAX，不用刷新就能与服务器进行交互，更新页面的一小部分~）&/li&&/ol&浏览器拿到这样的代码，就会解析并实现出相应的效果，楼主问的浏览器脚本，指的就是这样子的代码。其实用来写浏览器脚本的，也不是非得JavaScript 不可，当年还为到底用什么语言写这种代码有过一段战火纷飞的时期，但现在尘埃落定，各大浏览器都默认了：请用
JS 写这些动态效果的代码给我解析~&br&&br&以上就是前端部分的内容，下面简述一下后端的东西吧& &&br&&br&&b&Web Server 和 Web Services&/b&&br&浏览器给服务器发一个请求，服务器不是一看就知道怎么响应的。首先这些请求和响应要有一个通用的写法，也就是要有一个协议，常用的是 HTTP 协议。&br&像最前面的图，服务器的响应写了一个状态码 200 OK ，是 HTTP 协议里约定俗成的一个东西，服务器写 200 OK 在响应里，表示“你请求的这个东西我有”，如果是404 Not Found，就是“你请求的这个东西我这里没有”。&br&HTTP 响应里还包括很多东西，比如 Content-type 表示服务器发过来的文件类型是什么（文本？动画？图片？音频？），这样发过去了人家浏览器好知道怎么展示给用户看。人家服务器怎么知道按协议要写什么东西进去呢，这就是 Web Server 干活的时候了。&br&&br&形象化一下HTTP响应，大概就长这样：&br&&img data-rawheight=&351& data-rawwidth=&284& src=&/73fc01d295c7e015c1d80_b.jpg& class=&content_image& width=&284&&&br&再上个锤子，浏览器和服务器之间请求响应的过程大致是长这样的，右下角的那些东西就是由 Web Server 生成的（服务器脚本可以做一些改动，但这些一般是 Web Server 的份内活）：&br&&img data-rawheight=&349& data-rawwidth=&1364& src=&/2fdad81d11618addfbdf65_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1364& data-original=&/2fdad81d11618addfbdf65_r.jpg&&&br&&br&再比如说很多时候你访问一个网站，浏览器里输的地址并没有写明你请求的文件，比如这个问题的地址是：&div class=&highlight&&&pre&&code class=&language-text&&/question/
&/code&&/pre&&/div&但知乎的服务器其实返回了一个html给你，服务器怎么知道这个地址对应要返回什么样的 html 代码给你的？也是 Web Server 干的活。&br&&br&除了浏览器输地址敲回车这种赤裸裸的访问，客户端与服务器的交互还有很多种，比如：&br&&ul&&li&前面提到的用 JS 完成的 AJAX，有点像浏览器和服务器之间的悄悄话~&/li&&/ul&还有其他应用软件与服务器的交互，比如：&br&&ul&&li&微信、QQ 与腾讯的服务器的交互&/li&&li&网游客户端与网游公司服务器的交互&/li&&li&搜索引擎用来搜集网页信息的程序（爬虫）与各种各样的网站服务器的交互&br&&/li&&li&只要你知道用什么地址访问、怎样访问人家的服务器，并且有相应权限，你也可以自己写一些程序去和他们的服务器交互（比如用&a class=& wrap external& href=&///?target=http%3A///wiki/%25E5%25BE%25AE%25E5%258D%259AAPI& target=&_blank& rel=&nofollow noreferrer&&微博API - 新浪微博API&i class=&icon-external&&&/i&&/a&获取微博，开发第三方应用或者做数据分析）。&/li&&/ul&从这些栗子里可以看出，客户端与服务器的交互的主体、客体、载体是五花八门的：&br&&ul&&li&服务器可以是大型机也可以是个人电脑，只要能跑相应的程序就行&/li&&li&客户端像前面举的栗子里一样，可以是各种软件，而且这些软件不一定运行在个人电脑上，也可以是手机、平板、智能穿戴设备等等&/li&&li&有时候不是传生成好的 HTML 或者其他服务器上已经有的文件，而是传输经过一定逻辑处理后生成的字符串或者其他各种封装好的数据&/li&&/ul&像前面提到的 HTML 需要有一定标准一样，为了防止混乱和鸡同鸭讲，我们又需要先对这些机器需要怎么交互达成一定共识，再让它们进行交流。人与人之间通信，需要先有一种大家都认识的写法（比如简体字/繁体字）和一种彼此都懂的语言（比如普通话/广东话）。要让这些形形色色的机器能够通过网络进行交互，我们就需要指明一种协议（比如 HTTP/HTTPS）和一种数据封装格式（比如 HTML/XML），Web Server 提供的 Web Service，指的就是这种协议+格式的交流体系。不过 Web Service 的生态系统和 HTML 的标准不一样，用户可以选择的协议和数据封装格式更多，普通的网站访问用的 HTTP + HTML 只是其中一种，一些封闭系统内的交流还可以自己定义一个协议和格式来用（比如 QQ）。&br&&br&Web Service 传输的数据再经由本地客户端（浏览器、QQ/微信，网游客户端等）的分析渲染，就能够以普通人能够理解的形式展现出来。此外还有一些 Web Service 并不是为普通用户设计的，像前面提到的微博API，是用来给程序猿进行二次开发的~ &br&&br&除了提供 Web Service， Web Server 还会兼顾很多功能，包括提供缓存，平衡负载，这样在访问量比较大的时候能有有条不紊地接客。常见的现成的 Web Server 有开源的 Apache、Nginx和微软的IIS，你也可以用一些工具（比如 Node.js ）自己定制一个。因为 Web Server 需要比较好的性能，所以投产时用的 Web Server 通常是C/C++/Java写的，但是其实很多语言都可以写，而且配合上语言底层的优化和好的模型，其他语言写的 Web Server也可以有不错的表现。&br&&br&&b&PHP ，服务器脚本，Web Framework&/b&&br&开头那张图里服务器接到请求之后可以给访客发送对应的文件，但21世纪的服务器怎么可能只会“接请求-发文件”这么弱智的一招呢，人家还可以处理你上传来的文件的！还可以接受你发过来的各种请求，去操作服务器本地的文件or数据库的！要干这些事，自然服务器那边也少不了要有代码了，这些代码就是服务器脚本。前面说的 Web Service 传输的数据，主要也是由服务器脚本生成，再交由 Web Server ，按照某种协议套好整个响应的格式，返回给客户端的。&br&&br&同一个网址，每个人看到的页面不一定是一样的，比如知乎首页的网址都是&br&&div class=&highlight&&&pre&&code class=&language-text&&/
&/code&&/pre&&/div&但是没登陆和登陆之后看到的东西不一样，登陆之后每个人看到的导航栏的用户信息，关注的动态，都不一样。服务器脚本可以对这些不同的状态，生成不同的页面，交给 Web Server 返回给浏览器。&br&知乎的主页给大家看到的 html 整体来说是差不多的，都有导航栏，左边是关注的动态，右边是广告和边栏，每一块的整体构造大同小异，只是一些地方内容有所区别。服务器脚本就是利用已知的数据，在这些因人而异的地方填入相应的内容，生成给每个人看的页面。&br&比如我的主页，导航栏右边的头像和名字跟别人看到的不一样，就是因为这块地方有一个放图片的&img&标签和一个写名字的&span&标签，服务器脚本在查询本地的数据之后给我返回的页面里&img&的标签填了我头像的图片链接，&span&标签里填了我的名字，给别人的页面就填其他链接、其他名字，这样每个人看到的页面就不一样了。&br&&img data-rawheight=&56& data-rawwidth=&597& src=&/500c9bdd6bf249eec5b084_b.jpg& class=&origin_image zh-lightbox-thumb& width=&597& data-original=&/500c9bdd6bf249eec5b084_r.jpg&&&br&&img data-rawheight=&93& data-rawwidth=&559& src=&/11f27dccc90da76a1ac3c2_b.jpg& class=&origin_image zh-lightbox-thumb& width=&559& data-original=&/11f27dccc90da76a1ac3c2_r.jpg&&&br&PHP 就是一种常见的用来写服务器脚本的语言，其实只要是能拿来写大家传输数据的通用接口（CGI）的语言都可以用来写服务器脚本（也就是说几乎所有编程语言都可以写 = =b），只是因为现成工具的丰富程度和专攻程度不一样，所以有一些语言在写服务器端脚本的时候会比较热门。&br&&br&为了方便，我们在写服务器脚本的时候，通常还会用个同语言写的 Web Framework 来处理各种细节，防御一些常见的攻击，提供跨站认证（比如用已有的微博账号注册其他网站）的接口，利用cookie处理登陆状态和用户设置，生成网页模版之类的。如果你用 C# 或者 Visual Basic 写服务器脚本，就可以用 &a href=&///?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& 这个框架实现这些功能，帮你省点麻烦。不过现在不少人是反过来为了一个好用的 Web Framework 去选择它对应的服务器脚本语言的。&br&&br&&b&一个普通网站访问的过程&/b&&br&简单概括一下，对于我们普通的网站访问，涉及到的技术就是：&br&&ol&&li&用户操作浏览器访问，浏览器向服务器发出一个 HTTP 请求；&/li&&li&服务器接收到 HTTP 请求，Web Server 进行相应的初步处理，使用服务器脚本生成页面；&/li&&li&服务器脚本（利用Web Framework）调用本地和客户端传来的数据，生成页面；&/li&&li&Web Server 将生成的页面作为 HTTP 响应的 body，根据不同的处理结果生成 HTTP header，发回给客户端；&/li&&li&客户端（浏览器）接收到 HTTP 响应，通常第一个请求得到的 HTTP 响应的 body 里是 HTML 代码，于是对 HTML 代码开始解析；&/li&&li&解析过程中遇到引用的服务器上的资源（额外的 CSS、JS代码，图片、音视频，附件等），再向 Web Server 发送请求，Web Server 找到对应的文件，发送回来；&/li&&li&浏览器解析 HTML 包含的内容，用得到的 CSS 代码进行外观上的进一步渲染，JS 代码也可能会对外观进行一定的处理；&/li&&li&用户与页面交互（点击，悬停等等）时，JS 代码对此作出一定的反应，添加特效与动画；&/li&&li&交互的过程中可能需要向服务器索取或提交额外的数据（局部的刷新，类似微博的新消息通知），一般不是跳转就是通过 JS 代码（响应某个动作或者定时）向 Web Server 发送请求，Web Server 再用服务器脚本进行处理（生成资源or写入数据之类的），把资源返回给客户端，客户端用得到的资源来实现动态效果或其他改变。&/li&&/ol&注意这只是小网站里比较常见的模型，大网站为了解决规模问题还会有很多处理，每个环节都会有一些细微的差异，中间还会使用各种各样的工具减轻服务器的压力，提高效率，方便日常维护~&br&&br&&b&延伸阅读&/b& —— &b&那些看花眼的名词&/b&&br&为了方便调试，很多 Web Framework 会自带一个简单的 Web Server，或者有些 Web Server 会自带一个简单的 Web
Framework ，实际部署到服务器上开放使用的时候为了性能或者安全等多方面的考虑，可以把内置的 Web Server 换成其他的，比如
Apache 或者 Nginx （举个栗子，知乎用的是 Tornado 做 Framework，Server 换成了 Nginx，见&a class=&internal& href=&/question/&&知乎使用了哪些框架和开源库？&/a&）。如果是开源的东西，还可以在遵守开源协议的前提下自己改一下再用~&br&&br&因为后端不像前端已经有 HTML + CSS + JS 这样的既定事实标准，服务器脚本与 Web Framework
的选择很多，所以新手会听到很多眼花缭乱的技术名词的地方多在这里~
举一些栗子，早年常见的服务器端语言有：&br&&ul&&li&开源的 PHP&/li&&li&Sun 公司的 JSP 中使用的 Java&/li&&li&微软的 ASP 中使用的 VBScript&/li&&/ul&现在在这方面的应用热起来的语言有&br&&ul&&li& Python，对应常见的 Framework 包括知乎和Quora有用到的 Tornado（其实是自带 Framework 的 Web Server），社区很成熟的 Django （用户包括 Instagram、Pinterest）等&/li&&li&Ruby，一般都用 Rails 这个 Framework，用户包括 Github、早期的 Twitter 等&br&&/li&&li&逆天的 JavaScript，有了 Node.js 这个平台，Web Server、服务器脚本和浏览器脚本全都可以用
JavaScript 来写……Node.js上最常用的 Framework是Express&br&&/li&&li&微软家的则跟着 &a href=&///?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& 转移到了C# 或者 Visual Basic&/li&&li&Erlang，擅长大规模的并发，不少游戏公司拿来写服务器，靠几十个工程师支撑几亿用户的WhatsApp也是用的这个~&/li&&/ul&几种常见的架构包括：&br&&ul&&li&LAMP = Linux + Apache + MySQL + PHP（P还可能是Python或Perl。有时候L会改成W=Windows。），也就是服务器上的操作系统是 Linux，Web Server 用 Apache，数据库用 MySQL，服务器脚本用 PHP，这些都是开源技术，网站起步时用起来的成本会比较低，所以是普通网站里非常常见的架构（虽然对于发展得很大的网站会遇到很多瓶颈），Facebook就是这种，淘宝也曾经是。&/li&&li&J2EE，Java 世界的架构，通常是企业用的（银行、大型公司,.etc），比较常见地还会搭配一种 UNIX 做操作系统，Apache 做 Web Server，Tomcat 转换 JSP 到 Java 给服务器程序用（其实它也自带 Web Server），Oracle 数据库等等。不一定拿来建站，常常用来提供企业里的各种需要用到网络的业务。我们学校教务系统就是用J2EE做的=。= 淘宝现在也是从LAMP转型到了这个。&br&&/li&&li&&a href=&///?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&，微软家的架构，通常会搭配 Windows Server 操作系统，SQL Server 数据库，IIS 做 Web Server。StackOverflow和京东（曾经）就是这个架构。&/li&&li&神奇的MEAN架构，MongoDB做数据库，Express做 Web Framework，Angular 做前端的 JavaScript 框架，Node.js 用于编写 Web Server。神奇之处在于这几个东西的语言都是 JavaScript （MongoDB的实现不是，但与外界沟通用的语言是）。因为是比较新的架构，还有待时间的考验，不过被很多人（尤其是靠 JavaScript 吃饭的前端程序猿们）热切关注。&/li&&li&一般来说重点不在技术而且在乎成本的新网站比较喜欢用 LAMP，重视安全稳定和速度的企业和机构喜欢 J2EE，想省事的网站喜欢 &a href=&///?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&，比较 Geek 的网站和创业公司喜欢折腾各种 Python、Ruby、Node.js世界的东西，Google 这样现成的技术都解决不了需求的超大型网站就自己折腾解决方案。&br&&/li&&/ul&虽然可以用的语言和所属体系五花八门，其实服务器端程序要做的事情本质上都差不多的，就好比自然世界中要表达“吃过了没”这句话的意思，你可以用各种各样的语言在各种各样的场景里表达出来~
一个学期前我也和楼主差不多不知道这些都是啥，一个学期之后差不多都弄懂了，来讲讲自己的理解吧 & & 因为接触的时间不是很长，有错误的地方欢迎指正~ 首先要知道网站访问大概是什么个过程： 假设你在浏览器地址栏输入这个问题的地址 /…
4.29更新&br&我不是猎头！不是猎头！不是猎头！&br&重要的事儿说三遍！&br&最近在研究怎么颠覆猎头，不信？&br&听听Fenng怎么说：&a href=&///?target=https%3A//mp./s%3F__biz%3DMjM5ODIyMTE0MA%3D%3D%26mid%3Didx%3D1%26sn%3D5c4a1dd7a64e3bdc842c%26scene%3D1%26key%3Dc2ceb582f7c81b3c0c4acdc043bcdcf41fca207f669cfb1%26ascene%3D0%26uin%3DNjQzNzkyMTIw%26devicetype%3DiMac%2BMacBookPro11%252C1%2BOSX%2BOSX%2B10.10.3%2Bbuild%%26version%3Dpass_ticket%3D5V604hPTaz219h82Y%252BbH0einFLfLCd%252BXuDpdwD7ocYa7sPyfxXbbgXW9Ojl%252FiMph& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&为什么高端人才会使用「拍卖」来选工作？&i class=&icon-external&&&/i&&/a&&br&&br&&br&4.28更新&br&感谢大家鼓励！&br&点赞不关注的都是坏人&&&br&&br&有童鞋私信问我是咋自学的？&br&墙裂推荐这本《Head First HTML与CSS(第2版) 》O'REILLY, 2013&br&虽是典型的外国砖头教材，但是图文并茂内容生动有趣，适合我这种爱读故事的文科生~&br&&br&----------------正文的分割线----------------------&br&&br&&p&哇，最近正在摩拳擦掌开始学前端，从HTML开始，仿佛回到了本科时的计算机课时代，当然那时学的还是VB和C++ 哎，岁月是把杀猪刀啊。。。&/p&&br&&p&周末看到这个问题，天气热的不想出门，个么来码码字吧！&/p&&br&&p&「为什么优秀的前端工程师这么少？这么少？少？」，这是我在敝司HR群里最常听到的抱怨之一，甚至超过吐槽iOS和Android开发。。。&br&&/p&&br&&p&因为天真的HR mm们一般认为：「前端开发相较于其他领域的开发要容易的多，为啥CTO还要求那么多，推荐的前端被退回来一个又一个？」&/p&&br&&p&我曾经也是这么看前端的，不就是切切图、排排版、加个动图嘛，后来准备学前端，才发现前端开发根本不是软！柿！子！&/p&&br&&p&既然开了头就不能半途而废，发挥文科生的精神我查阅了一些前端的文献，从了解前端历史开始进入这个领域。&/p&&br&&p&首先，我可以很肯定的回答第二个问题，是的，国外的优秀前端也是香饽饽，很难招！&/p&&p&先甩一张图：&/p&&img src=&/de9d272f350e893bcb5686_b.jpg& data-rawwidth=&540& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&540& data-original=&/de9d272f350e893bcb5686_r.jpg&&&p&根据&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&抓取的数千家网站的职位显示，&b&目前「HTML5」岗位是需求增长最快的开发岗位，在所有开发职位中排名第一&/b&，MongoDB和iOS紧随其后位列第二、第三。&/p&&br&&p&可见，HTML5可以说是最热门的前端岗位了，在2010年和2014年底有两次爆发性增长，现在在美国的岗位需求甚至超过了iOS。&/p&&br&&p&所以市场上优秀的前端工程师相对较缺少，是一个国际问题。&/p&&br&&p&再来回答第一个问题，前端工程师的地位和薪水上涨除了供不应求的市场经济因素，与前端工程师独有的特性分不开。作为前端初学者，对前端开发的了解还比较浅，分享一篇看到的blog吧。&/p&&br&&p&Jose Aguinaga是一位美国的前端工程师，根据自己求职、面试、以及项目工作的经验回答了这个问题，文章比较长，主要从三个角度回答了这个问题：&/p&&br&&p&&b&1、前端是相对来说的一个新领域&/b&&br&&/p&&p&这些岗位的大多数已经存在了多年，但是在web行业对它们做出合理规范的要求却是最近10年才开始做的。&/p&&br&&p&&b&2、普遍存在误解&/b&&/p&「大多数人心中的前端工程师」和「实际上前端工程师的工作」完全不是一个事儿。&br&&br&&b&3、大量糟糕的前端工程师的存在&/b&&br&「糟糕的前端工程师」与「优秀的前端工程师」做的工作也不是一个level的事儿。&br&&br&&br&下面是原文，我简单翻译了一下。（专业词汇好多，有误请指出，轻拍~原文地址：&a href=&///?target=http%3A////why-cant-we-find-front-end-developers/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&why-cant-we-find-front-end-developers&i class=&icon-external&&&/i&&/a& ）&br&&br&&p&&b&一、相对来说，前端是一个新领域&/b&&/p&&br&&p&可能很多人认为前端开发和网页开发类似，而网页开发已经有20多年的历史，所以前端并不是一个新领域。然而，&b&前端工程师的概念中的接口技术实现和用户体验作为一个专业的工作领域&/b&，却无疑是很新的。大概几年前，前端开发的技术增长迅猛，如下图所示：&/p&&img src=&/80ef1db3c6beadf54693b_b.jpg& data-rawwidth=&835& data-rawheight=&474& class=&origin_image zh-lightbox-thumb& width=&835& data-original=&/80ef1db3c6beadf54693b_r.jpg&&&p&过去几年前端工程师的可视化增长趋势 by Google Trends&/p&&br&&p&对大多数互联网圈外的人来说，&b&网页开发是横亘在网页可视化设计和技术实现之间的一条模糊的界限&/b&。毕竟，网页开发的确是一部分前端工程师的工作，并且人们想象前端工程师只专注于用户接触的部分。&/p&&p&最近，将接口技术实现和用户体验作为作为一个专业领域的概念才刚刚兴起。十五年或更久以前，网页的可视化设计和技术实现所需要的资源是平均分配的。随着网站的发展——网站不仅是一个登录页面，工程资源的需求越来越明显。人们开始专门学习网站专用的Javasript、后端技术、UX、数据库，甚至系统设计。&/p&&p&今天，&b&一个像AirBnB/Facebook/Quora的Web应用程序，投入的工程资源比设计资源多得多。&/b&换句话说，如今，做出网页的视觉设计比技术实现要更快。这并不是说和20年前相比，可视化设计没那么重要，或投入的资源更少，而是说如今的网页需求要求更多的工程师供应。&/p&&img src=&/bdecfcbdc1d65e830cca6742_b.jpg& data-rawwidth=&1191& data-rawheight=&1034& class=&origin_image zh-lightbox-thumb& width=&1191& data-original=&/bdecfcbdc1d65e830cca6742_r.jpg&&&br&&p&因为一个Web应用程序的技术实现包含了多种领域，在90年代「网站工程师」是多面手：他们有的来自数据库管理员和系统管理员，有的来自后台工程师，软件工程师，UX工程师和前端工程师。最新的可能人们最恐惧：用Javascript，HTML和CSS修修补补一个视图，让它和所有的浏览器都适配。要享受前端工程师，你必须对视觉设计有兴趣（或者乐于做一个受虐狂▼）。&/p&&img src=&/042571cfeebc5e7a8fa3e50e6d3ad6ae_b.jpg& data-rawwidth=&1624& data-rawheight=&848& class=&origin_image zh-lightbox-thumb& width=&1624& data-original=&/042571cfeebc5e7a8fa3e50e6d3ad6ae_r.jpg&&&br&&p&很显然，要处理大量的Web应用程序需求，技术任务就要进行分类，以便于多人同时处理网站请求。我不知道哪个任务需要最多的时间，或者哪个是最难的，但是事实上现在已经不可能一个人快速地解决所有的技术细节了——这也是多家网络机构和企业关心的问题。因此，所有之前我提到的工作描述（后台工程师、DBA等等）都被归入了web行业。请注意：&b&这些岗位的大多数已经存在了多年，但是在web行业对它们做出合理规范的要求却是最近10年才开始做的。&/b&&/p&&img src=&/31d1fb1c_b.jpg& data-rawwidth=&1200& data-rawheight=&831& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/31d1fb1c_r.jpg&&&p&现在还有一类人是独自处理一个Web应用程序的所有问题，即「全栈工程师」，但是优秀的全栈工程师同样数量稀少。&br&&/p&&br&&p&现在，创业公司已经很清楚，要想成功可能需要覆盖一个Web应用程序的诸多技术方面：前端、后台、DBA、运营等等。PaaS（Platform as a Service）的诞生帮助创业公司剥离了运营，同时多种BaaS（Backend as a Service）服务，比如&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&，甚至可以为你的应用提供数据库模型和终端（当然你仍然需要某人帮你设计模型）。前端还没有被提供这种服务，但是已经有一些服务可以让你购买登陆页面的前端模块和组件；如果你想要创造一些真正的Web应用程序，除了求助前端工程师，你别无他法，就像你要创立一个品牌你也绕不开请一位设计师一样。&/p&&br&&p&&b&二、普遍存在的误解&/b&&/p&&br&&p&寻找前端工程师难的另外一个很重要的原因，就是它是被广泛误解的领域。正如前面提到的，大多人都认为前端开发是一个「相对于来说更简单的领域」。不妨用一个已经过时的模式描述这个误解：&/p&&p&&b&大多数人心中的前端工程师是：&/b&&/p&&p&1、把Photoshop文件、图片或者线框做成一个页面；&/p&&p&2、偶尔设计Photoshop文件、图片或者线框；&br&3、用JS实现动画、过渡效果；&br&4、用HTML和CSS编程，实现网页的内容和形式。&br&&/p&&br&&p&&b&事实上，前端工程师在做的是：&/b&&/p&&p&1、在设计师和工程师之间创建可视化的语言；&br&2、根据设计稿定义一组代表内容、品牌和功能的组件；&br&3、为Web应用程序的框架、需求、可视化的语言和规格设定基准；&br&4、根据设备、浏览器、屏幕、动画来划分web应用的工作划分；&br&5、用QA基准来保证指南来确保品牌忠诚度、代码质量、产品标准；&br&6、调节Web应用程序的样式，包括间距、字体、标题、图标、布局等等；&br&7、根据不同分辨率、横屏竖屏等，调节Web应用程序的样式；&br&8、标记 Web 应用程序，使之语义化，SEO 友好；&br&9、通过API获取内容要考虑友好性、电池消耗性、设备和客户端的特性；&br&10、开发客户端要考虑动画的流畅、延迟加载、交互、应用工作流程，大多数时间用来考虑渐进增强和向后兼容的标准；&br&11、保证后台连接安全，采取跨地资源共享（ CORS ）的程序考虑，防止跨站点脚本（ XSS）和跨站点请求伪造（ CSRF ） ；&br&12、最重要的是，尽管要符合以上标准，但是无论现在还是将来永远是「用户第一」。&br&&/p&&br&&p&为了实现上述目标，前端工程师采用了多种工具，从可视化工具（Photoshop/Adobe/Macaw/Sketch），到编程工具 （IDE’s，命令行，源代码版本控制， Bash脚本，建设任务） 。有时，我们甚至要照顾市场（Newsletters，Campaigns，分析，SEO，社会媒体） 、 UX （动画、过渡、反馈、接口、可视化语言），到内容改进（断点、避免孤立词汇、可读性、颜色） 。&/p&&br&&p&&b&三、存在糟糕的前端工程师&/b&&/p&&p&或许难以招到优秀的前端工程师最明显的原因就是：大量糟糕的前端工程师的存在。正如大家知道的，前端工程师的入门门槛非常低。JS、CSS、HTML并不是很难掌握的语言。只要花一点时间，谁都可以通过网上教程（CodeAcademy/CodeSchool）学会。但是学习Erlang（作者自己最爱的变成语言之一）、Go，甚至ANSI C，都需要你掌握很多计算机的知识。调整网页中的颜色和图片是非常容易的，但是了解网络的软肋却是完全不同的事情。&/p&&p&最终，前端工程师市场上被做这些事的家伙搞坏：&/p&&br&&p&&b&糟糕的前端工程师是这样做事：&/b&&/p&&p&1、滥用JS库，因为他们实际上并不了JS的内部（e.g. 一切都用jQuery）；&/p&&p&2、滥用JS插件，抄别人的代码哪怕自己根本读不懂（e.g.jQuery.doParallaxPls.js）；&/p&&p&3、给Web应用程序添加CSS框架，却只用到CSS/JS的5%，没有看到任何的需求、设计或者比较和评价；&/p&&p&4、认为只要添加了CSS框架，网站就可以「有求必应」；&/p&&p&5、一边在说着「响应式web设计」，却对服务器端技术一无所知；&/p&&p&6、用CSS编程时不管预处理器、命名规范等，却用不合适的selector/ids/magic numbers等；&/p&&p&7、忽视表现、内存泄露（并不理解内存泄露的真正含义），不会检测代码；&/p&&p&8、不会用指标衡量一个产品，或者这种指标旨在自己的电脑、浏览器、设备有效；&/p&&p&9、忽视软件技术。&/p&&br&&p&虽然CS背景并不是成为一个优秀前端工程师的必备条件，但是&b&计算机和软件的基础对你用JS或浏览器编程都非常重要&/b&。优秀的前端工程师知道，web可能是最有影响力的平台和环境之一，所以在那里执行的程序&b&必须&/b&被小心对待，甚至比在任何一台可视化机器上的任何一种语言更小心。&/p&&p&一位优秀的前端工程师不仅要考虑web技术和语言，并且还要了解所有不同的组件、系统和概念。&/p&&br&&p&&b&以下是优秀的前端工程师在即时面对普通的任务也会做的事情：（这才是市场急需的前端）&/b&&/p&&p&1、DNS解析、使用CDN和关于multiple Hostnames as part of resources request.&/p&&p&2、HTTP Headers (Expires, Cache-Control, If-Modified-Since)&/p&&p&3、Steve Souders的所有规则(&a href=&///?target=http%3A///product/7.do& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&High Performance Websites&i class=&icon-external&&&/i&&/a&)&/p&&p&4、如何解决PageSpeed, YSlow, Chrome Dev Tools Audit, Chrome Dev Tools Timeline显示的所有问题；&/p&&p&5、何时把任务传到服务器和客户端；&/p&&p&6、缓存，预取和负荷技术的使用；&/p&&p&7、Native JS，知道何时从头开始做，何时查找别人的代码，同时可以评估这样做的优缺点；&/p&&p&8、modern MVC Javascript libraries (e.g. AngularJS, EmberJS, ReactJS), graphic libraries (e.g. D3, SnapSVG), DOM manipulation libraries (e.g. jQuery, Zepto), lazy loading or package management libraries (e.g. RequireJS, CommonJS), task managers (e.g. Grunt, Gulp), package managers (e.g. Bower, Componentjs) and testing (e.g. Protractor, Selenium)的相关知识和用法；&/p&&p&9、CSS标准、modern conventions、 strategies (e.g. BEM, SMACSS, OOCSS)的知识和用法；&/p&&p&10、JS的电脑知识（内存管理，单线程的性质，垃圾收集算法，超时，范围，提升，模式）&/p&&br&&p&&b&结论：&/b&&/p&&p&现在，&b&前端工程师终于前所未有的在web中有了一席之地&/b&。可能是由于多设备、浏览器和Web标准的演变的革命，所以寻找能够专注于Web应用程序用户端的人变得很迫切。全世界的前端工程师和开发者正在参与到那些我们曾想象web可以给我带来的一切的变化的产品。现在存储着我们所写、听、email、看的所有实体都和云相连。&/p&&p&虽然现在招前端工程师很难，但是我知道越来越多的人将会加入前端的大军。不仅是因为大多数前端工作提供的优渥薪水和办公环境，也是因为web中的前端编程变得越来越让人兴奋：通过网络提供服务，你有机会接触千万用户的生活，所有的一切都汇聚于一个叫浏览器的东西——它消泯了局限，使得人们可以分析，描绘和渲染任何一种疯狂的想法。&/p&&br&&p&加油吧，前端！&/p&
4.29更新 我不是猎头！不是猎头！不是猎头！ 重要的事儿说三遍！ 最近在研究怎么颠覆猎头，不信？ 听听Fenng怎么说： 4.28更新 感谢大家鼓励！ 点赞不关注的都是坏人&& 有童鞋私信问我是咋自学的？ 墙裂推荐这本《He…
&b&泻药，偷个懒发个以前的讨论总结：&/b&&br&&br&&br&猎头如何更好的搜索候选人？&br&&b&在信息化高度发达的今天，不管你是人还是狗，强大的网络都能让你无处遁形，作为猎头的必修课网络搜索，你当年是怎么毕业的呢？关于常用的网络搜索引擎或者火热的SNS，你曾经有过怎样令人叹服的搜索实例？&/b&&br&&br&&p&网络搜索的相关涉及：&/p&&p&1】常用的搜索引擎：百度、谷歌、雅虎以及微软bing...&/p&&p&谷歌优点：准确性高；&/p&&p&百度评价：百度准确性不高，但是相关连性高。可以从关联词里找相关的信息；&/p&&p&微软bing：搜索准确度不很好，关联性没有百度好，但搜索技术类的信息，bing会较好于百度；&/p&&p&备注：关键词设定以及搜索的逻辑性等问题。&/p&&p&譬如：怎样排列关键词能使搜索的准确性更高？&/p&&p&一般来讲，为了提高搜索到准确性我们可以这样考虑：&/p&&p&小----大（从范围较小的概念依次搜到范围较大的概念，比如搜索总工，可以输入建筑设计 设计师
总工）&/p&&p&精确----模糊（先搜核心内容，概念依次延展）&/p&&p&同时要合理利用搜索引擎自身的逻辑语言，比如空格、“&”、“-”等等之类的 &/p&&br&
2】常用的社交网站：人人，微博、人和、天际、QQ群、朋友网、易招聘、猎聘、三大招聘网站、优仕网、若邻网、精英前程、猎头世界、红桃网、人力资源总监、猎人007网、微信、Linkedin、Facebook、twitter、婚恋网、大街网，MSN、豆瓣、猎头盟、云猎头、17HR、行业新闻、目标公司网页、专业论坛、行业协会；&br&&br&
【微博】&br&&br&六度人脉理论，圈子跟圈子的交集，策划、营销等的使用微博较多，技术类的比较open人用微博的比较多；&br&
微博达仁堂：&a href=&///?target=http%3A//t..cn/c/han/user/circle/cid-0& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&房产名人_海南微房产&i class=&icon-external&&&/i&&/a&&br&
地产高层：大多在微博；&br&&br&
【人和网】&br&&br&
信息准确度高，但是人才活跃性在逐步下降&br&&br&
【优仕网】&br&&br&
沿海，投资，财务的较多，偏外资，level 比较高的人居多；&br&&br&
【若邻网】&br&&br&
相对比较水平低些，质量不高；&br&&br&
【天际网】&p&
IT人才较多；&/p&&p&
【红桃网】&/p&&p&
优点：推圈层交流，加某个圈子后，可以认识圈子里面的所有人&/p&&p&
【人力资源总监】 网址：&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&
优点：名片网，交换名片 &a href=&///?target=http%3A///jsp/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/jsp/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&
【猎人007网】&/p&&p&
优点：有免费简历、list也很便宜&/p&&p&注：网络搜索到分类&/p&&p&1、搜索引擎&/p&&p&2、社交网站&/p&&p&3、招聘网站&/p&&p&4、论坛、专业网站、博客 &/p&&p&5、qq群、qq圈子、微信群、微博群、MSN群&/p&&p&总结：&/p&&p&1、1和4可以帮助搜索信息；&/p&&p&2、235更方便找人；&/p&&p&3、2上面的人大多是性格比较开放的、喜欢新东西的人；&/p&&p&4、4和5更适合找专业性、技术性的人。&/p&&p&5、可以跟候选人深度沟通，然后跟起了解该专业候选人一般用什么交际网站、专业论坛等。&/p&&p&6、技术类的、研发或者是偏理科的岗位可以去相关的专业论坛；&/p&&p&7、用好微博的标签功能可以帮助我们搜索到没有实名认证的候选人；&/p&&p&8、用自己擅长的为主，其他为辅，哪种效率高，就该多注重，&/p&&p&9、抓住一批活跃的人，长期跟踪最活跃的点，与之建立良好的联系，从而打入这个圈子内部；&/p&&p&10、社交网站——活跃的人——建立联系——扩展领域，由点及面，抓住每个圈子内比较活跃的20%，进而扩散到这个圈子其他的80%；&/p&&p&11、合理使用碎片时间（譬如上WC，睡觉前，公交车等），玩社交网站不需要花费特别多的时间投入；&/p&&p&12、任何的社交网站只是帮助我们跟候选人建立关系的一种方式，可以根据实际情况的需要选择一种或者多种使用，配合电话效果更佳！&/p&
泻药，偷个懒发个以前的讨论总结： 猎头如何更好的搜索候选人？ 在信息化高度发达的今天，不管你是人还是狗，强大的网络都能让你无处遁形，作为猎头的必修课网络搜索，你当年是怎么毕业的呢？关于常用的网络搜索引擎或者火热的SNS，你曾经有过怎样令人叹服…
其实很难，离开背景什么都很难谈。&br&看你们公司倾向于什么方面。&br&PHP易学难精&br&如果你倾向于用户界面，不妨给他一个网站进行结构分析和用户感知分析&br&如果你倾向于系统稳定，不妨给他一个加速的构想，看看他有什么想法&br&如果你倾向于结构，不妨问问他以前做过什么项目，或者给他一个系统分析一下
其实很难，离开背景什么都很难谈。 看你们公司倾向于什么方面。 PHP易学难精 如果你倾向于用户界面，不妨给他一个网站进行结构分析和用户感知分析 如果你倾向于系统稳定，不妨给他一个加速的构想，看看他有什么想法 如果你倾向于结构，不妨问问他以前做过什…
我一般在面试开发的时候会问以下几个问题。回答80分以上直接招来。HR都无视&br&仅供参考&br&1 你写代码有多长时间了，有没有做过开源项目&br&2 你如何理解的面向对象编程（什么是面向对象）&br&3 PHP为什么不安全。主要有那些安全问题&br&4 业务和性能冲突的时候你会怎么办&br&5 开发过程中你觉得最难的是什么&br&6 你觉得你和其他人比你的优势是什么&br&7 如何对一个亿级数据的表按照一个没有索引的字段进行统计
我一般在面试}