仿美团外卖源码php下载

总结WordPress可以搭建的20种网站类型

?

什么是wordpress

wordpress是一个php博客程序。

正如我们前面所说的，WordPress几乎都可以搭建任何类型的网站。只不过有些复杂的网站，可能需要一定的开发经验和成本，这一般需要找成熟的WordPress建站公司制作。但是对于比较常见的大多数网站类型而言，依托WordPress超多的主题和插件，即使你不懂开发技术，也是可以制作出来的。

WordPress可以搭建哪些类型的网站

1.博客或个人网站

WordPress最初是一个简单的博客平台，然后迅速发展为功能强大的CMS。在过去的12年中，那些博客和个人网站组件并没有消失。它们变得更加精致、成熟。如果您要创建博客或个人网站，那么您会发现使用WordPress就可以很好地实现。

使用WordPress搭建博客或个人网站，一般只需要找到一款自己比较满意的WordPress主题，直接安装，简单设置一下就可以了。

2.企业官网

随着WordPress越来越被国内企业高管认识，越来越多的国内企业也开始采用Wordpress来搭建他们的官方网站。国外更是有许多大公司正在使用WordPress创建功能强大的网站，使他们的业务更加强大。WordPress提供了最简单的方式来创建他们的企业网站。因此，他们可以轻松启动网站，然后使用WordPress网站扩大业务。

3.外贸网站

WordPress被越来越多的国内企业用来搭建外贸网站，因为WordPress是国外开发的成熟的建站系统，被国外用户所熟悉，并且对SEO非常友好，尤其是Google这两年还专门针对WordPress网站提出了一些针对性的改进建议，并且为WordPress社区开发了一些SEO方面的插件。从中不难看出，随着WordPress用户群体的日益增多，像Google这样的搜索大头都越来越重视它了。

所以，如果打算搭建外贸网站，还是尽早选择WordPress！

4.电子商务网站

WordPress为新创业公司开发在线商店提供了主要部分，他们不希望在初期阶段花更多的钱。WordPress非常成熟的商城插件WooCcommerce，为电子商务需求提供了更有价值的解决方案。并且使我们能够创建支付网关集成，管理库存、运输、税收，并且让所有客户资源都保留在自己的商城网站中。

国内使用WordPress搭建独立商城网站的趋势在不断上升，相比国内其他商城系统十几万的授权费用和封闭的二开环境，WordPress+WooCommerce这样开放、节约成本的实现方案应该是更多国内企业应该选择的方案。

5.自媒体网站

自媒体网站在几年前就非常流行，比如 人人都是产品经理、科学松鼠会等某个领域的专业网站，都是非常受欢迎的。现如今，搭建自媒体网站在技术上并不是难事，甚至有一些成熟的WordPress自媒体主题，只需要简单设置就可以实现一个自媒体网站所需的常用功能。

6.资讯门户

资讯门户网站其实都是以文章为准，而WordPress本身就是内容管理系统，搭建资讯门户自然不在话下，使用一些现成的WordPress门户主题，就可以搭建出不错的门户网站。

7.软件推荐站

软件推荐站，就是专门推荐优秀软件资源的网站，比如小众软件、异次元软件世界等都是大家熟知的网站。

8.公众号和小程序

自从微信小程序火了以后，什么百度、支付宝、头条等等小程序都出现了，作为支持 Rest API 的WordPress，自然也是可以作为任何编程语言的后端管理系统，而目前市面上已经有不少相对成熟的基于WordPress的小程序和公众号插件，甚至，国内WordPress大牛水煮鱼还基于WordPress开发出了花生小店这样的小程序商城平台！

9.问答网站

WordPress提供您所需的在线问答网站。您可以借助插件在WordPress中建立一个繁荣的在线社区网站。如yahoo问答、Stack exchange 或 Quora。

10.非营利网站

WordPress通过您可以自行更改的方式免费提供源代码。它为非盈利性和福利性网站提供了理想的解决方案。他们在这里提供捐赠表格以及付款集成。许多插件使执行此操作变得容易。您想通过可以使用PayPal插件从所有机构中筹集资金吗？许多免费的WordPress主题可用于教堂，而不是用于营利性公司。

11.作品展示网站

当您想向公众或客户展示您的作品时，请毫不犹豫地选择WordPress。WordPress为此提供了许多解决方案，例如您可以添加图库、美观的滑块。WordPress可用于为您的产品展示网站提供非常光滑和优美的用户体验，并使想要了解更多关于您的工作的用户更容易。

12.在线社区

您可以使用WordPress将WordPress用作在线论坛。您可以使用BuddyPress、bbPress插件在网站上添加所有社交功能。

13.优惠券网站

当您想从数百个提供特定产品和服务折扣的网站上赚取会员佣金时。您只需使用WordPress创建优惠券网站。它可以轻松创建添加和管理优惠券。您的用户可以投票，发表评论等等。WordPress为优惠券网站提供了更好的解决方案。管理面板完全适合优惠券网站。

14.多语言网站

在WordPress中，您可以使用任何语言创建网站。并为其他语言人民提供了解决方案。我们将通过Geolocation明智的方式设置语言，并提供简单的方法来更改语言。WordPress提供了一个插件，可以通过一次激活来更改整个网站的语言。您会看到创建多语言网站的难易程度。比较受欢迎的搭建多语言网站的插件有 WPML、Polylang、qTranslate 等。

15.知识库/ Wiki网站

您是否要创建一个像上传带有知识库的文档之类的网站或像Wikipedia？只需选择WordPress，它就会附带很多插件，可以迅速将您的网站变成类似于Wikipedia站点的易于浏览的网站。

16.摄影网站

当专业或业余摄影师在寻找网站来推广自己的业务时，他们可以选择WordPress来很好地展示它。您可以在其中添加画廊，专辑，标题，幻灯片和吸引人的内容。在WordPress中，我们可以找到许多摄影师WordPress主题。

17.学校或学院网站

WordPress为学校和学院提供了数千个WordPress模板。这样更安全，易于管理。您可以了解流行的大学如何使用WordPress。

18.商业目录网站

商业目录是商业世界中的另一项高需求服务。WordPress通过使用插件和构建主题，提供了一些很棒的方法来创建出色的业务目录。您可以无限制地在WordPress中创建业务目录。当然，这类目录网站，国内比较知名的是58同城、美团、饿了吗等，国内还没看到使用WordPress搭建商业目录的案例，但是在国外应用的还是不少的，因为我们在国外网站看到很多这方面的主题。

19.家庭博客

WordPress是为您的家庭创建精彩网站的理想媒介，而不是管理用户管理系统。在这里，我们可以轻松创建一个婚礼网站，上传家庭照片和家庭八卦。WordPress可以为所有家庭成员带来无尽的乐趣。

20.招聘网站

目前国内采用WordPress搭建招聘网站的很少见，但是在国外还是有很多大型企业的招聘部门在使用的。国内招聘这一块市场，还是掌握在各种类型的招聘平台，但是如果公司官网是WordPress搭建的，同时公司有一定的招聘职位规模，那顺带增加一个招聘功能也是不错的选择。

总结

以上列出的仅仅是一些比较常见的WordPress可搭建的网站类型，自从WordPress支持 REST API 以后，就可以更广泛地和其他编程语言或建站系统交互，进而开发出不同需求的网站。所以，开放的WordPress几乎无所不能，关键在于我们是否有能力去使用和二开。当然租用合适的服务器也是比较重要的，现在大陆用户主要还是使用香港服务器搭建业务的比较多像wordpress这样的网站也是完全兼容的，租用香港服务器的话可以考虑选择纵横数据，纵横数据香港服务器采用CN2直连，多种配置支持各类wordpress业务部署

中外“私域电商”发展史深度对比

编辑导语：私域电商指拥有私域流量，能够不再依赖拥有公域流量的平台，借助社交媒介用社交方式与客户沟通并完成交易的商户。随着私域的重要指数逐渐上升，越来越多的人对私域电商产生了兴趣，本文作者深度对比了中外“私域电商”的发展史，希望对你有所帮助。

今天的任务是给大家拆解一个热词“私域电商”并找寻可以复用的增长机会。

作为一名生物系毕业的同学，学术研究对我的影响还是比较大的。一个概念不可能凭空诞生，它必然基于已有的事实或者前人的观点。

电子商务已经有超过20年历史了，几乎没有什么新鲜事了。今天我将通过对比中美互联网的现象和数据，来详细解读一下“私域电商”的发展史，以及我们从今天开始要做哪些准备，目录在下面，Enjoy！

概述：企业做电商的两种选择中美电商对比研究解密美国电商现状解密中国电商现状中国企业从0到1启动数字营销需要做好哪些准备？

接下来，让我们一起来看看中外“私域电商”的发展史。

一、概述：企业做电商的两种选择

尽管公域和私域这两个词在是中国人造的，但中国人并没有创造新的概念。从目前大家通俗的理解来看，公域和私域电商的分类差异点在于销售渠道。

1. 私域电商是什么？

一句话描述就是：企业自建商城网站去卖货。从这个角度来看，私域电商其实就是国外企业的官方商城。

私域商城形态包括：PC端网站、移动端H5网站、小程序、移动端APP。企业可以自己定制开发电商网站，也可以使用通用的建站工具。国外的建站工具有Shopify、woocommerce、Opencart等等；国内的建站工具有有赞、微盟等等。

2. 公域电商是什么？

一句话描述就是：企业去平台电商的网站上开店卖货。平台电商上有各家的货，所以对于每个商家来说平台电商就是一个公共的营商环境。

美国的平台电商有亚马逊和Ebay等等；中国的平台电商有天猫、淘宝、京东、拼多多等等。所以，企业去平台电商的网站卖货就是在做公域电商，企业在自建的电商网站卖货就是在做自己的私域电商。

从这里我们不难看出，无论是什么电商，网站或者APP才是互联网中最基础的建设，承载各种数字化的内容和商品。

企业可以去平台电商卖货，也可以自建商城卖货，两个分类是互斥的但并不冲突，也必然各有优劣。既然是研究电商，我们就先来看一下中美之间的电商环境的对比。

二、中美电商对比研究1. 中美零售电商的对比研究

中国和美国在2019年的社会零售总额都接近5.5万亿美金，美国略微领先中国。

在2019年，中国的电商渗透率是36.6%，而美国的电商渗透率仅10.7%。这组图表中最震惊我的数据是：中国的电商渗透率预计将在2023年达到63.9%。毫不夸张的说：中国会成为人类历史上从来没有出现过的数字化文明。

与此同时，美国的电商率在2023年预计仅为16.2%。不过从另一个角度来看，这其实代表着美国的线下零售非常之强，而中国的线下零售基础薄弱，很有可能被电商彻底颠覆，从而产生新物种。既然中美电商的差异看上去这么悬殊，那么中国的电商网站数量一定秒杀美国吧？

很遗憾，事实完全相反！

2. 中美网站数量的对比研究

我们首先看下全球网站的数量！

全球目前有17.2亿的网站，数量非常庞大，但增长的势头已经停止（全球APP数量只有1000多万，我们就先忽略不计了）。

从网站域名的维度去看网站的归属地，美国有近1亿的网站。而中国目前只有不到500万的网站，除此之外中国还有近500万小程序（BTW小程序增长的势头挺强）。

假设网站和小程序的域名没有重叠，中国网站的总数也不超过1000万，仍然和美国有10倍的差距。再从另一个维度来看，全球流量排名前100万名的网站里，中国的网站只占约5%，而美国网站占43%。

要知道中国占世界人口的五分之一，而高流量的网站数量明显没有达到这个水平，甚至不如德国。

这边就出现了两个显而易见的矛盾点：

为什么美国电商看上去不发达，但是美国企业的网站那么多？为什么中国电商看上去很发达，但是中国企业的网站那么少？

下面请让再我用5000字来详细解释一下这两个问题！

三、美国的电商现状研究1. 美国的电商的格局是啥样的？

我们首先来看一下中美的电商网站的市场集中度：

这是2018年的中美电商市场份额的数据，反映的情况还是很明显的：

美国前10名电商网站的市场份额占70%，11名开外的所有电商网站占30%，市场集中度相对低。中国前2名的电商网站就占了74%了，前10名的电商网站占86%，11名开外的所有电商网站占14%，集中度非常高。

这里可以有一些推测：

美国企业确实自建了很多电商网站，并且分散了平台电商的市场份额；中国因为有人口红利加持，且文化统一、智能手机普及，所以平台电商更加垄断。与平台相比，中国中小企业数字化的能力相形见绌，自建电商网站的数量和质量都比较堪忧，市场份额也相对小。

全球有大量的网站爬虫数据可以交叉验证这些推测。

1）为什么美国的企业那么喜欢自己搞个电商网站卖货呢？

要知道企业自建网站的工作量是很大的：

2）美国企业的人力成本那么贵，去平台电商卖货不方便吗？

究其原因，还是因为钱的缘故。美钞上的男人本杰明·富兰克林曾经说过一句话：唯有税收和死亡是人生无法避免的。

这个真的是他说的，我反复确认过，大家还可以学习下英文原版：

“Our new Constitution is now established, and has an appearance that promises permanency; but in this world nothing can be said to be certain, except death and taxes.” – Ben Franklin

经过对比研究，我认为美国企业自建电商网站的主要原因就是：欧美平台电商高昂的税收。

2. 平台电商的税收就是企业自建电商的动力

商家在平台电商上卖货是要付租金的，就好像去线下开店要付店铺租金一样。企业在平台电商上销售产生的成交总额（GMV）都会按一定比例去给平台交过路费。

以下概念基本上都是租金的同义词：

平台电商财报里经常提及的平台货币化率（monetization rate）；商家们常说的平台抽成（take rate）、平台税收（tax rate）或者叫平台过路费。

在美国，平台整体的抽成都比较高。

亚马逊的平均货币化率：13~15%Wish：15~20%Ebay：11~12%沃尔玛：12~15%

我还找了份中金公司2019年的统计数据做参考，对比了一下国内的平台电商。

可以看出来，国内的电商平台的抽成还是少了一截的。但是，国内的电商平台正在迎头赶上。

以阿里巴巴为例，平台整体的货币化率从 FY2018 的 3.66 %提升到 FY2019 的 4.32%，FY2020年的货币化率从公开数据来看已经接近5.2%。（阿里巴巴2020财年的数据，490亿美元的电商和服务费营收，对应9300亿美金的GMV，算下来货币化率大概是5.2%。）

事实上对国内商家而言，看似电商平台的抽成和营销费用比率的绝对值不高，但最近几年每年都要固定增加个20%，体量还是很惊人的。且存在二八定律，头部品牌一定被抽取的更严重。

而拼多多2019年度货币化率在3%左右，之前更低。这就能理解为什么很多中小商家出逃到了拼多多，因为整体的过路费相对较低，门槛自然也就低了。

顺便提一下，美团的综合货币化率是14.1%，不过其中包含了很大一部分跑腿费。所以，很多线下的商家也在强烈地表示，想要构建私域来降低成交的成本。要知道，中国的互联网公司才刚刚开始见识到：什么叫人口红利的消失。

中国的平台也必然会逐步提升自己的税收，以此来对抗成本的上升，而这部分费用也自然而然加到了商家的身上。不过，再怎么升高也还是不及美国平台的电商，所以美国的商家也早就开始学着怎么搞私域电商了。

3. 欧美私域电商繁荣的秘密

之前我们曾经搭建过跨境电商的网站向欧美销售生物领域的科研用品。当时我们还是没有任何创业经验，既不会写代码也不会做电商。除了钻研的精神和几万块钱起步的资金，啥都没有。

令我自己都感到意外的是：我们在1个月内，就搭建了一个十万SKU的电商网站，然后又围绕网站组建了自动化的营销系统，理论上已经能实现千人千面的商品展示和营销触达。

更关键的是，在实现这一复杂的工程中：我们唯一的知识来源就是GOOGLE搜索攻略，且在建站的过程中几乎没有写任何代码，取而代之的是使用了开源的建站系统WordPress和数十款营销科技（MarTech）。

虽然我们每个月订购营销软件就需要上千美金，但他们运转起来后可以给我们带来近万美金的销售额和大量的销售线索。

所以，我们深深感到在国外做私域电商的门槛是非常低的，总结一下主要就三点：

费率低：相比于国外平台电商苛刻的要求和高昂的税收，自建商城的要求相对较低；攻略多：欧美数字营销的体系非常成熟，有大量的攻略和体系化的理论帮助企业建立并推广网站；软件齐全：海量的数字营销软件（MarTech）降低了自建商城的技术门槛，零技术基础也能用技术和数据驱动增长。

下面我展开介绍一下这三点。

1）繁荣点1：自建商城的过路费低

相比于欧美平台电商动辄十几个点的税率，企业自建网站卖货的过路费要低得多。自建网站的过路费主要交给谁呢？那就是交给支付平台。

美国的支付体系很大程度上是靠信用卡去支撑的，用户通过信用卡向企业支付商品费用，信用卡平台会抽商家2~3%的费用（微信支付和支付宝的手续费都是千分之六，我想这也是中国电商能快速崛起的重要因素）。

所以，就算使用免费的建站工具去建立企业自己的商城，只要收费系统接入了欧美信用卡体系，还是会有2~3%的过路费，不过这也比欧美平台电商12~20%的过路费要好一些。

以目前国外最流行的私域电商建站工具Shopify来说，它不仅提供傻瓜式的电商建站的软件服务，还提供自有平台的支付系统，抽成大概是2.7%，所以很多企业愿意使用他。

全球大概有50万活跃的商户在使用Shopify建站并售卖商品，2019年总计产生了611亿美金的GMV。Shopify在建站工具里的市场占有率是31%，俨然成为了一个小地主。

有意思的是：Shopify这家公司和拼多多不仅货币化率相似，连估值都一样，目前市值都在1200亿美金左右，而真正在国内去对标Shopify的有赞和微盟的估值仅为30亿美金。

所以说，平台电商高昂的税收与自建商城超低的门槛形成了鲜明的对比，所以国外的企业大都有一个属于自己企业的商城（不妨碍自己在平台开店）。

2）繁荣点2：欧美私域电商的理论体系充实

用户增长里最常提到的模型就是Dave McClure在2007年提出的AARRR模型，中国的数字营销圈子也只是在几年前才依靠“增长黑客”这个概念引入了这个模型。当你审视这个模型的时候，你会发现：哪怕过了十几年，依旧可以套用在当下的运营环境里。

毕竟绝大部分中国企业才刚刚开始拥有自己的H5和小程序（对应上图中的website.com），并开始围绕H5和小程序推送各种数字营销的活动。所以，不夸张的说，欧美企业在数字营销的平均水平上领先中国企业5-10年。

欧美的私域电商如何推广并获取新客户？

答案几乎是唯一的：内容为王。这里的内容的形态比较多样：可能是图文、视频、直播等等。这些内容可以组合成多种网站形态：电商站、博客站、导航站、论坛站等等有了优秀的内容和更好的内容体验，推广网站才能事半功倍。

网站流量基本分为两种：

1. 自然流量（ Organic traffic ）

忠实用户会去自然传播你的内容，并带来新的用户（社交分享）；其他网站也会转载你网站内容的链接，从而让更多人看到你的网站内容（外部链接）；搜索引擎也会收录你的网站内容，按照你的网站内容质量，把他推给更多的用户（SEO）。

2. 付费流量（Paid traffic）

付费给搜索引擎，例如Google，让它把你的网站内容放在搜索结果的上面（SEM）；付费给其他媒介，让他们帮忙展示你的网站（media buy）。

在这件事情上，国内的H5和小程序的推广逻辑其实是非常相似的。

以微信生态为例：

1. 自然流量

社群、朋友圈等社交分享其他公众号转载微信的搜索也会收录小程序里的内容

2.付费流量

欧美的私域电商如何维系老客户的关系？

答案也几乎是唯一的：就是和用户建立私人触点，并通过推送（Push）召回用户。想要能给用户持续推送营销信息，那就必然得让用户在你的网站注册留下联系方式。通常是留下邮件或者电话，然后，就可以开始邮件营销或者电话营销了。

当访客在自建的网站上使用电子邮箱或者电话进行了注册，企业就有了精细化运营的基础：

识别用户并记录用户行为：企业可以识别每个具体的用户在访问什么页面、对哪些内容感兴趣、看了哪些产品，用户信息和对应的行为数据都可以由企业自行存储、分析和使用；精准营销或者精准销售：企业可以通过邮件或者电话营销精准地私聊用户，并且根据用户的访问行为去千人千面地推送营销活动和销售信息，提升用户的内容体验。就和你去看抖音或者今日头条一样，每个人的内容体验都是不一样的。

邮件和电话至今仍是国外企业做精细化运营最主要的触点（Touchpoint），邮件营销打开率可以高达30%以上，且四分之三的邮件用户热衷于用邮件订阅各种营销信息。当然，这也因为国外有相对严格的邮件发送规范和禁止骚扰电话的法案。

所以，在国外，CRM几乎都是基于电话和电子邮箱的。电话和电子邮箱不仅可以唯一地去识别用户，也可以高效地去触达用户。邮件营销并不是国外最性感和新潮的营销方式，但一定是最稳健的。

3）繁荣点3：营销科技降低自建网站的技术门槛

私域电商是一个系统化的工程，对企业的要求较高，需要企业：

自建网站并制作结构化的内容，提供差异化的内容体验；自建CRM和触点，基于邮件、电话等触点去自动化营销，从引流到转化全程提升用户生命周期价值；自建数据工程，收集用户行为数据，为千人千面营销和精细化运营提供支撑。

这些听上难度好高科技呀？中小微企业也能做到吗？

我们完全可以借助营销科技（MarTech）低成本实现。由于海外企业自建私域电商的需求旺盛，大量共性的营销需求被做成了软件，也就是营销科技（MarTech）。企业可以在自己的网站上调用这些工具，低成本地实现各种营销功能。

随着欧美网站数量的大爆发，MarTech的数量也快速上升中。但随着全球网站数量的见顶，MarTech的数量增长也放缓了，很多MarTech公司开始了互相并购。

而在中国，很多企业都还没有到私域电商的那一步，就更别提MarTech的市场了，历史的进程其实才刚刚开始。而国内运用MarTech最娴熟的公司大概就是字节跳动了。

他们在2015年成立了一支增长团队，把市面上的MarTech都用了一遍，后来逐步成为了公司的增长中台。这并不是偶然，翻一下张一鸣的微博，你会发现他相当重视工具的使用。图中所说的Google Analytics就是数万款MarTech当中的一款，用来分析网站数据。

四、解密中国的电商现状1. 为什么中国企业建立的网站那么少？

之前我有罗列数据说中国的网站数量加上小程序最多也就1000万个，远不及美国，甚至不如德国。可能有朋友在想：那中国是不是APP数量多呢？其实不然，APP数量已经呈现减少趋势了，且马太效应越来越严重。

截至2019年12月末，我国国内市场上监测到的APP数量为367万款，比上年减少85万款，下降18.8%。更重要的是：9成用户平时只用10款APP，只有3%的用户日常会用到15款以上的APP。

中国的巨头平台不仅垄断了APP这一数字化的基础建设，在网站这个基础建设上，巨头的垄断也同样存在，但要稍微好一些。小程序和H5事实上都是网站，开发和维护成本比APP要低，所以网站的推广其实是比APP要容易很多的。

对于绝大部分企业，小程序和H5才是私域建站更加理性的选择，而APP几乎已经成为寡头集团才有资格使用的工具。不夸张地说，移动时代APP层面百家齐放的状态已经结束了。

哪怕是拼多多，也是先在微信生态内去做H5和小程序去传播商品并获取早期用户的。早期获客成本不超过10元，并且形成了网络效应，直到2018年下半年才开始主力推广APP，同时获客成本也是从这时开始激增的，比H5和小程序时代高了十倍以上。

好了，那为什么中国企业建立的网站这么少呢？

个人认为在流量红利时代，平台企业发展的太迅猛了。大量资本的涌入，使得他们的数字化程度远超其他企业，线上流量红利全部被平台吸走了。而中国绝大多数企业的数字化能力远远没有跟上平台的发展，所以企业更倾向于去吃平台的红利，而不是直接去追逐流量红利。

中国的企业清一色都是去天猫、淘宝、京东或者拼多多建立商城，所以，这些平台上的商户数加起来估计要超过1000万个。另一方面，个人或者企业要写博客内容就去微信开个公众号，据统计微信公众号的数量有2000万个。

光这两个平台就让中国企业少建了很多网站，所以说，超级平台代偿了中国企业建站的能力，无论是电商站还是博客站，最终的结果就是中国网站的总数量就少了。这也导致马太效应就越来越明显，越来越多的企业入驻平台，平台的供应链越来越强，消费者去平台的心智就被不断增强。

据说，手机淘宝APP有70%的打开行为是用户自发的，也就是说用户一旦想起来需要买点什么，就不自觉地打开了淘宝。但是，红利不会永远存在，智能手机出货量和互联网用户时长都已经饱和，平台增长和盈利的压力正在逐渐向商户端传递，市场进入存量的争夺。

此时商户们发现，自己在平台卖货不但利润越来越薄，而且用户的数据也不在自己手上，更没有办法低成本地反复触达自己的客户，随时可能失联。企业不得不考虑开始考虑自己去建H5和小程序，并且尝试去直接连接终端用户。

要知道去小程序商城里成交只有千分之六的支付手续费，和平台电商动辄5%的过路费相比，已经有非常可观的利差在了，情况已经越来越接近欧美了。

我们再来看一下建站工具上体现的直接差异：

全球最火的电商建站工具Shopify，目前有50万活跃的商户在使用它建站并售卖商品，2019年总计产生了611亿美金的GMV，其中美国是他们很大一块市场。中国与之对标的建站软件供应商主要有“有赞”和“微盟”，其中“有赞”的付费商家有8万多家，2019年的GMV大概在90亿美金。就算算上“微盟”也还是和shopify有很巨大的差距，可以说，中国企业重走数字化之路的征程才刚刚起步。 2. 中国企业在触达用户上的手段上很被动

中国整体的数字化发展非常激进，电子邮件在中国还没完全普及，就已经跨越到移动社交时代了。

而邮件和电话等私聊手段是海外私域电商反复触达用户的关键渠道，如果没有这样一套触达机制，企业根本无法和终端用户建立1对1或者1对N的联系，自然也就无法精准地传达营销信息并持续转化用户。

要知道海外电子邮件打开率是30%，那在中国各种触点的打开率如何呢？

我收集了一些中国的数据作为参考（数据源于某次嘉宾的分享，实际出入可能很大）：

短信打开率0.1%电子邮件打开率0.2%APP通知推送打开率0.5%公众号打开率3%

理应成为用户主要沟通工具的电话和短信，也因为海量的骚扰信息，逐渐丧失了作用，打开率越来越差。实话实说，这种水平的打开率比在国外发垃圾邮件打开率还要低，根本没有办法有效触达客户。

Alan和Yolo在2017年才开始研究中国本土的数字营销环境，我们当时就发现，中国企业不仅没有网站，也没有产生实质作用的CRM。此后，我们就开始研究中国本土企业是如何管理客户，直到有一次和北京教育机构做增长的小伙伴聊天时，我们才发现了一个令人震惊的事实。

教育公司负责增长的小伙伴说他们公司操控数百台手机，并且将微信作为主要营销工具，手机里有十万个微信群和百万级的微信好友数。

那还是2018年春天，虽然我当时只有几百个好友和几十个群，但我们在海外做数字营销的时候，维护了一份几十万用户的电子邮件订阅列表，所以我立马就建立了对应关系：微信可能就是中国的电子邮箱。

那么，微信是否就是中国人的电子邮箱呢？

我们来看一组数据：

2018年，全球每天要发出2800亿封邮件；2018年，微信每天要发出450亿条信息。

中国人口占世界的五分之一，从信息的数量来看，基本可以认为中国人使用微信聊天代替了国外的电子邮件。根据我们的不完全统计和实践，微信私聊的打开率可能高达35%，完全可以媲美国外邮件的打开率。

毕竟，微信之父张小龙从1997年开始就在做邮箱软件Foxmail，后来被腾讯收购，整合出了QQ邮箱，而后才在移动互联网时代做出了微信。不夸张的说，张小龙做了23年的邮箱。

微信也确实占据了用户的心智，就好像老外每天都要检查邮箱未读邮件一样，中国用户每天也都要检查微信信息，把各种小红点都清空掉。

无论是微商、淘宝客或者是社交电商，他们都通过所谓的“私域流量”不断地挖掘着金矿，进行商业变现。那是因为他们一直在使用中国打开率最高的触达方式在直接维护客户关系，所以能够做出一定的效果。

当你对比国内外触点的时候，你就会发现：国外的客户关系管理系统叫CRM（Customer Relationship Management），基于电子邮件和电话去触达用户。在中国的企业里诞生了一个新的概念叫SCRM（Social Customer Relationship Management），基于微信服务号、微信个人号、微信群、企业微信等去触达用户。

但这种通过微信个人号去和用户建立联系的方式也有一定的局限性：企业一旦用户规模变大，就需要有群控手机的操作来辅助运营，这样很容易被微信判定为灰色产业而遭到封杀。

其中很多“微商”只是把客户粗暴地当成流量在对待，并没有千人千面的内容体验，大多是暴力推送，所以效果也是越做越糟糕，口碑也越来越差。而微信从去年开始猛推企业微信，就是希望可以帮助企业解决这个问题，从而建立企业和客户之间高效沟通的桥梁。

五、中国企业想要从0到1启动数字营销需要做什么？

这个话题其实非常的大，我想从“道、术、器”的层面各简单概述一下。

1. 道：认清平台格局

无论任何企业都要认清中国平台数字化的格局，然后再基于平台构建全渠道营销（Omni-channel）的终局意识，不要被单一的平台渠道所迷惑。这是什么意思呢？

也就是说，中国的数字化基础建设已经被巨头瓜分完毕，所有的互联网用户都已经长在了平台上面。对于企业或者品牌来说，利用好超级平台的数字化基础建设已经是必要条件了。企业不仅要用好一个平台，还要试着去用好每一个平台，组成一个平台的组合去分散风险。

我们先来认识下超级平台的阵营：

媒体渠道：抖音、快手、微博、今日头条等等；社交软件：微信、QQ；电子商务：天猫、淘宝、京东、美团、拼多多等等。

这些平台汇聚成四大集团的话就是BBAT：字节跳动、百度、阿里、腾讯，企业不仅要学会如何游走在四大集团之间，还要能够专心将品牌的差异化和价值做足。

2. 术：用科学和工程思维去做数字化的增长

无论是数字营销还是企业增长，都是非常系统的工程。想要驾驭一个系统工程，必须要有科学的思维和工程的能力。

围绕“私域工程”更新了新的增长工程学模块，我们总结了系统中最通用的三个模块，将其总结为了“内容”、“触点”和“数据”三大工程模块。

3. 器：广泛使用工具，不要重复发明轮子

还记得我之前提到我们在海外的建站的故事嘛？两个不懂代码的人，也可以在很低的成本下搭建一套自动化营销的系统。这个中间的核心就是不要重复发明轮子，使用已有的工具，先去业务上做快速的迭代。

同理，我们使用各种工具，低成本地搭建了一套私域工程配套的技术解决方案。

几乎不用写代码，就可以完成CDP、营销自动化、制作网站、微信机器人、内容洞察爬虫等等多种软件功能。

使用工具去让自己的商业想法快速落地，可以说是这个时代创业者必备的技能。

文章的最后，我再来简单地总结下本文的核心结论：

美国企业的数字化跑在中国的前面，我们还需要努力地学习中国企业的数字化进程会将更加激进，不要掉队中国企业要尝试去用好各个平台，同时要发展自己的数字化建设，不限于网站、SCRM、CDP等等企业的数字化增长是个系统化工程，需要用科学思维和工程能力去不断开拓

作者：Angryalan，公众号：增长黑盒Growthbox

原文地址：

本文由 @张希伦 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于 CC0 协议

我是如何从零开始 Web 前端自学之路的？

作者 | 六小登登

责编 | 屠敏

从 2013 年专科毕业开始，一路跌跌撞撞走了很多弯路，做过餐厅服务员，进过工厂干过流水线，做过客服，干过电话销售可以说经历相当的“丰富”。

最后的机缘巧合下，走上了前端开发之路，作为一个非计算机专业且低学历的人来说，自学编程其实不是件容易的事情，不过庆幸的是自己坚持下来了。

目前工作还算不错，收入在目前所在的城市不算高，不算低，生活也还过得去，继续加油努力，也希望自己在今后更上一层。

从 2016 年下半年开始，我真正接触前端，到现在 2 年多的时间。开始之初，我没有任何的语言基础，完全从零的小白开始，就连「对象」我都弄不明白，更别说那些高深莫测的什么封装、继承、多态等。

当时自己也不知从何入手，怎么办呢？于是每当自己遇到困难时，就厚着脸皮去请教前辈大牛，然后就是去查阅资料，很多时候自己也很觉得不好意思，现在才发现人很多时候都耻于相别人请教，怕自己丢面子。

但作为一个过来人，我要告诉你请教前辈大牛真的很重要，可以让你少走很多的弯路，不要怕丢人，没面子，面子值几个钱？学到真本事才最重要。没有技能才叫真的没有面子。当然了我们在请教别人时，一定要掌握「度」，不要打扰到了别人的工作。

我现在非常感谢前辈们的赐教，也感谢那些在网上写博客、文章分享的大牛们，给了我们这些自学的小白很多的资料，经验，心得。从中受益很多。

向优秀的前辈们学习，我开始写博客，希望也能帮到和我一样，学渣、从零开始、喜欢技术的一群志同道合的人。

我深知自己的技术并不高，还处在继续学习的路上，离大牛还差的很远，我本身也非常敬畏技术，也知道自己的渺小，只希望这篇文章的「学习之路」对于那些「从零开始」学习前端的同学有一些指引作用，不像自己一开始那样的那么盲目，哪怕对你有一点点的帮助，就足够了。

说了这么多，下面我们直接进入正题，都是我平时学习和收集的一些资料希望能够帮到你。

前言

首先我得告诉你，自学是件很苦的事情，学习本身就是件反人性的过程，更何况在一个从零开始的全新领域独自奋斗，这里不是要打击你，而是要你认真想好，结合自身的环境、条件。不然半途而废浪费的不仅是时间，还有精力、金钱。如果你已经想好决定去做，那就不要犹豫，坚持下去你就可以成功，像我这样的学渣都可以，你没有什么不可以的，一定要相信自己。兴趣是最好的老师，很多人对这句话非常反感，被生活所迫，谈兴趣不可笑吗？其实不是，问问自己对技术有没有兴趣，做自己喜欢和感兴趣的事情才能够走的更远和更久，很多人不理解这一点，总有一天你会明白的，我当时转前端的时候也是因为自己挺喜欢，而且最接近用户，都是所见所得的东西很好玩，另外一方面也觉得工资也挺高，所以自己打心里觉得做前端挺好。做好持续学习，时刻保持学习的心态，说实话现在社会，科技的发展非常之快，技术的更新更是如此，如果你觉得学习一门技术就可以吃到老，我劝你还是打住，可能考个公务员更适合你（不要杠精，我并不是说公务员不要学习，自己体会就好）。永远不要觉得迟，只要行动然后坚持下去，你就干掉了 80% 的人，自学的人很多，但是坚持下来的没有几个。就像郭德纲说过，不是我的相声说的多好而是我活了下来。著名营销人员「小马宋」毕业时烧了很多年的锅炉，但是自己对广告营销感兴趣，所以离职从零开始，现在已经是很有名的营销大师。与其把时间花在学与不学的纠结上，不如把这个时间放在行动上，如果发现自己不合适也坚持不下去，那就换个赛道，专注的去做一件事情，会提高你的成功概率。

工具篇

工欲善其事，必先利其器，所以在开始之前选择一个合适好用的编辑器是很重要的，工具不再多，在于好用就行，除了编辑器，我们也要掌握其他的一些工具，才能够让我们在学习的道路上更加的顺畅。

1. WebStorm

不必多说，前端最强大的编辑器，特别是那无敌的智能提示，但是它的缺点在于如果项目多于大时，出现的卡顿让很多人苦恼。

WebStorm 官网下载地址：。WebStorm 有哪些过人之处？（）激活 WebStorm2018（）

2. Visual Studio Code

微软开源免费产品，受到非常多技术人员的喜爱，基本上成为前端开发者的必备编辑器，强大的插件扩展，可以灵活的打造自己喜欢的风格。给你们送上常用插件列表拿走不谢。

Visual Studio Code 官网下载地址：。VSCode 拓展推荐：使用顶级 VSCode 扩展来加快开发 JavaScript： 插件推荐：

3. atom

也是一款免费开源的编辑器，受到很多人的喜爱，但是我本人用的较少，所以插件方面就不推荐了，大家可以按照自己的爱好去寻找。

4. 科学上网

每个程序员都应该具备的工具和能力，否则很多事情都无法办到，至于怎么做，你可以自己查阅资料，这里不就不在多说了。而且下面推荐的很多资源都是需要科学上网之后才能访问，所以一定要学会。

5. Google

在使用「Google」之前必须学会科学上网，不然无法访问，学会使用搜索可以帮助我们解决很多问题，一个人的知识是有限的，掌握了搜索的技巧才能以不变应万变，很多时候百度出来的东西重复性很大，最重要的是垃圾信息很多，在百度找不到的答案，在这里很容易找到，Google 是我的必备搜索。

6. Github

全球最大的「同性」开源交流社区，没有账号的赶紧注册，在这有很多优秀的资源项目，各种大神。观摩优秀代码是我们学习的很好路径。另外在开发过程中，很多时候任务重、时间紧，应该避免重复造轮子，这里能够找到你需要的工具或代码。

7. Stack Overflow

国外著名的技术问答交流社区，开发时碰到的很多问题在这里都能找到答案。

8. SegmentFault

对应的国内版的技术问答交流社区，如果你英文不好，也可以在这里找找答案。

9. Markdown

Markdown 轻量级标记语言，简洁的语法，让作者专注内容而非复杂的格式要求，我认为人人都应该掌握，特别是经常写博客的人。想想你在用 world 时的场景，每次写完文章之后，不得不话费很多时间进行格式的排版，使用它你就可以避免这些烦恼。

Markdown 中文文档：

HTML 篇

一些准备就绪之后，开始我们的学习之旅，首先我们先从 HTML 开始。

HTML名为「超文本标记语言」，是整个页面的结构基础，它承载了我们的页面内容。

1. 基础

w3school 在线教程（）：内容非常的基础，适合小白学习，对 HTML 有一个入门了解。freeCodeCamp（）：一个非常好的入门学习网站，采用闯关的模式，就像游戏打怪升级一样，非常的有乐趣，准备自学的小伙伴不妨试试。

2. 进阶

MDN HTML（）：这里的内容质量更好，错误更少，内容也更加的全面。HTML 和 CSS 编码规范（）：掌握一些代码技巧，写出更好，更高质量的代码。

CSS 篇

HTML 承载了页面的内容，但是有时候会略显单调与「丑陋」，CSS 的作用就是为这些内容加上样式，就像一个美女也要有漂亮的外衣去修饰才会更加漂亮，「人靠衣装马靠鞍」，网页的内容也是需要穿上一件漂亮的外衣去吸引用户。而 CSS 则完成了这个装饰。

1. 基础

学习 CSS 布局（）：带你一步一步的完成 CSS 的学习。CSS 参考手册（）：对CSS可以有一个全面入门的学习。w3school CSS 参考手册（）：同上也是非常基础的知识，适合入门。

2. 进阶

书籍：

《CSS揭秘》（）：非常推荐的一本 CSS 书籍，可以学到很多鲜为人知的技巧。

在线系列：

MDN CSS（）：和 HTML 都是 MDN 社区文档，质量保障。HTML和CSS编码规范（）：掌握一些代码技巧，写出更好，更高质量的代码。大漠老师的CSS系列（）：大漠老师对CSS有非常深入的认识和丰富的实践经验，《图解CSS3：核心技术与案例实战》的作者。大漠老师的SASS系列（）：大漠老师的 sass 文章系列。SASS中文网（）：成熟、稳定、强大的 CSS 扩展语言解析器，它可以让你使用变量，条件语句等书写 CSS。Stylus官网（）：同样是 CSS 预编译器，但它省去了一些符号，让 CSS 写起来更加的简洁，清爽。HTML5和CSS3（%E5%92%8CCSS3）：详解HTML5 和 CSS3。

知识点：

别说你懂CSS相对单位（）：深入了解 CSS 的相对单位rem，em区别。CSS 进阶内容（）：常见知识点的深入了解。Flex 布局教程：语法篇（）：阮一峰老师的flex讲解。Flex 布局教程：实例篇（）：阮一峰老师的flex讲解。“CSS相关”目录存档（）：张鑫旭大佬的CSS系列文章，深入浅出，《CSS世界》作者。CSS绘制的40种形状和图形（）：利用CSS绘制出的40各种图形形状。CSS-大前端（）：一些 CSS 的知识点。

JavaScript 篇

有了 HTML 与 CSS，网页也就有了内容和样式，但是会缺少与用户的互动，所有的内容都静静的躺在那里死气沉沉。就好比一个美女穿着漂亮的衣服在你面前一动不动好像也没有什么吸引力，但如果又唱歌，又跳舞，还向你抛媚眼，那可真就把持不住了。JavaScript 就是给网页添加这样的「行为」。

Javascript 简史（）：可以简单了解下，JavaScript 发展由来。

1. 基础

书籍

《JavaScript权威指南 （第6版）》（）：俗称「犀牛书」，JS 的经典之作，提升JS技能的必备书籍，我的JS基础知识全都是啃这本书啃下来的，刚开始读时可能有会有些吃力，但是只要坚持下来收获满满。《JavaScript高级程序设计（第3版）》（）：俗称「红宝书」，JavaScript 超级畅销书，全书阐述了JavaScript语言实现的各个组成部分，ECMAScript，DOM，BOM，事件，面向对象等等，随时拿出来翻翻，更加深入了学习 JS。

在线系列

除了书籍之外，也有很多优秀的在线教程，可以帮助我们更好的学习。

现代 Javascript 教程（）：非常全面的JavaScript 学习教程，从基础到高阶，非常详细，相信你会爱上它的。廖雪峰的JavaScript教程（）：廖雪峰系列教程。JavaScript 标准参考教程（alpha）（）：阮一峰老师的系列教程，通俗易懂，案例丰富。

2. 进阶

JavaScript语言精粹（%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/javascript_the_good_parts.md）：揭示JavaScript中的精华。JavaScript 秘密花园（#other.timeouts）：对 JS 一些的核心知识点进行梳理讲解，例如：this，闭包/作用域，构造函数，原型等等，都是面试必考知识点。ECMAScript 6 入门（）：阮一峰老师ES6入门书籍，全面介绍 ECMAScript 6 新引入的语法特性。JavaScript使用技巧（）：可以认识到一些你平时没有接触过的小技巧。深入理解javascript原型和闭包系列（）：详细解释了原型和闭包，看完之后对原型与闭包让你彻底明白。大漠老师的JavaScript系列（）：大漠老师的JavaScript系列文章。JavaScript 算法与数据结构（）：基于 JavaScript 的算法与数据结构，让你愉快的学习。JavaScript中的正则表达式（）：我自己的一篇正则表达式的文章，希望对你有帮助。30分钟掌握ES6/ES2015核心内容（上）（）30分钟掌握ES6/ES2015核心内容（下）（）：阐述了一些常用的ES6的知识点。学用 JavaScript 设计模式（）：阐述JavaScript编程语言中经典和现代的设计模式。你不懂JS（系列丛书）（）InterviewMap（#%E5%86%85%E7%BD%AE%E7%B1%BB%E5%9E%8B）：聚集了很多知识点，包括JS，浏览器，性能等。30 秒就能理解的 JavaScript 代码片段（）：让你更好的理解一些有用的JS代码片段。

TypeScript篇

ES6 的超集扩展，严格的数据类型，带来更好的维护，适合大型项目的开发工作，有人说它是未来的发展趋势，你说要不要了解？

TypeScript 中文手册（）：官网翻译版。TypeScript Handbook（中文版）（）：中文版。RxJS 中文文档（）：中文官网。30 天精通 RxJS (01)：認識 RxJS（）：繁体字可能阅读起来并没有那么顺畅。

Jquery篇

虽说现在已经是单页面应用时代，有React，Vue 这种强大的框架可以使用，但也不缺乏一些老的项目需要维护，而且在学习之初，可以用它做两个简单的应用还是不错的，可以相对了解下基本用法，它可以让你更好，更方便的操作DOM。但不建议再深度学习。

《锋利的jQuery(第2版)》（）：一本很不错的 Jquery 学习书籍。jQuery API中文文档（）：JQuery 中文教程。

Ajax篇

掌握了的HTML、CSS、JavaScript时，这时候可以尝试自己做一些项目了，而项目中肯定会有数据的交互，这时候就是 Ajax 的用武之地了。

廖雪峰AJAX（）：廖雪峰大佬的博客知识。XMLHttpRequest 对象（）：阮一峰老师的AJAX详解。JSON风格指南（#javascript）：前后端的交互数据通常都是 JSON 格式，所以了解 JSON 是必要的。

NodeJS与模块化

NodeJs 的出现让前端发展进入了一个新的领域，并且滋生出专业的 Node 工程师，不仅如此 Node 在前端模块化，工程化起到很重要的作用，所以了解是必须的，如果感兴趣的可以深入学习，可以向全栈工程师发展。

Javascript模块化编程（一）（）：模块的写法Javascript模块化编程（二）：AMD规范Javascript模块化编程（三）：require.js的用法前端模块化开发那点历史（）：了解下，前端模块化的发展。Node.js 官方（）狼叔：如何正确的学习Node.js（）：狼叔江湖地位颇高，《更了不起的 Node.js》的作者。全栈工程师之路-Node.js（）

框架篇

随着日益复杂的用户需求，与系统的复杂度上升，传统的开发模式日渐的很难满足，此时的三大框架孕育而生，让开发者更加高效，可复用，把关注点都放在数据层的操作，免去那些繁琐而又重复的视图操作。

现在框架的能力已经是前端开发人员必备的技能之一也是趋势，三大框架的「最终目的」都是一致的，我认为开发者不必纠结于到底应该选择哪一个学习，可以选择其中的两个是最好的。对于刚入门的人来说，建议选择 Vue 入手，比较简单，灵活。

MVC，MVP 和 MVVM 的图示（）：在学习框架之前，你应该了解下MVVM的设计思想。框架原理（）：了解一些框架的基本原理。

1. Angular

Angular（）：Angular官方社区。Angular开发者（）：大漠穷秋老师维护的站点，Angular中国布道者。NG-ZORRO（#%E8%AE%BE%E8%AE%A1%E8%A7%84%E8%8C%83）：Angular UI 组件库，阿里巴巴出品。

2. Vue

Vue（）：官网，最好的学习资料。我的Vue进阶之路（）使用vue全家桶制作博客网站（）Element（#/zh-CN）：一个高质量的 Vue UI 组件库。饿了么前端团队出品。Vue 项目里戳中你痛点的问题及解决办法（更新）（）：做项目难免回去到坑，这里你或许可以找到答案。

3. React

React我了解不多，所以就没什么好推荐的了，大家可自行学习。

React官网（）

图形可视化

随着日益增长的数据，如何利用高效的利用数据，是每个企业都考虑的问题，而人的眼睛看到的东西要胜过阅读的问题，俗话说「一图胜千言」就是这个道理，所以数据的可视化就会格外的重要，以下都是我常看的一些技术，书籍，和关注的可视化开源库。

《HTML5 Canvas核心技术》（）：学习 Canvas 比较好的一本书籍。Canvas系列（）：大漠老师的 Canvas 系列。Echarts（）D3（）Highcharts（）AntV（）Mapv（）

工程化与版本控制篇

1. Git

版本控制工具，很多新手往往把 git 与 github 傻傻分不清楚，二者是不同的东西，一定要去区分清楚。

Git教程（）：廖雪峰老师的教程。Learn Git Branching（）：一种有趣的学习 Git 的方式。GitHub 漫游指南（）：作者是一个极客。git - 简易指南：

2. Gulp

自动化构建工具，项目打包部署前的压缩合并，节省时间，提高开发效率。

Gulp 中文网（）：官方教程。gulp详细入门教程（）：非常详细的实现步骤。

3. Webpack

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。

Webpack中文文档：原理：揭秘——走向高阶前端的必经之路： HMR 原理解析： 热加载原理探索：

4. Babel

JavaScript代码编译器，可以让ES6及以上语法转换成浏览器支持的语法，一般会在框架的脚手架中自行配置。

Babel（）：官网教程。

5. 代码质量

ESLint（）：javascript代码检测工具帮助我们写出更规范的代码。

浏览器与HTTP

浏览器的常见知识点（）：需要我们了解的常见知识。网站安全（）：几种常见安全问题。同源限制（）从URL输入到页面展现到底发生什么？（）深入理解浏览器的缓存机制（）网页性能管理详解（）关于Http协议，你必须要知道的（）HTTP 协议（）HTTP2 协议（）浏览器同源政策及其规避方法（）跨域资源共享 CORS 详解（）总结 XSS 与 CSRF 两种跨站攻击（）

性能优化

性能优化（）：常见性能优化。前端性能优化的七大手段（）延迟加载(Lazyload)三种实现方式（）详解懒加载和预加载（）前端优化带来的思考，浅谈前端工程化（）推荐几本与Web性能优化有关的书籍（）vue + webpack 前端性能优化（）

SEO

SEO优化实战（）

博客系列

1. 个人

现在是一个信息爆炸的时代，网上有很多优秀的博客文章，每个人的精力都是有限的，不可能关注到所有的博客，每个人关注点可能不太一样，所以关注的个人博客也会不同，这些推荐几个我比较常看的几个高质量博客。而且是持续更新的。

阮一峰的个人网站（）：阮一峰老师江湖地位不必多说，博客不止有技术，现在阿里任职。廖雪峰的官方网站（）：廖雪峰老师写过很多优秀的系列教程，值得去学习。张鑫旭（）：专注前端技术的大牛之一，出版《css世界》一书。W3cplus（）：大漠老师在手淘任职，CSS，HTML 有着丰富的经验。前端入门和进阶学习笔记（）：从零开始自学，然后进入京东，记录作者一路走来的学习笔记。六小登登（）：我自己的个人博客，记录自己的一些学习总结，个人成长，认识思维，虽然自己还是个菜鸟，但一直在路上。

2. 团队

奇舞周刊（）：收集每周前端精华文章。美团技术团队（）：分享一些美团的技术路线。JavaScript Weekly（）：每周都会分享一些 JavaScript 优质内容。印记中文周刊（）：如果你对英文有阅读障碍的话，印记帮你翻译。凹凸实验室（）：京东团队。淘宝前端团队FED（）：淘宝前端团队，不必多说了。网易FEG前端团队（）：网易的前端团队，网易的产品一直都是我最喜欢的。IMWeb前端博客（）：腾讯公司前端团队，负责QQ的相关业务你就知道了，都是亿级别。tutorialzine（）：高质量教程和文章库。

项目资源

前端技能汇总（）：一个前端工程师需要的技能点和学习资料。You-need-to-know-css（#/）：一个CSS的优质项目，纯 CSS 实现我们项目中很多常用，不常用的样式。JavaScript libraries（）：一些优秀的JavaScript 开源库。awesome-web-dev-books（）：前端经典学习书单。前端 TOP 100（）：基本涵盖了所有前端在用的开源项目，我觉得收藏这一个就够了。

常用工具

CSS Sprites Generator（）：雪碧图的在线制作工具。Lorem Picsum（）：好用的图片临时占位符。Md2All（）：优秀的现在 Markdown 编辑器。优波设计（）：优秀的设计导航网站，帮助你更好的寻找资料。搬书匠（）：书籍搜索下载。史莱姆导航（）：资源搜索。codePen（）：在线代码编辑工具。Iconfont（）：阿里的字体图标库，支持多种格式，下载图片，在线使用，SVG等等。Can I use（）：可以查看浏览器兼容 CSS 情况。在线工具（）：工具资源导航。

最后

以上是我这两年多一路走来收藏的一些资料，整理这份资料也花了我好几天的时间，希望能够在自学的道路上帮到你。

再次声明，我并不是什么大神，我自认为技术也没有到达这个层级，但是我会一直坚持学下去，另外一定不要误会这里面的知识我全部都会，这些都是我学习的一些资料想整理出来，免去小白的一些不知道如何查阅资料。

这里的资源可能并不适合每一个人，你也不一定全部都需要，只需要挑选自己想要的部分就行，任何事情并不是越多越好。

作者：六小登登，个人公众号：六小登登（ID：liuxiaodengdeng）。目前在某创业公司任职前端开发工作，近 3 年前端开发经验，爱技术、爱写作、爱分享。

声明：本文为作者投稿，版权归其个人所有。