Dec
15
animate.css – 是一个齐全的CSS3动画库，查看效果：http://www.dowebok.com/demo/2014/98/
简介
animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。
虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果，但还是建议看看 animate.css 的代码，也许你能从中学到一些东西。
兼容
浏览器兼容：当然是只兼容支持 CSS3 animate 属性的浏览器，他们分别是：IE10+、Firefox、Chrome、Opera、Safari。
使用方法
1、引入文件
2、HTML 及使用
给元素加上 class 后，刷新页面，就能看到动画效果了。animated 类似于全局变量，它定义了动画的持续时间；bounce 是动画具体的动画效果的名称，你可以选择任意的效果。
如果动画是无限播放的，可以添加 class infinite。
你也可以通过 JavaScript 或 jQuery 给元素添加这些 class，比如：
有些动画效果最后会让元素不可见，比如淡出、向左滑动等等，可能你又需要将 class 删除，比如：
animate.css 的默认设置也许有些时候并不是我们想要的，所以你可以重新设置，比如：
注意添加浏览器前缀。
简介
animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。
虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果，但还是建议看看 animate.css 的代码，也许你能从中学到一些东西。
兼容
浏览器兼容：当然是只兼容支持 CSS3 animate 属性的浏览器，他们分别是：IE10+、Firefox、Chrome、Opera、Safari。
使用方法
1、引入文件
2、HTML 及使用
给元素加上 class 后，刷新页面，就能看到动画效果了。animated 类似于全局变量，它定义了动画的持续时间；bounce 是动画具体的动画效果的名称，你可以选择任意的效果。
如果动画是无限播放的，可以添加 class infinite。
你也可以通过 JavaScript 或 jQuery 给元素添加这些 class，比如：
有些动画效果最后会让元素不可见，比如淡出、向左滑动等等，可能你又需要将 class 删除，比如：
animate.css 的默认设置也许有些时候并不是我们想要的，所以你可以重新设置，比如：
注意添加浏览器前缀。
Dec
15
nodejs守护进程,常用的有下面两个，推荐是用pm2，pm2 是一个带有负载均衡功能的Node应用的进程管理器.
forever
npm install -g forever
forever start app.js
forever stop app.js
forever restart app.js
forever list
pm2（https://github.com/Unitech/pm2）
npm install -g pm2
pm2 start app.js
pm2 stop app.js
pm2 restart app.js
pm2 list
#开启自启动
pm2 startup centos
pm2 save
forever
npm install -g forever
forever start app.js
forever stop app.js
forever restart app.js
forever list
pm2（https://github.com/Unitech/pm2）
npm install -g pm2
pm2 start app.js
pm2 stop app.js
pm2 restart app.js
pm2 list
#开启自启动
pm2 startup centos
pm2 save
Dec
8
nginx设置一个app站点访问总是访问不了，查目录权限，查默认文件配置，乃至重装都还没有搞定，终于还是发现目录中有纯数字文件夹121，目录这样
/website/app/121
把121改成v121，service nginx restart
访问正常！
/website/app/121
把121改成v121，service nginx restart
访问正常！
Dec
2
Arduino是一款便捷灵活、方便上手的开源电子原型平台，包含硬件（各种型号的Arduino板）和软件（Arduino IDE)。由一个欧洲开发团队于2005年冬季开发。其成员包括Massimo Banzi、David Cuartielles、Tom Igoe、Gianluca Martino、David Mellis和Nicholas Zambetti。
它构建于开放原始码simple I/O介面版，并且具有使用类似Java、C语言的Processing/Wiring开发环境。主要包含两个主要的部分：硬件部分是可以用来做电路连接的Arduino电路板；另外一个则是Arduino IDE，你的计算机中的程序开发环境。你只要在IDE中编写程序代码，将程序上传到Arduino电路板后，程序便会告诉Arduino电路板要做些什么了。
Arduino能通过各种各样的传感器来感知环境，通过控制灯光、马达和其他的装置来反馈、影响环境。板子上的微控制器可以通过Arduino的编程语言来编写程序，编译成二进制文件，烧录进微控制器。对Arduino的编程是利用 Arduino编程语言 (基于 Wiring)和Arduino开发环境(基于 Processing)来实现的。基于Arduino的项目，可以只包含Arduino，也可以包含Arduino和其他一些在PC上运行的软件，他们之间进行通信 (比如 Flash, Processing, MaxMSP)来实现。
Dec
1
网站调优有很多种方法，js，css合并，减少连接数，减少并发，静态化，CDN，gzip，expire，存内存读取等等，而这里讲的是分块读取加载，让DOM完成加载优先部分，再一次加载其他部分，避免阻塞，这就是BigPipe，不是什么新技术，facebook和淘宝在使用，主要做的是一些PV大的页面的加载，对于一些请求少的，还是要避免过度优化！
工作原理
要利用该Web服务器和浏览器之间的并行性，BigPipe首先分解网页成多个可调用的Pagelets。正如流水线微处理器划分一个指令的生命周期为（如“取指令”，“指令解码”，“执行”，“写回寄存器”等）多个阶段，BigPipe的页面生成过程分为以下几个阶段：
1. 请求解析：Web服务器解析和完整性检查的HTTP请求。
2. 数据获取：Web服务器从存储层获取数据。
3. 标记生成：Web服务器生成的响应的HTML标记。
4. 网络传输：响应从Web服务器传送到浏览器。
5. CSS的下载：浏览器下载网页的CSS的要求。
6. DOM树结构和CSS样式：浏览器构造的DOM文档树，然后应用它的CSS规则。
7. JavaScript中下载：浏览器下载网页中JavaScript引用的资源。
8. JavaScript执行：浏览器的网页执行JavaScript代码。[1]
前三个阶段执行，由Web服务器，最后四个阶段是由浏览器执行。每个Pagelet必须经过所有这些阶段顺序，但BigPipe在不同的阶段使几个Pagelets同时执行。
在BigPipe，一个用户请求的生命周期是这样的：在浏览器发送一个HTTP请求到Web服务器。在收到的HTTP请求，并在上面进行一些全面的检查，网站服务器立即发回一个未关闭的HTML文件，其中包括一个HTML 标签和标签的开始标签。标签包括BigPipe的JavaScript库来解析Pagelet以后收到的答复。在标签，有一个模板，它指定了页面的逻辑结构和Pagelets占位符。
在客户端在收到Pagelet通过“onPageletArrive”发出的指令，BigPipe的JavaScript库将首先下载它的CSS资源；在CSS资源被下载完成后，BigPipe将在Pagelet的标记HTML显示它的innerHTML。多个Pagelets的CSS可在同一时间下载，它们可以根据其各自CSS的下载完成情况来确认显示顺序。在BigPipe中，JavaScript资源的优先级低于CSS和页面内容。因此，BigPipe不会在所有Pagelets显示出来之前下载任何Pagelet中的JavaScript。然后，所有Pagelets的JavaScript异步下载。最后Pagelet的JavaScript初始化代码根据其各自的下载完成情况来确定执行顺序。
这种高度并行系统的最终结果是，多个Pageletsr的不同执行阶段同时进行。例如，浏览器可以正在下载三个Pagelets CSS的资源，同时已经显示另一Pagelet内容，与此同时，服务器也在生成新的Pagelet。从用户的角度来看，页面是逐步呈现的。最开始的网页内容会更快的显示，这大大减少了用户的对页面延时的感知。如果您要自己亲眼看到区别，你可以尝试以下连结： 传统模式和BigPipe。第一个链接是传统模式单一模式显示页面。第二个链接是BigPipe管道模式的页面。如果您的浏览器版本比较老，网速也很慢，浏览器缓存不佳，哪么两页之间的加载时间差别将更加明显。
Quotation
BigPipe是一个重新设计的基础动态网页服务体系。大体思路是，分解网页成叫做Pagelets的小块，然后通过Web服务器和浏览器建立管道并管理他们在不同阶段的运行。这是类似于大多数现代微处理器的流水线执行过程：多重指令管线通过不同的处理器执行单元，以达到性能的最佳。虽然BigPipe是对现有的服务网络基础过程的重新设计，但它却不需要改变现有的网络浏览器或服务器，它完全使用PHP和JavaScript来实现。
工作原理
要利用该Web服务器和浏览器之间的并行性，BigPipe首先分解网页成多个可调用的Pagelets。正如流水线微处理器划分一个指令的生命周期为（如“取指令”，“指令解码”，“执行”，“写回寄存器”等）多个阶段，BigPipe的页面生成过程分为以下几个阶段：
1. 请求解析：Web服务器解析和完整性检查的HTTP请求。
2. 数据获取：Web服务器从存储层获取数据。
3. 标记生成：Web服务器生成的响应的HTML标记。
4. 网络传输：响应从Web服务器传送到浏览器。
5. CSS的下载：浏览器下载网页的CSS的要求。
6. DOM树结构和CSS样式：浏览器构造的DOM文档树，然后应用它的CSS规则。
7. JavaScript中下载：浏览器下载网页中JavaScript引用的资源。
8. JavaScript执行：浏览器的网页执行JavaScript代码。[1]
前三个阶段执行，由Web服务器，最后四个阶段是由浏览器执行。每个Pagelet必须经过所有这些阶段顺序，但BigPipe在不同的阶段使几个Pagelets同时执行。
在BigPipe，一个用户请求的生命周期是这样的：在浏览器发送一个HTTP请求到Web服务器。在收到的HTTP请求，并在上面进行一些全面的检查，网站服务器立即发回一个未关闭的HTML文件，其中包括一个HTML 标签和标签的开始标签。标签包括BigPipe的JavaScript库来解析Pagelet以后收到的答复。在标签，有一个模板，它指定了页面的逻辑结构和Pagelets占位符。
在客户端在收到Pagelet通过“onPageletArrive”发出的指令，BigPipe的JavaScript库将首先下载它的CSS资源；在CSS资源被下载完成后，BigPipe将在Pagelet的标记HTML显示它的innerHTML。多个Pagelets的CSS可在同一时间下载，它们可以根据其各自CSS的下载完成情况来确认显示顺序。在BigPipe中，JavaScript资源的优先级低于CSS和页面内容。因此，BigPipe不会在所有Pagelets显示出来之前下载任何Pagelet中的JavaScript。然后，所有Pagelets的JavaScript异步下载。最后Pagelet的JavaScript初始化代码根据其各自的下载完成情况来确定执行顺序。
这种高度并行系统的最终结果是，多个Pageletsr的不同执行阶段同时进行。例如，浏览器可以正在下载三个Pagelets CSS的资源，同时已经显示另一Pagelet内容，与此同时，服务器也在生成新的Pagelet。从用户的角度来看，页面是逐步呈现的。最开始的网页内容会更快的显示，这大大减少了用户的对页面延时的感知。如果您要自己亲眼看到区别，你可以尝试以下连结： 传统模式和BigPipe。第一个链接是传统模式单一模式显示页面。第二个链接是BigPipe管道模式的页面。如果您的浏览器版本比较老，网速也很慢，浏览器缓存不佳，哪么两页之间的加载时间差别将更加明显。
Nov
20
BIG-IP是f5公司的一系列硬件产品，它的主要职能就是对进出此设备的网络流量进行管理。
最适宜用在需要对ip流量和web访问进行管理的环境下，比如，web访问的负载均衡；ssl认证得统一管理（把ssl做到big-ip上来，解放服务器得一部分性能）；
总体说，big-ip能对所有进出它的ip流量，进行管理和监控；
具体怎样实现呢？
|----------------------------------|
| ________ | ________
| |-->node1| | |-->server1|
客户机 --> |real server-->|-->node2|-|->|-->server2|
| |-->node3| | |-->server3|
| -------------- | --------- | pool |
|-----------------------------------|
BIG-IP
在BIG-IP应用中，有几个对象：
1.Virtual Server：这是Big-ip对外的窗口，客户端能见到的服务器。
2.node：这是Big-ip对内的窗口，一个node对应一个真正的服务器。一个node可以提供多种服务，每一种服务器对应pool里的一个member。
3.pool：这是node的集合，一个virtual server对应一个或多个pool。virtual server把客户端的请求发到对应的pool里，pool根据负载算法，把请求发给node的一个服务（node可以提供多种服务）。
为了增强big-ip的管理功能，在整个过程中，都可以对ip流做一些动作，又有了下面2个名词。
1.profile：这是作用在real server上的过滤动作，也就是对进入real server的流量进行分类，然后采取特定的动作。
这个分类可以有好多种标准，按提供的服务分类，按协议分类等等。
默认情况下，big-ip已经分了好多类，可以在这个基础上，扩展profile，但是不建议修改。比如，把http流量都换一个标头。
2.rules：为了增强real server处理流量的动作，可以使用rule，进行脚本编程。使得自己控制real server对流量的处理。最常见的就是控制流量流向非缺省的pool。
学习big-ip的主要操作：
登陆：
添加、修改、删除real server；local traffic-->virtual server-->create。
添加、修改、删除pool；local traffic-->pool-->new。
添加、修改、删除node；local traffic-->node-->new。
修改负载平衡算法；
开启和关闭地址转换功能；
