如何成为一个假的程序猿（一）入坑篇

佛系中年人的学习日记

作为一个整日玩手机玩到脖子疼的青（zhong）年人，自己深切感受到了如今网络的神奇与强大。而隐藏在网络背后的程序员们，对于普通人来讲，无疑是一个神秘而又屌丝的群体。而这种神秘的气息，对于我这种喜欢装逼的油腻中.....呸，青年人来说，简直就是一种致命的诱惑。于是，猫哥我决定试着接触一下这个神奇的领域。。。。

第一步，那自然是趟雷。作为一只工科笨狗，有关编程方面的基础，我只是会一点点C语言，不过本着装X至上的原则。在写这篇文章之前，我还是战战兢兢地尝试了一个新的神奇的玩意：Linux， 然后我看到了下面这个画风。。。可以随意感受下。。

嗯。。。。。逼格是足够高了，可是，对我这种档次的人来说，这东西可是完全看不懂啊喂。。。看来装逼也得分等级，我的段位明显还不够。

失望之余，猫哥我决定先找个软柿子捏，私下打听一番，有线报告诉我说，想写代码，做前端入门最简单，正好微信去年新推出了一个叫做小程序的东西，算是前端了。上手容易，入门也简单，还能拿来装X，完全符合预期啊。OK，就学这个了！于是，一咬牙一跺脚，我就这样入了坑。从此开始了自己的代码之旅。

以上为背景

既然要做前端，那首先要明白，前端是干什么的，损友告诉我说，打开一个网页，按下F12，那就是前端，乖乖照办之后，我就看到了这个：

嗯。。。。好像依旧很高端，换句话说，那就是就然看不懂，是谁说前端简单来着？简直就是坑爹啊！不过，考虑到身边传媒大学的哥们都可以搞的定，我身为一个如假包换的工科男如果喊难，那岂不是很没有面子？还是硬着头皮上吧。

有了工具，接下来就是第二步：阅读开发者文档，这就相当于是一个说明书，介绍了一切开发小程序必要技能，也是正式入门的开始，按照介绍，我果断生成了一个官方的开发模板，就长这样子：

依旧看不懂，依旧很懵逼。。。不过，配合着文档，也算是慢慢入门了，那么接下来就做一个大致的介绍好了。

首先那就是代码构成，想要生成一个小程序，通常需要有四种后缀格式的代码：.json .wxss .wxml .js 。是不是又懵圈了，这都是什么鬼啊！

其实很好理解，四种代码，作用不同：

.json，就是配置代码，规定了页面的样式，重点其实是app.json。因为这里面规定了页面的路径。换句话说，我们平时打开一个程序其实是由一个个页面构成的，而这些页面的路径，就在.json里配置。此外，.json中还配置了窗口的表现，也就是颜色字体大小等等，是否有导航栏等等。

接下来是wxml，这是小程序的结构文件，规定了页面的内容结构，如果把内容看成是一个个文件的话，那么wxml就像是保存这些文件的一个个贴着标签的抽屉。打开抽屉，就可以显示内容。

而wxss。是样式文件。如果把wxml比喻成抽屉的话，那么wxss就好比这些抽屉的油漆和涂装，和json不同的是，json规定的是整个页面的样式，而wxss规定的则是页面里内容的样式。

最后也是最重要的，那就是js文件，也就是javascript。这个才是真正的程序，前面说wxml是个柜子，wxss是涂装。那么js就是幕后操纵这个柜子的黑手。专业的说法就是：一个程序的交互逻辑。一个程序之所以称之为程序，是因为它里面不仅有数据，还有状态，而js的作用，就是记录并改变程序的数据和状态，换句话说就是解决了如何往抽屉里放东西的问题。它里面包含了各种运算，语句，表达式，需要以后认真地掌握和学习。学会了这个，才有资格成为假的程序猿。

关于小程序，大致的结构就先说到这里，毕竟只是入坑篇，接下来要做的，是自己挖一个坑，写一段自己的代码，不过这些，就下次再说吧。