小天同学
# 如何用sublime更高效的编写less > 小天同学 2016-02-15 ### 写在前面的话 随着前端最近的发展和行业的重要性的提升，前端技术也在飞速的发展，涌现出各种各样的前端语言和前端工具及框架等。为了紧跟大部队的步伐，提高生产力，所以最近在学习less这个火热的css预处理器。做事必先利其器，所以这里就是一个入门的利器介绍，大神勿喷！这个主要适合刚接触less的同学参考。 ### less简介 less一种 动态 样式 语言. less将 CSS 赋予了动态语言的特性，如 变量， 继承，运算， 函数. less既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。 ### 基本环境介绍 Windows...
# 劳动观和人生观思考一二 ##### ————读《 稻田和夫：“极度”认真的工作能扭转人生》有感 小天同学 2016-02-17 > 有许多优秀的工匠，只要专心磨炼技能，制造出赏心悦目的产品，他们就会感到有一种说不出的自豪和充实；因为他们认为劳动是既能磨炼技能，又能磨炼心志的修行，他们把劳动看作自我实现、完善人格的“精进”的道场。可以说，多数日本人都曾经抱有这种有深度的、正确的劳动观和人生观。 其实我也很赞同这样的劳动观和人生观，人生在世金钱和地位都是过眼云烟，生不带来死不带去的。只有我们做的一些事情，我们的一些经历也许会被历史所记载，会被后人所知道。我们工作追求的就应该是自我价值的实现。有的人会说，我工作就是为了挣钱，过更好的生活。那更好的生活是为了什么，难道不就是因为你想要别人觉得你混的还可以吗？不还是让别人觉得你有能力吗？不还是在实现自己的自我价值的展示吗？ > 然而，近年来，随着社会逐步西方化，日本人的劳动观发生了巨大的变化。这就是本章开头所提到的，劳动是为了获得生活的食粮，劳动是“必要之恶”。因而许多日本人把劳动看作一项单纯的苦差事，甚至厌恶劳动，厌恶工作。 其实这些观点，就像我上面讲的那样，为了生存，为了更好的生活，为了实现自我价值。 > 不再发牢骚，不再说怪话，我把心思都集中到自己当前的本职工作中来，聚精会神，全力以赴。这时候我才开始发自内心并用格斗的气魄，以积极的态度认真面对自己的工作。 > > 从此以后，我工作的认真程度，真的可以用“极度”二字来形容。 > > 在这家公司里，我的任务是研究最尖端的新型陶瓷材料。我把锅碗瓢盆都搬进了实验室，睡在那里，昼夜不分，连一日三餐也顾不上吃，全身心地投入了研究工作。 “极度”看似简单的一个词，其实这种状态是很难达到的，且不说我们都是一个普通人生活在这个普通的社会上，就算你处在理想状态下的话，还是会有吃喝拉撒来打断你极度专致的状态的。但是我们只要努力，认真的做好自己觉得有意义感兴趣的事情的话，都是能做出一番成就的。听说过10000小时的法则吗？一个陌生的领域你花10000个小时来学习研究他，你也能成为一个专家的。所以“极度”做不到，就努力认真，加上正确的价值观和人生观，会扭转人生的。 > 文章来源 | 稻盛和夫《干法》，华文出版社
记录关于前端优化过程中，关于缓存的学习／优化／实践的那些事。 1/[九种浏览器端缓存机制知多少](http://jixianqianduan.com/frontend-javascript/2015/12/28/nine-browser-cache-methods.html)
开此issue，记录backbone的学习过程和笔记。  学习网址：[http://www.gbtags.com/gb/tag/usertag/16875.htm](http://www.gbtags.com/gb/tag/usertag/16875.htm)
# 基础学习 首先在用模块化的requirejs进行改造js的加载方式前，我做了这样的一个试验： 第一种代码是这样的： ``` html Requirejs demo My Sample Project ``` 第二种代码是这样的： ``` html Requirejs demo My Sample Project ``` 第一种代码的`alert`弹出的时候，页面上是空白的，就是说js的加载阻塞浏览器渲染；而第二种加载的时候是页面上的文字已经出现了之后才弹窗的。尽管我们不使用js模块加载框架的话，把js放到页面的底部``前还是对于页面的加载有好处的。
> SVG全称为“可缩放矢量图形”，它的名字暗示着它本身的特点。SVG让我们可以将一个图形从100%放大到1000%并且完全不失真。SVG是一个基于XML并可以在SVG对象中描述不同形状和路径的文件。每一个形状和路径都由一系列的点、位置、长度、半径，等等的来组成。 [参考学习链接](http://know.webhek.com/svg/svg-home.html)
# Flexbox探索与实践 > 小天同学 2016-2-18 话说从2009年就提出的Flex最近两年慢慢的变得火热了起来。也许是因为微软放弃了低版本IE的缘故，使得前端的环境变得好了很多，给新技术创造了一片新的沃土。算了，废话说的太多了。 今天主要就是记录下自己今天学习flexbox的一点心得和要点做一个总结： - 首先，Flexbox给我们在版面上提供了更加优化的解决方案，可以很好的控制元素的区域大小和位置； - 然后，在移动端天生好环境的情况下，实现移动端的webapp更加的简单； 其实Flex学习起来也不是那么的难，毕竟也只有不是很多的属性和值，只要搞清楚Flex的工作原理，这些都是不在话下的。 # Flexbox 的定义 > Flexbox布局（Flexible Box)模块旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。（这里我们称为Flex）。 # Flexbox 的原理 > Flex布局主要思想是让容器有能力让其子项目能够改变其宽度、高度(甚至顺序)，以最佳方式填充可用空间（主要是为了适应所有类型的显示设备和屏幕大小）。Flex容器会使子项目（伸缩项目）扩展来填满可用空间，或缩小他们以防止溢出容器。 其实总结下来flexbox的属性可以分为两类：一类是应用于“伸缩容器”的属性，另一类是应用于“伸缩项目”的属性。 具体的对于属性的讲解的教程可以参考： - [一个完整的Flexbox指南 来自w3cplus](http://www.w3cplus.com/css3/a-guide-to-flexbox.html) - [Flex...
占个位置，这个下面主要记录学习实践nodejs的学习心得，便于总结沉淀，更甚者的话希望能给后来的初学者踩个坑。 **That's it！** > 2016-02-17