小记webpack4.x升级过程

项目背景 一期项目：《手把手从零打造企业级电商平台-前端实战》 二期项目：《React16+React-Router4 从零打造企业级电商后台管理系统》 第一个电商用户端课程在制作过程中用的是webpack@1.15.0，距离现在时间不算长，但这一年多时间webpack已经升级到v4了。1.15.0版本的最大好处就是能兼容IE8，所以对IE兼容性有要求的同学看到这就可以洗洗睡了。如果要升的话，这次升级的版本跨度应该是够大的。 第二个项目是React实现的电商后台管理系统，这个课程出来的时间要近一点，用到的技术也都是

我心中的后台管理系统

后台管理系统？ 先说后台管理系统。一个企业的产品，我们通常能看到的都是用户端的产品，而在用户端产品的背后，是更多的后台管理系统来支撑的。就拿电商来说，我们普通用户能看到的，就是搜索商品，加购物车，下单，结账，等快递这些内容，最多再有个优惠券和活动之类的，看起来好像也没有什么。但在这一个用户端产品的背后，是体量更大的后台管理系统，比如商品有发布的系统，有处理订单的系统，有客服系统，还有财务、优惠券管理、物流系统等等，各种各样的支撑系统，才能让用户把购买商品的

《React16+React-Router4从零打造企业级电商后台管理系统》实战课学习指南

首先，欢迎大家学习这门《React16 + React-Router4从零打造企业级电商后台管理系统》。我们把这篇手记作为整个课程的索引，把课程里需要用到的相关阅读材料，其他相关的手记和经常遇到的问题等都汇总在这里，让同学们能更方便的学习这门课程。对于没有学习上一期课程的同学，也推荐先学习《对接真实数据 从0开发前后端分离企业级上线项目》 这个手记会根据同学们的学习情况随时更新，有好的资料也会在这里同步。 下面列举下课程里用到的相关材料： 接口文档地址： 《后端接口文档地址》

《手把手从零打造企业级电商平台-前端实战》知识点索引

实战课《手把手从零打造企业级电商平台-前端实战》已经上线一段时间了，这段时间通过在问答区和课程群里回答同学的问题，积累了不少同学们比较关心的问题。为了这些积累的内容不被浪费，我决定做一个整个课程的知识点索引，一方面让已经学过的同学拿来做一个快速的知识点回顾温故而知新；另一方面也是希望能帮助到同正在学习的同学们尽快了解整个课程的结构，尽快找到一些常见问题的解决方案。 这个索引准备使用脑图的形式来建设，同学们可以点击《手把手电商前端实战知识点索引》来在线查看。

git入门，先学会这几个姿势！

git是什么? 好吃么？ 在《手把手从零打造企业级电商平台-前端实战》课程里用到了git，很多还没参加过公司项目开发的同学就会很疑惑，git是什么？git好吃么？这货是不是我们斗图的图片？哦！不对！那是gif！那TM git到底是什么?! 我们可以把git理解成我们管理代码的工具，把代码找个远程服务器备份一下，当我们电脑死翘翘的时候，就不用害怕代码丢了。当然把git理解成代码备份工具是委屈它了，git更厉害的功能是版本管理，他可以把每个版本都存起来，这样就能方便找到各个历史版本。再加上它

学会Hogan，就那么几句！

先贴个Hogan的github地址镇楼：https://github.com/twitter/hogan.js 在实战课《手把手从0打造企业级电商平台-前端实战》里，很多同学反馈对Hogan模板引擎不太熟悉，这里整理个手记，对它介绍一下。Hogan是一个非常简单的模板引擎，可以把它理解成Mustuche语法的编译器。Hogan简单到只有六七条语法，可以说是目前最简单的模板引擎了，估计以后也仍然会是的。 我们选择Hogan，就是因为它最简单，体积最小，没有之一。我只想要一个能做变量替换和循环的模板引擎，有Hogan就够了。 Hogan的安装和

看电商发展过程中，前端技术的演进

一、何为电商 所谓电商，即电子商务，就是指通过使用电子类工具，围绕着商品交易进行的一系列活动。既然是交易，那就离不开交易的三个过程。 交易的第一个过程，就是商品信息的交换，卖方通过一定的渠道让商品信息扩散出去，而买方也通过一些方式能够获取到这些商品信息。无论是集市上的吆喝，还是店铺门口的广告，亦或是当今电商网站的网址，做的事本质上都是一样的，就是传达交易的信息。 交易的第二个过程，就是协议的达成，这个阶段里买卖双方通过谈判来确定商品的质量、数量和价钱，当然