20190812_jeffrey - silenceuncrio/diary GitHub Wiki

0920

M330 已經 release


補週報

M300[develop]

  • fine tune 'IP Routing > RIP' and 'IP Routing > OSPF'

M330[release/v0.06]

  • add the Customize function for user to use their own logo
  • use setenv module in lighttpd to specify a PATH for CGI scripts
  • correct the duplicate 'ng-show' at 'Management > Firmware' web page
  • while BRAND_ID == 53(HYTEC), user level only have 'Administrator'

1035

為了這次的 1000 台訂單產出寫 MAC 與 SN 用的 檔案 - 014B00000062E95B_manufacture

user@3b95631f73fe:~$ ./manufacture.py
Software MCSV: 014B00000062E95B
MAC start: 00:03:79:06:60:00
MAC end: 00:03:79:06:6B:B7
Serial Number start: BL7VB3WE0000
Serial Number end: BL7VB3WE03E7
MAC range: 00:03:79:06:60:00 ~ 00:03:79:06:6B:B7
Serial Number range: BL7VB3WE0000 ~ BL7VB3WE03E7
user@3b95631f73fe:~$ ls *manufacture -al
-rw-r--r-- 1 user user 80 Aug 12 02:35 014B00000062E95B_manufacture

把生產 1000 台 M330 用的文檔寄給 yuncore 相關窗口

1305

記得要幫忙出考題給面試的新人

10 題考題

1 題 10 分

web 方面我要出 4 題佔 40 分

一題作答時間約5分鐘

參考 w3schools.com 來出題

如果題目不需要那麼多的作答時間的話

每一題我可以再分個 5 小題 每小題佔 2 分

因為是要測試基本的 web 能力

跟特定技術相關的題目就不適合

像是 bootstrap, angular, jquery 等等

目前四題的方向如下

  • HTML
  • CSS
  • Javascript
  • CGI
  1. HTML

下面小題請把答案填入中括號 [] 裡


Use the HTML comment tag to make a comment out of the "This is a comment" text.

<h1>This is a heading</h1> 
  [        ] This is a comment [        ]
<p>This is a paragraph.</p>

ans:

<h1>This is a heading</h1> 
  <!-- This is a comment -->
<p>This is a paragraph.</p>

Use the correct HTML to make the image become a link to "default.html".

[        ]
  <img src="smiley.gif">
[        ]

answer

<a href="default.html">
  <img src="smiley.gif">
</a>

Use the HTML image attributes to set the size of the image to 250 pixels wide and 400 pixels tall.

<img src="scream.png" [        ]="250" [        ]="400">

answer

<img src="scream.png" width="250" height="400">

Add a table row with two table headers.

The two table headers should have the value "Name" and "Age".

<table> 
  [        ]
    [                ]
    [                ]
  [        ]
  <tr> 
    <td>Jill Smith</td> 
    <td>50</td> 
  </tr> 
</table>

answer

<table> 
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr> 
    <td>Jill Smith</td> 
    <td>50</td> 
  </tr> 
</table>

In the form below, add an input field with the type "button" and the value "OK".

<form> 
<[                                ]> 
</form>

answer

<form> 
<input type="button" value="OK"> 
</form>
  1. CSS

CSS 部分很難出題 還是要搭配 HTML 才行


Use the correct HTML attribute, and CSS, to set the color of the paragraph to "blue".

<p [                                ]>This is a paragraph.</p>

answer

<p style="color:blue;">This is a paragraph.</p>

Use CSS to set the background color of the document (body) to yellow.

<!DOCTYPE html> 
<html> 
<head> 
<style> 
[        ]
  [                ]:yellow; 
[        ] 
</style> 
</head> 
<body> 
<h1>My Home Page</h1> 
</body> 
</html>

answer

<!DOCTYPE html> 
<html> 
<head> 
<style> 
body {
  background-color:yellow; 
} 
</style> 
</head> 
<body> 
<h1>My Home Page</h1> 
</body> 
</html>

Use CSS to make a yellow, 1 pixel thick, border around all paragraphs.

<!DOCTYPE html> 
<html> 
<head> 
<style> 
[    ] {[        ]: [        ] solid [        ];} 
</style> 
</head> 
<body> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
</body> 
</html>

answer

<!DOCTYPE html> 
<html> 
<head> 
<style> 
p {border: 1px solid yellow;} 
</style> 
</head> 
<body> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
</body> 
</html>

Add the correct class to make the H1 element red.

<!DOCTYPE html> 
<html> 
<head> 
<style> 
.mystyle {color:red;} 
</style> 
</head> 
<body> 
<h1 [                ]>My Home Page</h1> 
</body> 
</html>

answer

<!DOCTYPE html> 
<html> 
<head> 
<style> 
.mystyle {color:red;} 
</style> 
</head> 
<body> 
<h1 class="mystyle">My Home Page</h1> 
</body> 
</html>

Add the correct HTML attribute to make the H1 element red.

<!DOCTYPE html> 
<html> 
<head> 
<style> 
#myheader {color:red;} 
</style> 
</head> 
<body> 
<h1 [                ]>My Home Page</h1> 
</body> 
</html>

answer

<!DOCTYPE html> 
<html> 
<head> 
<style> 
#myheader {color:red;} 
</style> 
</head> 
<body> 
<h1 id="myheader">My Home Page</h1> 
</body> 
</html>

3 javascript


Use comments to describe the correct data type of the following variables:

var length = 16;          // [        ]
var lastName = "Johnson"; // [        ]
var x = {
  firstName: "John",
  lastName: "Doe"
};                        // [        ]

answer

var length = 16;          // Number
var lastName = "Johnson"; // String
var x = {
  firstName: "John",
  lastName: "Doe"
};                        // Object

Execute the function named myFunction.

function myFunction() {
  alert("Hello World!");
}
[                ];

answer

function myFunction() {
  alert("Hello World!");
}
myFunction();

Alert "John" by extracting information from the person object.

var person = {
  firstName: "John",
  lastName: "Doe"
};
alert([                        ]);

answer

var person = {
  firstName: "John",
  lastName: "Doe"
};
alert(person.firstName);

The element should do something when someone clicks on it. Try to fix it!

<button [                ]="alert('Hello')">Click me.</button>

answer

<button onclick="alert('Hello')">Click me.</button>

Use the length property to alert the length of txt.

var txt = "Hello World!";
var x = [                ];
alert(x);

answer

var txt = "Hello World!";
var x = txt.length;
alert(x);

4 CGI

請用 C 寫一隻 CGI 讓 browser 呼叫時能顯示出 hello world

answer

#include<stdio.h>
int main()
{
    printf("Content-Type:text/html\r\n\r\n");
    printf("<html>\n");
    printf("<head>\n");
    printf("<title>Hello,World!</title>\n");
    printf("</head>\n");
    printf("<body>\n");
    printf("<h2>Hello,World!<h2>\n");
    printf("</body>\n");
    printf("</html>\n");
}

1545

review 待做的工作項目

M300

  • P1 - GRG tunnel 需支援 keep-alive, key 加密...
    • 07/29 ~ 08/20
    • 目前自己的部分已完成
  • P3 - Layer 2 Encapsulation over GRE (L2oGRE)

M330

  • P1 - All modules related to OpenSSl need to check (new 1.0.2)
  • P1 - web port needs to be editable
  • P2 - Web UI: WAN WiFi
    • 40%
  • P2 - Wizard
  • P2 - web ui display issue via smartphone
  • P2 - web ui: GPS track drawing

先做高優先順序的 task

M330 - P1 - All modules related to OpenSSl need to check (new 1.0.2)

jessy 已經幫 M330 的 openssl 升級到跟 M360 一樣新的版本

我要 review lighttpd https 是否能正常動作

這需要在 M330[develop] 做

而且需要在 source code 的 proscend 外層 make distclean 後再 make

做吧

⚠️ **GitHub.com Fallback** ⚠️