2014的希冀 好快，2013年就这么过去了。每当停下脚步回头看时，才发现时间是过得如此之快；在这个公司感觉还没工作多长时间，这一年就这样过去了。这一年对我来说的确是特殊的一年，我完成了从学生到社会人的转变。7月1号的大学毕业，分别了同学、分别了老师，再也回不去那熟悉的宿舍与教室；取而代之的是为生活而打拼。我们终究要靠着自己活下去，终究要撒开父母的手自己行走。我也在一步步的尝试。回头看看去年写的文章（http://www.xiabingbao.com/summary/2013/01/01/2013-summary.html），里面定的目标确实完成了不少。不过说实话，写完那篇文章后，不知过了多久就已经忘得差不多了。那些目标都是顺便完成的，不过也总算是实现了一些既定的计划。总结一下完成的情况： 确实在北京找了份工作，不过不确定是不是好的工作，工作倒是比较轻松，但是感觉学到的东西不是很多；不过从另一方面讲：既然工作轻松了，就有足够的时间来进行自学，而很多人还没有这个时间呢，要懂得珍惜。 应聘的是PHP的工作，不过现在主要做的是前端方面的。工作清闲时学习的东西很多也是前端部分的。 平时在家闲暇时读完了《黑客与画家》、《软件随想录》，那本《程序员修炼之道》放在了公司，本来想在工作闲着的时候看呢，结果几乎都没有动过。我看还是拿回来吧。 星期天总是无聊的，实在是闲不住的时候，就找几个同学逛逛，如果找不到人的话，就一个人逛，逛的景点应该有：鼓楼大街、国家博物馆、天安门、天坛、鸟巢（水立方）、颐和园（2012年来北京比赛的时候逛过，那个时候还迷路了呢）。 好吧，.net根本一点也没学。主要是一个同学学的.net，我也想着能够多接触一门语言，希望能够理解的更广泛一些。不过可惜，没有更多的时间来学习.net。 毕业设计就是做的算法题，毕业后也做过几个算法题，不过没有坚持下来每个星期都做。因为现在的主要精力不是在算法上了，好多算法都忘的差不多了，也懒得去想了，就想着做一些简单的题目。各种借口吧，反正没有坚持下来，希望接下来能够坚持每个星期做几个简单的算法题，虽然做不了难的了，但是做几个简单的题目应该是没问题的。 确实比较顺利地毕业了，不用为户口担心，因为我根本就没有转户口；倒是为毕业证和学位证纠结了一会儿，但是还是顺利拿到手了。由于自己的不理智，毕业设计就拿了个“中”。 这个应该怎么说呢，确实平平安安，身体没生过病；要说快快乐乐呢，不是很准确，应该说是五味俱全吧。 对去年写的总结总结了一下。现在具体回顾一下2013年的情况。1月：完成了我自认为最牛逼的课程设计，页面是扒的淘宝的（仅是学术交流），用的codeIgniter框架（http://wobingbing.sinaapp.com/baihui/）；确实找到了一个比较合适的工作，然后又在北京找到了一个落脚的地方；发小结婚了，我却没有去成，惭愧！2月：过了一个平淡的春节，跟村里的小学同学小聚了一下，春节后直接去了公司；2月有个“情人节”？别搞笑了！一个人平平淡淡的看完了元宵晚会；3月：毕业设计开始了；4月：与同在北京实习的同学逛了逛鼓楼大街，只能说“人真他么的多”！5月：回学校做毕业设计，跟同学再多聚聚！6月：毕业设计答辩，顺利通过，只是没拿到想要的成绩！7月：顺利地拿到毕业证和学位证，正式毕业，正式从实习生转正！8月：“七夕节”？又是在搞笑吧！租的房子到期了，又重新找了一个地儿；回家给奶奶过生日。9月：祝老师：教师节快乐；老师们都不容易，互相体谅。自己一个人去鸟巢、水立方转了转。10月：回家帮忙秋收，国庆与春节是每年必然回家的节日；一个人去天坛。11月：跟同学去农家乐转了转，好远。2013年是丰富的一年，是举国欢庆的一年，是承上启下的一年，依然是国外人民生活在水深火热之中，中国人生活在幸福安康之中！2013年习大大当了国家主席，2013年南非前总统曼德拉去世了，2013年“嫦娥”上月球了，2013年的天气更操蛋了，2013年的房价更高了！2013年的谷歌是让人惊奇的，2013年科技的发展是有目共睹的。在至此2014年到来之际，我相信，2014年的天气会更加的操蛋；2014年的房价会更高；会相信如果发生战争，我们承诺不首先使用城管；2014年的科技会更加让人目瞪口呆。2014年，我能干些什么呢，实现几个小小的愿望就行了： 好好学习一下linux，买的那本《鸟哥私房菜》可不能用来垫桌底了； 学习一下最近新兴的、流行的技术：HTML5、CSS3、Android等； 把《三国演义》看完了，时不时的看看《宋体》，提升下文学素养； 希望工资能提升一个档次，不管怎么努力，都是为了赚更多的钱嘛！梦想总是能被现实碾压的粉碎； 再买几本有质量的书，不过目前现在还没有想好买什么； 游览一下北京的名胜：长城、故宫、圆明园、颐和园、欢乐谷、三里屯、海洋馆、八大胡同、海底世界； 让我们平平安安、快快乐乐过完整个2014. 至此，敬礼！

js的数组问题 1. 遇到的问题 # 前天在写js时，遇到了一个很奇怪的问题：我有两个数组变量a、b，在经过一些运算后，数组b中有一些值，然后我就把数组b中的数据整体存入到数组a中（a.push(b)），然后就改变了数组b中的值（b.push(55), b.pop(), b[2]=100）。可是我最后从数组a中拿数据时，发现数组a中的数据竟然变了。我当时就纳闷了，我不是已经把数据存进去了么，为什么会变呢？而且如果把数组b清空后就不影响数组a中的值。 2. 解决方案 # 这样的情况，解决方案有3种： 将数组b设置为局部变量，当重新使用数组b时，就是重新声明了，与之前的数组b无关； 当然，有时候数组b其他地方可能也需要用到，不能讲数组b设置为局部变量，那么就在数组b的数据存入数组a之前，设置一个局部变量，先把数组b的数据存入到这个局部变量中，局部变量再存入到数组a中，之后数组b再改变时就不影响数组a了 当使用完数组b后，将数组b清空。其实这个跟第二种方法相似，本方法是清除数组b的指针引用，而第二种方法是清除局部变量的指针引用，因为他重新进行了声明。 以上的三种清空只能根据实际情况进行选择，而不是说哪个简单就选哪个。在我的项目中，就不能使用1和3，只能使用第二种情况。 3. 内部原理 # js数组其实本质是object，我们使用数组a进行push时，只是push了这个数组b的引用（指针1），其他地方（指针2）改变这个数组b的值时，数组a通过这个指针1获取到的数据也相应的改变了，因为这两个指针访问的是同一个地方。那么解决这个问题的办法就是上面的三种，要么让指针1的指向失效，要么就借助一个局部变量。 4. 总结 # 凡事多想个为什么，多试验一下，就能让我们更明白这个问题。

javascript模块化编写 1. 开篇语 # 现在我们写代码不再是一个人包办所有的活儿，都是在多人合作的情况下完成的。我们只需要负责自己的这块就行了，而且我们也希望别人的代码尽量少的影响到自己的代码，同时我们的代码也尽量少的影响到别人的代码。因此我们就需要对自己的js代码进行模块化，防止产生更多的全局变量！ 2. 对象形式写法 # var SSS = { top:0, left:0, init:function(){ var self = this; console.log("top:"+self.top); self.check(); }, check:function(){ var self = this; console.log("left:"+self.left); } }; 3. 立即执行函数写法 # var Nan = (function(){ var top = 0; var left = 0; function getTop(){ return top; } return { getTop:getTop } })(); 4. prototype写法 # function Hello(options){ this.config = { top:0, left:0 }; this.init(options); } Hello.prototype = { constructor:Hello, init:function(options){ this.config = $.extend(this.config, options || {}); var self = this, _config = self.config, _cache = self.cache; self._bindEnv(); }, _bindEnv:function(){ var self = this, _config = self.config, _cache = self.cache; console.log(self.config); } } 5. 总结 # this不存在Object对象中的,它只存在一个Function类型的函数中 this指向使用new操作符实例化其所在函数的实例对象 this还指向调用其所在函数的对象 引用：阮一峰的《javascript模块化编程》：http://www.ruanyifeng.com/blog/2012/10/javascript_module.html《理解JavaScript中的this》：http://www.2cto.com/kf/201204/129617.html

代码演示神器——jsfiddle jsfiddle 网站已停止服务，以下内容已失效。 1. 介绍 # 很多时候，我们需要在我们写的文章或博客中，即时显示出我们写的 demo，能方便的解释出我们的思路。很久之前我也写过一篇文章，说的是如果利用博客园自己的资源来创建一个 demo，只不过这样做的一个坏处是，文章列表中会产生很多的 demo 标题，而那些文章只是我们在其他文章中引用而已，没必要有个标题专门显示出来。前几天无意间发现了 jsfiddle，看到的第一感觉就是：哇，这么牛 X，给你 32 个赞！不过我也是刚开始用这个，还有很多的功能没有发掘出来，有什么不对的地方，望指正！jsfiddle 的官网：http://jsfiddle.net/ 2. jsfiddle 的具体使用 # 进入官网后，我们看到的是这样的界面：界面主要是分为了三部分：左侧：添加一些必要的链接或者其他的一些什么东西。比如我们写 js 时需要用到 jquery，那么我们就把 http://code.jquery.com/jquery-1.8.0.min.js 这个链接引入，就能在 js 这个编辑框里写 jquery 代码了。当然引入其他的文件应该也是可以的。上侧：没标出来的那两个按钮我目前还不知道怎么使用。运行：当把所有的代码完成后，点击“运行按钮”，就能在"result"框里看到运行的结果；保存：运行之后没什么问题了，就可以保存了，网页就会跳转到一个新的页面，url 地址就是你这个项目的地址，复制出来直接使用就行了，而且我们还看到了 share 按钮：share 按钮的下拉表里提供了三种选择：项目的 url 链接地址，项目的全屏展示地址，iframe 框架的代码。我们可以根据自己的需要，复制我们需要的地址。代码格式化：能够将我们写的代码按比较正规的方式进行呈现。纠错：当我们点击运行按钮没反应时，我们可以用这个代码进行适当的纠错。不过感觉这个的纠错不是完全的可信，有时候不准。做好的方案就是：自己先把代码写完运行没问题了，再粘贴过来。还有就是，我们可以展示我们需要的代码，就按“项目的全屏展示地址”为例，它默认展示的只是 result 模块，我们如果想展示 html 和 js，可以这样写：http://jsfiddle.net/bingbing/J965R/embedded/result,html,js/。而且模块展示的顺序就是我们在 url 中写的顺序，我们把 result 写在了第一个，那么默认展示的就是 result；如果我们把 js 写在第一个，那么默认展示的就是 js。当然了，大部分的情况默认展示的应该都是 result。需要注意的是：当我们在博客园的文章源码里插入“iframe 的框架代码”时，不能直接这样写，而是应该把 src 里的逗号换成%2C：http://jsfiddle.net/bingbing/J965R/embedded/result%2Chtml%2Cjs%2Ccss。这里插入一个代码演示的 demo，点击 div，能够随机变换背景颜色。 3. 总结 # 也没什么好总结的，希望能够发掘出 jsfiddle 更多的功能。

微信接口开发-初级体验 1. 微信接口的注册 # 进入到微信开发的官网（https://mp.weixin.qq.com）进行注册。不过注册时需要一张手持身份证的照片，一些必要的信息该写的都写上，运营主体就选择个人就行了，我们本来也就是测试着玩呢。到这里会让我们选择，不过我们只能选择“订阅号”，然后点击“下一步”。“恭喜你，成功创建了一个公众账号”。这里需要说明的是，申请的账号，得需要审核，在审核期间，有些功能我们是无法看到和使用的。 2. 申请成为开发者 # 待账号审核完毕后，在“高级功能”中选择“开发模式”，具体的操作点我。填写 URL 和 Token，其中 URL 是我们自己涌来接收服务器数据的 url 地址，这就需要我们有自己的线上地址。推荐使用 bae（百度开发云平台），当然，有自己的服务器和线上域名就无所谓了。Token 值可随意填写。从文档中下载 PHP 示例代码部署到自己的服务器上，代码中修改 token 值，使两者的 token 值保持一致验证 URL 有效性成功后即接入生效，成为开发者。 3. 申请测试账号 # 成为开发者还没完呢，还需要“申请测试账号”。申请成功后，会得到属于自己的 appID 和 appsecret，（把这两个先保存起来，会经常用到）这里同样需要配置接口信息。用自己的微信关注一下二维码，于是我们的公众账号就有了第一个用户。用户列表中的“微信号”我们会多次用到的。 4. 获取 access_token 值 # 这里需要说明的是：这里的 token 值不是我们刚才配置的 token 值，而是我们进行各种操作时，服务器给我们的凭证。 返回到“开发模式”的页面，点击“接口在线调试”：接口类型选择“基础支持”，接口列表选择“获取 access_token 接口/token”，appid 和 secret 就填写自己刚申请带的 appID 和 appsecret。点击“检查问题”，服务器会返回到相应的结果。返回结果：200 OK，我们成功的获取到了access_token，在之后其他接口的调用中我们就可以使用 access_token 了，不过这里要注意的是，重复获取 access_token，会导致上次的失效，而且 access_token 的有效期只有 7200 秒，过期后需要重新获取。 5. 调用接口 # 现在我们向用户发送一条消息，具体操作来点我。接口类型选择“向用户发送消息”，access_token 填写我们刚才获取到的值，body 里填写的是 json 格式的数据：{ "touser": "OPENID", "msgtype": "text", "text": { "content": "Hello World" } } OPENID 就是关注我们微信的微信号，参考第三步；content 是我们要发送的内容。点击“检查问题”，若返回结果是 200 OK，说明我们的消息已经发送成功，手机也能接收到发送出来的信息。其他的接口也是类似的调用。 6. 自己编写程序 # 说了这么多都是在人家的网站上进行接口调试，如果我们要自己实现呢。微信的开发流程其实是这样的：用户 → 微信服务器 → 自己的平台 → 微信服务器 → 用户。用户发送的所有信息都会通过微信服务器送到我们自己的那个平台上，然后我们就可以实现我们想要的功能了。现在我要实现的是自动回复功能。我们从文档中下载的 php 示例代码就已经有处理发送信息的功能，不需要我们自己再进行编写了，responseMsg()就是实现的这个功能。而且，在代码的最上方，我们不能再调用 valid()方法了，得改成这样：$wechatObj->responseMsg();保存以后，试试用客户端发送一下消息试试。这就说明我们的程序已经调试成功了，当然，回复的类型还有很多种，图片啦，视频啦，等等。 7. 总结 # 这里只是简单的写了下自己学习过程中的总结，而且也只是学习了一点点，可能还有很多不对的地方，欢迎指正。