AWS Openshift Cluster Installation Guide

The main reference is here: https://github.com/openshift/openshift-ansible-contrib/tree/master/reference-architecture/aws-ansible

Create

1
2
3
4

./ose-on-aws.py --region=us-east-2 --keypair=lgm-oc \
    --public-hosted-zone=oc-tw.net --deployment-type=origin --ami=ami-cfdafaaa \
    --github-client-secret=YOUR_SECRET --github-organization=xx \
    --github-client-id=YOUR_ID

Target

• A simple nodejs application
• Add mongodb to the application
• CI/CD for the application
• Logging, Monitoring, Debugging

A simple nodejs application

Introduction

In this section, We are going to create a nodejs project with mongodb in OpenShift. We assume that you have done all the preparation work listed in the invitation email of this workshop. And there’re some additional steps to get yourself ready.

又到小米发布会了，这次发布会将从发布评论的人里面选人，每分钟送一台小米手机。
于是写了几行代码自动发评论，省去了手工的麻烦。娱乐一下，碰个运气。

直播地址：https://hd.mi.com/x/12041b/index.html?client_id=180100041086&masid=17409.0195

代码如下：

1
2
3
4
5
6
7
8
9
10
11

// 随机选择一个当前评论列表里面的评论
var r = () => Math.floor((Math.random() * $('.livechat-list-wrapper .list li').length))
// 提取选中的评论的内容
var text = () => $($('.livechat-list-wrapper .list li')[r()]).find('.content').text()
// 使用选中的内容自动发评论
var c = () => {$('#J_chatContent').val(text());$('#J_sendChatBtn').attr('class', 'btn active');$('#J_sendChatBtn').click();}
// 生成随机的间隔时间
var rtime = () => Math.floor(Math.random() * 15000 + 5000)
// 设置一个计时器定时发评论
var st = () => stt = setTimeout(() => {c(); st()}, rtime())
st();

以上代码粘贴到控制台执行就可以了。

结构组织

1
2
3
4
5

css
 |-[业务类文件夹]
 |-[通用类-样式重置].css
 |-[通用类-公用组件].css
 |-[通用类-ie兼容].css

css样式排序

配置文件

继承和聚合

属性

内置、POM属性、自定义属性、settings属性、Java系统属性、环境变量

• finalName: 配置最终生成的war包的文件名，可以用于替换默认的${project.artifactId}-${project.version}，便于发布的时候生成合适的路径

生命周期

三套独立生命周期

Original:

1
2
3
4
5
6
7
8
9
10
11

.a {
    &.a-b {
        &:hover {
            background-color: #5cb85c;
        }
    }
}

.a-c {
    &:extend(.a .a-b:hover);
}

当子元素是浮动布局时，父元素无法获取到正确的宽高，这种情况常常使用clearfix方案来解决。

** 示例如下：**

1
2
3

<div> <!-- 父元素无法获取到正确的尺寸 -->
    <div style="float:left; width:100px; height:100px;"></div>
</div>

• 工作过程：

1
2
3
4

    StandBy(待机)
Inqury(查询)      Page(寻呼)
    Authentication(配对)
    Connection(连接)

• 连接状态：

  • 活动状态：正在通信
  • 监听状态：随时准备通信
  • 保持状态：仅仅定时器工作，无法通信
  • 休眠模式：能耗最低，偶尔监听和检查网络信息

opengl es shading language

种类

• 类型：vec2 vec3 vec4 mat2 mat3 mat4 int float
• 结构体：

最近在一个网站上，看到了很炫的网页特效：视频背景透明。该网址是：http://videostir.com/。他们还为用户提供了制作透明视频的服务。用户只需要上传他们要求的格式的视频，就可以生成一个透明的视频。

正如该网站所演示的，这种视频作为网站的引导，效果非常赞，互动的感觉非常强烈。