JavaScript 開發人員的主要基本技能是？

序員之所以欣賞JavaScript軟件開發，是因為他們能夠利用JavaScript構建客戶喜歡的高度互動網站。

作者 | PaulAzorín

譯者 | 彎月，責編 | 劉靜

出品 | CSDN（ID：CSDNnews）

以下為譯文：

如今，JavaScript非常流行，它非常靈活，被GitHub評為世界上最常用的編程語言。JavaScript在Web開發中占據了主導地位，大約有95%的網站都或多或少地使用了該語言。

程序員之所以欣賞JavaScript軟件開發，是因為他們能夠利用JavaScript構建客戶喜歡的高度互動網站。他們可以創造出懸停菜單、動畫、視頻、幻燈片等功能的Web頁面。

優秀的JavaScript開發人員了解這種語言的來龍去脈。招聘經理應該確保求職者對以下主題有充分的了解，而且還能夠以通俗易懂的方式解釋給人聽。

控制流

對于JavaScript開發人員而言，控制流是至關重要的概念，其定義了計算機完成一組語句的順序。

代碼歷來都是按順序讀取的：從上到下。然而，有些腳本會利用條件結構來改變代碼的執行順序。JavaScript開發人員可以將這些腳本融合到自己的網頁中，以提高響應速度并杜絕通信上的浪費。

例如，如今大多數公司只接受求職者通過網絡遞交的申請和簡歷。求職者在網上選擇自己相中的職位，然后上傳簡歷，并通過填寫表格交代清楚自己的聯系方式和工作經歷。

JavaScript開發人員可以通過編寫腳本來警告用戶表格中的某些字段不能為空，同時拒絕不合法的表格，這可以讓網站更具響應性并避免浪費時間。

在提交表格失敗后，申請人可以快速跳轉到漏掉的空白框（下方有一個顯眼的紅色標記），填寫信息，然后重新提交表格。

添加一個簡單的腳本就可以為求職者提供實時反饋，并且還可以防止求職者和HR專業人員在查找這些信息上浪費時間。

經驗豐富的開發人員應該能夠解釋條件結構的優點，并詳細說明如何將這類的腳本添加到網頁中。

錯誤處理

出錯再所難免，在軟件開發領域尤其如此，即使是經驗最豐富和最受尊敬的程序員有時也會犯下嚴重的錯誤。

研究表明，軟件工程師平均“每提交1000行代碼就會產生15-50個錯誤”。

頂級的開發人員明白錯誤是不可避免的，而且他們知道如何找到錯誤并修復錯誤。面試官可以要求求職人員講述以往工作中出現的錯誤，以及他們找到解決方案的過程，這可以更多地了解他們解決問題的方法。

函數

JavaScript和其他流行的編程語言（比如Java和Python等）的一個重大區別在于：函數的使用方法。JavaScript的獨特之處在于它允許程序員在代碼中將函數作為獨立的個體。

JavaScript編程更簡單，因為開發人員可以創建更簡短、更易讀的代碼。

此外，由于JavaScript將函數視為基本對象，因此工程師可以創建高階函數，并將某個函數作為參數傳遞給另一個函數。如此一來，程序員無需編寫更多代碼即可增加應用程序的復雜性。

范圍

對JavaScript的作用域有深入的了解將有助于工程師編寫更具可讀性的代碼，并減少工作中的錯誤。

JavaScript擁有兩種作用域：全局和局部。全局指的是無論變量位于何處，你都可以從代碼的任意位置讀取和編輯的該變量。

另一方面，局部作用域指的是只能在函數中更改的變量。只有對這些術語有深入了解的JavaScript開發人員才能編寫良好的代碼，并通過嚴格的訪問級別來杜絕人為錯誤。

在聘用JavaScript開發人員之前，經理必須確保該開發人員對范圍以及如何提高最終軟件的質量有扎實的了解。

軟件的安全性

數據隱私是高科技行業面臨的最重要的挑戰之一。數據泄露的數量每年都在持續增加，研究表明“平均每39秒”就有黑客闖入一臺計算機。

許多公司選擇與國外的JavaScript開發公司合作，目的是為了尋找網絡開發項目的安全專家。但是，開發團隊內部的每個成員都對軟件安全負有不可推卸的責任。

頂級的工程師應當對目前保障軟件安全的主要方法有扎實地了解，并且能夠清楚地闡明每種方法的優點和缺點。

招聘經理應該要求求職者講述保障軟件安全的方法，并詳細說明他們如何在以往的項目中確保數據隱私。

用戶設計

用戶設計是所有軟件開發人員都應該掌握的基本技能。對于JavaScript開發人員而言尤為如此，他們需要負責構建美觀且功能強大的網站，這些網站必須在外觀和感覺上與消費者產生共鳴。

盡管用戶界面和體驗設計曾經被視為專業人員的工作，但是現代軟件開發要求將最終用戶的考慮因素融入軟件開發生命周期的各個步驟。

優秀的程序員能夠進行基本的市場研究，了解他們的目標客戶，及時了解最新的用戶設計趨勢，并且還能夠展示如何在以往的項目中成功地創建了直觀且優美的產品。

總結

JavaScript對于現代Web開發至關重要。程序員可以利用JavaScript輕松快速地構建高度交互的網站、Web應用程序和移動應用。

然而，并非所有開發人員團隊都完全相同。如果公司打算招聘自家的開發人員（而不是外包JavaScript的開發），則招聘經理必須具備根據知識和技術力來篩選候選人的能力。

為了提高開發項目的成功率，高管可以徹查JavaScript開發人員對于編程語言的掌握程度、相關經驗以及是否愿意進一步深造自我。

原文：https://hackernoon.com/the-top-essential-skills-for-javascript-developers-7x1935sl

本文為 CSDN 翻譯，轉載請注明來源出處。

【END】

JS獲取瀏覽器屬性數據

<h3>你目前所使用的瀏覽器的數據：</h3>
<div class="data">
<script type="text/javascript">
var userAgent=navigator.userAgent.toLowerCase();
var browser=
(browser=userAgent.match(/qqbrowser\/([\d.]+)/))?"qqbrowser/"+browser[1]:
(browser=userAgent.match(/se\s+2.x/))?"sogou/2.x": //sougou
(browser=userAgent.match(/msie\s+([\d.]+)/))?"msie/"+browser[1]: //ie
(browser=userAgent.match(/chrome\/([\d.]+)/))?"chrome/"+browser[1]: //chrome
(browser=userAgent.match(/firefox\/([\d.]+)/))?"firefox/"+browser[1]: //firefox
(browser=userAgent.match(/version\/([\d.]+)\s+safari\/([\d.]+)/))?"safari/"+browser[1]: //safari
(browser=userAgent.match(/opera\/([\d.]+)([\w\W]+)version\/([\d.]+)/))?"opera/"+browser[3]: //opera
"other browser";
//以上是條件運算符“?:"的嵌套使用
var browser4=browser.substr(0,6);
document.write("<table>");
document.write("<tr><td>" + "Browser:" + "</td>");
document.write("<td>" + browser4 + "</td></tr>" );
document.write("<tr><td>" + "Browser Version:" + "</td>");
document.write("<td>" + browser + "</td></tr>" );
document.write("<tr><td>" + "userAgent:" + "</td>");
document.write("<td>" + userAgent + "</td></tr>" );
var appVersion=navigator.appVersion.toLowerCase();
document.write("<tr><td>" + "appVersion:" + "</td>");
document.write("<td>" + appVersion + "</td></tr>" );
var appCodeName=navigator.appCodeName.toLowerCase();
document.write("<tr><td>" + "appCodeName:" + "</td>");
document.write("<td>" + appCodeName + "</td></tr>" );
var appName=navigator.appName.toLowerCase();
document.write("<tr><td>" + "appName:" + "</td>");
document.write("<td>" + appName + "</td></tr>" );
//var language=navigator.language.toLowerCase(); (ie下無此屬性)
//document.write("language:" + language + "<br>" );
var platform=navigator.platform.toLowerCase();
document.write("<tr><td>" + "platform:" + "</td>");
document.write("<td>" + platform + "</td></tr>" );
document.write("</table>");
</script>
</div>

使用chrome顯示網頁內容如下：

使用firefox顯示網頁內容如下：

2 JS獲取窗口數據

<h3>瀏覽器窗口數據：</h3>
<div class="data">
<table>
<col width="50%" />
<col width="50%" />
<tr><td>右邊的數據反映瀏覽器窗口高寬的數據（單位是px,不包括上端的菜單欄和工具欄，也不包括下端的狀態欄；按F11全屏顯示或“還原”按鈕并調整大小也會有不同的數據反饋。）</td>
<td>
<form action="#" method="get" name="form1" id="form1">

<p>瀏覽器窗口的實際高度: <input type="text" name="availHeight" size="4"/> </p>
<p>瀏覽器窗口的實際寬度: <input type="text" name="availWidth" size="4"/> </p>
</form>
</td></tr></table>
</div>
<script type="text/javascript">
var winWidth=0;
var winHeight=0;
function findDimensions() //函數：獲取尺寸
{
//獲取窗口寬度
if (window.innerWidth)
winWidth=window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth=document.body.clientWidth;
//獲取窗口高度
if (window.innerHeight)
winHeight=window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight=document.body.clientHeight;
//通過深入Document內部對body進行檢測，獲取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight=document.documentElement.clientHeight;
winWidth=document.documentElement.clientWidth;
}
//結果輸出至兩個文本框
document.form1.availHeight.value=winHeight;
document.form1.availWidth.value=winWidth;
}
findDimensions();
//調用函數，獲取數值
window.onresize=findDimensions;
</script>

使用chrome顯示網頁內容如下：

使用firefox顯示網頁內容如下：

-End-

單是網頁中一個特定的區域，用來描述需要用戶輸入的頁面內容，在用戶輸入具體信息后，提交到指定位置進行處理。

HTML 文檔使用 form 標簽表示表單，其下有：

input 標簽：用于為 Web 的表單創建交互式控件，用來接收用戶的數據，它可以接收的數據類型很多，有文本內容、密碼框等多種數據類型。
select 和 option 標簽：select 和 option 標簽實現下拉列表框，select 標簽用于顯示可供用戶選擇的下拉列表，其中的每個選項都由 option 標簽標識。

form 標簽表示表單。form 標簽有兩個重要的屬性，action 和 method 屬性，其中 action 的屬性值是表單提交的地址，method 的屬性值是提交的方法。

其基本語法為：

<form action="表單提交地址" method="提交方法"></form>

method 屬性規定了表單提交方式，最常用的有兩種方式，分別是 GET 和 POST。

GET 是把表單中的參數放置在 HTTP 請求的頭部發送給服務器。POST 是將請求參數置于請求體內發送。這部分內容屬于 JavaScript 的內容，同學們先了解即可，在后面的章節會詳細講解。

選擇類表單元素是指單選框和復選框。

單選框就是給出多個選項只能選擇其中一個。
復選框就是給出多個選項可以選擇多個。

單選框和復選框的使用格式如下所示：

<!--單選框-->
<input type="radio" name="選項名" value="提交值" />
<!--復選框-->
<input type="checkbox" name="選項名" value="提交值" />
 
  <!--重置按鈕，可以把表單中已填寫的信息給清除掉。-->
  <input type="reset" />

注意：使用單選框時，每個選項一定要設置相同的 name 值，否則就沒有單選的效果。

使用 type="file" 表示文件類型表單元素，其使用格式為：

<input type="file" name="表單名字" accept="上傳文件的格式" />

使用 type="submit" 表示發送類型表單元素，其使用格式為：

<input type="submit" name="表單名字" value="表單名" />

在 HTML 中，通過 select 和 option 標簽可以實現下拉列表框，select 標簽用于顯示可供用戶選擇的下拉列表，其中的每個選項都由 option 標簽標識。

其語法格式為：

<select>
  <option>選項一</option>
  <option>選項二</option>
  <option>選項三</option>
</select>

select 有兩個常用屬性，如下所示：

屬性	描述
multiple	設置下拉列表可以選擇多項。
size	設置下拉列表選擇幾個表項。

option 有兩個常用屬性，如下所示：

屬性	描述
selected	設置是否被選中。
value	設置列表項的默認值。

password 類型是密碼輸入框，其用法如下所示：

<input type="password" />

textarea 標簽是多行文本標簽，其用法如下所示：

<textarea name="名稱" cols="列數" rows="行數"></textarea>

內嵌框架是指在當前的頁面中再嵌入另外一個或多個網頁。在 HTML 中，使用 iframe 標簽來實現一個內嵌框架。

基本語法：

<iframe src="內嵌頁面的鏈接地址" name="框架名"></iframe>

內嵌框架的常用屬性：

屬性	可取值	描述
frameborder	0、1	規定是否顯示框架周圍的邊框
height	pixels	定義框架高度
width	pixels	定義框架寬度
name	自定義	框架名，用于超鏈接操作
scrolling	yes、no、auto	規定是否在框架中顯示滾動條
src	引用頁面地址	內嵌頁面地址

在線咨詢

上一篇：基礎面試02-HTML5為什么只需要最頂部寫!DOC
下一篇：C#使用iTextSharp操作PDF文件

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

JavaScript 開發人員的主要基本技能是？

JS獲取瀏覽器屬性數據

2 JS獲取窗口數據

您的項目需求