信息系统开发

这两天一直在做信息系统开发的大作业，需要用到后端环境，需要配置Apache、PHP、Mysql三个工具，大二配置过一次，很繁琐，而且容易出错，这时候你就会嘀咕了“我只是想做个安静的码农，完成系统开发的作业，并不是长期开发”，那有没有一个小白式安装的现成软件可以提供后端开发环境呢？这是Google就会把wampserver扔在你眼前。

Bootstrap

很早就想接触Bootstrap，一直在delay，寒假看过一次，不过那次是在网吧，朋友们在打lol，我却在装逼看代码(笑cry)，最后昏昏欲睡，没写实例，后来也就不了了之，最近需要写一个响应式的页面，加之这些天需要学习的必要性，终于开始看。

初体验

Bootstrap的栅格系统很强大，通过对栅格的类的配置可以很轻松地实现响应式布局，这个会在后面的学习中，陆续总结。今天要说的是，鼠标hover时，菜单如何自动下拉。

这首歌很棒，我更喜欢谭维维的版本

最近的生活过的好快，和室友聊天时经常把前天的事记成昨天，细想好久才能纠正，但大脑缓存就这么点大，光凭回忆不是长久之计，还得存进硬盘，拾起每天记事的习惯，五到十分钟记录这一天的收获或者流水账，上个学期连续写了三个月，现在偶尔翻看，挺好玩。

SublimeText3是我最喜欢的编辑器，如果你跟我争Vim或者Emacs，来来来，先出门打一架……
喜欢归因于它丰富的插件，ST2插件装多了启动会变得很慢，而ST3完全解决了这个问题，无论装多少插件，一律秒开，因为有朋友想装插件，在这里列举一些我个人很喜欢的，权当做分享。

为什么清除浮动

因为float会脱离Normal_flow,布局是会出现问题，下面给一个例子。

1
2
3
4

.outer{border:1px solid #ccc;background-color:#fc9;color:#f5f;margin:50px auto;padding:50px;}
.div1{width:80px;height:80px;background:red;float:left;}
.div2{width:80px;height:80px;background:blue;float:left;}
.div3{width:80px;height:80px;background:green;float:left;}

1
2
3
4
5

<div class="outer">
    <div class="div1">float1</div>
    <div class="div2">float2</div>
    <div class="div3">float3</div>
</div>

途中三个浮动上面的那条白线是整个outer的内容，height值为0，造成这样的原因是float已经脱离了文档流，这显然不是我们想要的，可能上面的内容不能很清楚的描述问题，下面在三个浮动元素后添加非浮动的div。

加装SSD

老大这学期的课程需要装很多测试软件，那台32位系统的Dell inspiron 14本来就卡的不行，再装软件恐怕连开机都困难，想到此处，拍案而起，大呼道“我要加装SSD！”，加之最近发现用的是64位的i3，换系统更是刻不容缓了。昨天用了半个下午装完，因为第一次拆 Dell，这里总结几个需要注意的地方。

文档流小计

页面CSS布局虽然写了很多，但多为无章法的拼凑，对这方面的知识掌握的不系统，导致遇到问题发虚，最近看JS权威指南时多次遇到文档流，所以在此做一个总结。
欢迎指正！

命令行启动

每次用命令行new一个新文件都得在文件夹里打开，很不方便，一直都在用Sublime，想在命令行里启动Sublime。

明天上午离校，转眼又是一年。

月初看了很多年末总结和新年计划，想着不能免俗，理应写一篇捋一捋过去的一年，拖沓到现在。

一年的时间，结识了HB，从硬件转到Web，完成了一次骑行，找到了一个很棒的实验室，一群有趣的人，跟了一位靠谱的boss。回顾这一年，大概就这些了。

关于kindle

常说的kindle默认指代kindle电子书阅读器，但亚马逊除了硬件阅读器，也做了全平台的软件应用，我可以用我的kindle阅读器看书，同时也可以在手机（Android、iOS）和电脑（MacOS、windows）上阅读本地文件，看我在Amazon商城买的书，有没有觉得很方便，与此同时，问题也出现了，如此多的设备和文件，该怎么管理？

Chrome插件

喜欢Chrome，简洁的设计，强悍的内核只是一方面，应用商店里丰富的扩展和插件才是让我对Chrome爱不释手的根本原因。这些扩展增强了Chrome的使用体验，同时也提高了开发人员的效率，最近用了一个很方便的便签应用，可惜字体只支持英文，看着让人恼火的中文，索性决定自己写一个。一个扩展很容易实现，Chrome可以直接编译JS代码，需要界面时可添加html文件，方式与网页相差无几。
官方资源:
API文档
Samples
中文API

先来首歌怀念一下

0%

细想应该是高三接触到这本书，偶然翻到跃峰买的一本电子杂志，sky在杂志里开了一篇专栏，连载的是他的一本自传『当李晓峰成为Sky』，那一刊记载的正是sky从郑州回家，再次上路后彻底转型为魔兽玩家的那段时光，光阴如梭，白云苍狗，没想到三四年过去了我一直念念不忘，很久之前就已经入手了电子版，只是重度拖延症一直延期到Kindle到手的第二天，利用一节科技英语课，开始看这本执念了三四年的书。

暑假的骑行本该以这篇总结结束的，一直拖到现在。

7.15成都出发，8.5到达拉萨，历时二十一天，行程2100+km，翻了13座山（两座5000+，9座4000+，两座4000-），爆了一个外胎和一个内胎，都是后胎，同时爆的……，一行四人，路上结识三位，七人布达拉宫广场举车，喝拉萨啤酒，这些事情我会记得很久。

About

写博客的习惯源于想哥，最初在CSDN上写，后转到cnBlogs上，最近给自己搭了一个空间，记录自己的思考，技术学习、生活五味。

借刘未鹏前辈语：
一行字被你写下来之后，你就不用在将其费力的保持在大脑的临时记忆中，因为这行黑底白字会不断地通过视觉刺激来提醒你它的存在，于是你就可以将空出来的思维精力用于反思你自己的观点

阅读更多

Tips:
形象化演示排序算法可以让初学者快速理解，最近在看canvas，试着用js+canvas自己做了一个。
已有比较好的demo：jun-lu的SortAnimate，旧金山大学的David Galles教授的算法演示课件。

Note：

这学期修了严厉的Mr.J的编译原理，不定期更新笔记！
欢迎指正！

Github:

• 词法分析
• 语法分析
• 语义分析

Note：

这学期修了严厉的Mr.J的编译原理，不定期更新笔记！
欢迎指正！

Github:

• 词法分析
• 语法分析
• 语义分析

与鼠标事件相关两个函数

回调函数cvSetMouseCallback

1

void cvSetMouseCallback( const char* window_name, CvMouseCallback on_mouse, void* param CV_DEFAULT(NULL));

window_name：鼠标执行的窗口名

on_mouse：每次指定窗口鼠标事件发生时被调用的函数指针

param :传递到回调函数的参数

on_mouse的原型

1

void Foo(int event, int x, int y, int flags, void* param);

param:传递到cvSetMouseCallback函数调用的参数