从零开始学前端，也要注意大局观

一晃零基础web前端课程又讲一周了。

这一周我们都做了些什么呢？一是把json的编辑和获取都过了，然后是使用json来生成dom并绑定相应事件然后添加到页面中。在大概周三的时候，用了近一天1的时间，带他们把phpstudy装好，只为了让目前课程中一直在做的项目，真正运行在Apache的服务环境之中。

这样的好处很明显，第一可以进行ajax操作，第二让他们熟悉最初步的开发环境的配置。虽然phpstudy的安装已经是极其傻瓜化了，只要一直下一步就可以安装完成。但在实际的安装过程中，还是出了不少状况。

我是跟他们这样讲的，这是最简单的环境配置，以后在实际的工作中，你们会面对各种工作环境的配置，不同的服务器之间的切换，在不同的ip中获取不同的资源。。这些都需要你自己去配置。而这个Apache就是最初的开始。

而昨天晚上我自己研究了一会php，写出了第一个接口，用来给我的学生们远程调用，这样他们就不用再在自己的电脑上写假数据来模拟了。

而今天，因为是周末讲的新知识不多，为了让他们能够合理、明白的调用json接口，上午讲了2个多小时的跨域，就为了让他们明白，如何和为什么要使用jsonp方式来调用我这边的接口。

因为我这是远程上课，这些学生们分散在世界各地。呵呵，真的是世界各地，有一个澳洲的，还有二个美国的，国内最远的是在新疆。咱们国家幅员辽阔，我们基本上是没有可能聚在一起上课的，所以用jsonp来调用我的接口势在必行。

而下午的时候，讲了下如何写通用的公共方法。我带他们实现了一个最简单的对于ajax的二次封装，其实就是搞了个getFn方法而已，接收一个url和一个匿名函数做为success回调之用。

其实这都是小意思，这一周最大的动作就是带他们把目前已经写好的代码，分成二次进行了整理。第一次把完全暴露在外的代码用各自功能的名称命名的函数进行了封装；第二次则把这些函数按功能拆分在不同的js文件中。目前已经装代码分在main.js、common.js、config.js三个文件之中，下一步会再根据不同的事件，进行进一步的细分。这么做的目的就是为了后续的webpack的教学做好准备。

写代码一定要有“大局观”，就是你写的东西，是全局中的哪一个部分。你写的整个的全局是什么样的结构。这个往大了说，就是前端架构的设计。

从上月15号开始到今天，他们已经学习了近20天。能够取得目前的成绩我还是比较满意的。

到目前这止，我们已经搞好了json，ajax，jsonp，Apache，我这边的接口和数据也准备好了，首页的开发工作和进度即将结束，在下一周就开始“点击不同商品进入商品详情页”，而商品详情页其实只是一个页面模板，它是在前端通过json渲染生成的。（目前是这样安排，计划在讲到2月初时，这个部分的技术会换为nodejs渲染前端页面，到那时再教他们nodejs）

在给他们讲课的过程中，我经常强调，第一表面上我们在学习技术，但实际上我们在学习如何“理解业务”； 第二，你们就是要学习我的解决问题的方法。因为我事实上不可能把所有的疑问，所有的技术都教给你们。这是我一再很明确的向他们灌输的思想。

这篇文章即是本周的总结，也是下一周学习工作的开始。