前端工程師之Javascript基礎練習(二十二)-數學物件

前端工程師之Javascript基礎練習(二十二)-數學物件
前端工程師之Javascript基礎練習(二十二)-數學物件

關於前端工程師愛用的JavaScript,今天就帶你認識何謂數學物件哦!

 

Math物件的屬性

前端工程師而言,Math 是 JavaScript 的原生物件,可以進行多種數學運算。該物件並非用函式建構式來生成,所有的屬性和方法都必須在 Math 物件上呼叫。

Math 物件包含多種屬性,在HTML中表示如下表:

    1. 屬性
    2. 描述
    1. 歐拉常數,是自然對數函數的底數,約為 2.718。
    1. LN2
    2. 2 的自然對數
    1. LN10
    2. 10 的自然對數
    1. LOG2E
    2. 以 2 為底的歐拉常數(E),其值約為 1.442。
    1. LOG10E
    2. 以 10 為底的歐拉常數(E),其值約為 0.434。
    1. PI
    2. 圓周率,其值約為 3.14159
    1. SQRT2
    2. 2 的平方根,其值約為 2.414
    1. SQRT1_2
    2. 1/2 的平方根,其值約為 0.707

 

以上 Math 物件的屬性,範例如下:

See the Pen The Math object by Tedutw (@Tedutw) on CodePen.

Math物件的方法

Math 物件除了有許多屬性外,也有許多方法,列表如下:

    1. 方法
    2. 描述
    1. abs(x)
    2. 不用懷疑,就是回傳x的絕對值
    1. acos(x)
    2. 回傳x的反餘弦(三角函數,數學符號是arccos)
    1. asin(x)
    2. 回傳x的反正弦(反三角函數,數學符號是arcsin)
    1. atan(x)
    2. 回傳x的反正切(反三角函數,數學符號是arctan)
    1. ceil(x)
    2. 回傳離x最近的整數:若x為浮點數則向上取整數;x為整數擇取x本身
    1. cos(x)
    2. 回傳x的餘弦(三角函數,數學符號是cos)
    1. exp(x)
    2. 回傳值為以x指數的E
    1. floor(x)
    2. 回傳離x最近的整數:若x為浮點數則向下取整數;x為整數擇取x本身
    1. log(x)
    2. 回傳x的自然對數
    1. max(x,y,z…,n)
    2. 回傳最大值
    1. min(x,y,z…,n)
    2. 回傳最小值
    1. pow(x,y)
    2. 回傳值為x的y次方
    1. random()
    2. 隨機回傳0與1之間的任一數
    1. sin(x)
    2. 回傳x的正弦(三角函數,數學符號是sin)
    1. sqrt(x)
    2. 回傳值為x的平方根
    1. tan(x)
    2. 回傳x的正切(三角函數,數學符號是tan)

 

以上 Math 物件的方法,範例如下(不包含三角函數):

See the Pen The Math object-method by Tedutw (@Tedutw) on CodePen.

綜合練習

讓我們來撰寫一個前端工程師常用的JavaScript 程式:省先彈出一個視窗,要求使用者輸入數字。使用者輸入數字後,即會出現警示視窗,顯示該數字的平方根。

var x = prompt("請輸入一個數字","");
var answer = Math.sqrt(x);
alert(x+" 的平方根是 "+ answer);

執行結果如下:

此時我們在HTML中輸入「64」,則會有以下結果:

JavaScript 的數學物件就介紹到此。若能善用數學物件,則可減省時間。不必自己寫函數。下一章我們將介紹另一個 JavaScript 的原生物件——日期物件。

 

 

 

 

 

 

推薦文章:
達內教育評價:別再抱怨不景氣了!高中生靠SEM接案創業每月額外收入7萬


痛失英才!台灣人工智慧學校執行長陳昇瑋辭世


用Python寫出唐鳳「番茄鐘工作法」程式,讓AI幫你集中注意力!


人生是自己的, 達內教育評價要靠自己來體驗!


Javascript入門第十九課-方法


Javascript變量命名不知道?別說你是前端工程師!


Javascript初學者課程(17)-物件介紹

 

全端.後端.前端工程師傻傻分不清?3招教你輕鬆分辨!

全端.後端.前端工程師傻傻分不清?3招教你輕鬆分辨!
全端.後端.前端工程師傻傻分不清?3招教你輕鬆分辨!

全端.後端.前端工程師還是傻傻分不清嗎?看完本篇你就知道囉!

一、前端方向

網站中的“前端”是與用戶直接交互的部分,包括你在瀏覽網頁時接觸的所有視覺內容從字體到顏色,以及下拉菜單和側邊欄。這些視覺內容,都是由瀏覽器解析、處理、渲染相關 HTMLCSSJavascript 文件後呈現而來。

技能與工具

前端開發,就是要創造上面提到的網站面向用戶的部分背後的代碼,並通過建立框架,構建沉浸性的用戶體驗。為了實現這個目標,開發需要熟練運用下列語言、框架、工具庫:

三大語言:HTMLCSS,和 Javascript

此外,掌握 jQuery LESS 等工具庫也很重要,它們能夠幫助工程師以更高效的方式編碼;

很多前端開發崗也要求 Ajax 方法的使用經驗,它可以幫助你使用 Javascript 在後台從服務器拉取數據,協助實現頁面的動態加載。

舉個例子,前端工程師的工作專注於“房屋”裝修,而蓋房子的工作由後端工程師負責。

通過一些專門的工具,前端工程師與設計師/用戶體驗分析師密切合作,幫助構建原型或是線框圖,參與產品開發到發布的全過程。

一些前端工程師甚至能準確定位影響用戶體驗的特定問題,並給出建議或是代碼解決方案,對產品設計帶來積極影響。

在專業能力外,與其它團隊協作,以理解特定目標、需求、機遇,以及高效的執行力也非常重要。

這聽起來工作內容很多,但也回報豐厚。 “我是一名技術人員,也是一名設計者,在數字平台上使用標記語言和代碼修改視覺元素並與之互動是很自然而有趣的體驗,”有八年前端開發經驗的Mikey Ilagan 說“這讓我能夠直接影響到用戶體驗,操縱應用和網站裡用戶所見並直接與之交互的元素,這非常棒!”

總之,前端工程師要為後端工程師搭建的“房屋”進行內部設計和裝修工作。裝潢風格由房屋所有者指定。 Apptix 的產品市場負責人 Greg Matranga 表示:“前端工程師有時更容易為他們的工作感到振奮,因為他們有更廣闊的空間發揮自己的創造力。”

二、後端方向

是什麼給網站前端提供支持?數據存放在哪裡?這就涉及後端內容了。網站後端包括服務器、應用還有數據庫。後端工程師構建並維護這些組件,為網站提供多方面支持。

技能與工具

為了能讓服務器、應用、數據庫能夠彼此交互,後端工程師需要具有如下技能:

用於應用構建的服務器端語言:PHP, Ruby, Python, Java, .Net 等;

數據相關工具:MySQL, Oracle, SQL Server 等;

PHP框架:Zend, Symfony, CakePHP等;

版本控制工具:SVN, CVS , Git 等;

還要熟練使用 Linux 作為開發和部署環境。

後端工程師使用這些工具編寫乾淨、可移植、具有良好文檔支持的代碼來創建或更新網站的應用。但在寫代碼之前,他們需要與客戶溝通,了解其實際需求並轉化為技術目標,制定最有效且精簡的方案來進行實現。

“我熱愛後端開發因為我喜歡操縱數據”,資深後端工程師就職於 Wildbit JP Toto 說。 “現在共有和私有 API 已變成移動設備、網站以及其它互聯繫統交換數據的必備通道。創建對大家有用的 API 是我工作裡非常鼓舞人心的部分”。

三、全端

有時前後端之間並沒有明確的界限,“前端工程師通常需要額外學習後端技巧,反之亦然,尤其在特定市場條件下”,Matranga 說:“工程師需要跨領域知識,有時甚至需要成為全才。”

全端工程師,最一開始是6年多以前由 Facebook 帶動的概念。全端的核心,是指這批工程師能夠承擔包括前端、後端在內的所有功能開發任務,他們擁有一個技能全家桶。

“能夠同時承擔服務器端和客戶端工作會為你帶來更多機會,” Grovo 的全端工程師Federico Ulfo 說“當然這也就意味著更多的挑戰。以廚藝作類比,掌握烹飪和烘焙都需要時間與經驗積累,同時掌握兩者要花費更多精力。照著菜譜做誰都可以,我此處所說的是做出真正美味東西的能力。”

技能與工具

全端工程師也通常在服務器端進行編程工作,但他們熟練前端語言,能夠操縱網站面向用戶的部分。基本上可以說他們是萬事通。

具體工具會依項目和客戶需求而定,全端工程師需要對網站 架構的每一個層次都有足夠的了解:搭建和配置Linux 服務器,編寫服務器端API,利用客戶端Javascript 代碼驅動應用,將設計層面的東西轉化到實際的CSS 代碼。

掌握並使用大量工具的同時,全端工程師需要敏捷地分配服務器端和客戶端任務,提供解決方案並對比不同方案的優劣。

 

 

 

推薦文章:
差點被拋棄的冠軍程式語言-Java入門教學(一)Java 身世之謎/寫出第一個Java程式


今年10月即將入手的新身分證,它的UI設計有啥亮點?


JavaScript入門教學#22|數學物件


JavaScript入門教學#21|陣列的方法與屬性


Javascript入門第十八課-創造物件


Javascript初學者課程(19)-方法


網頁前端要成功關鍵,就是JavaScript!!

掌握這些小技巧,網頁前端輕鬆學!

掌握這些小技巧,網頁前端輕鬆學!
掌握這些小技巧,網頁前端輕鬆學!

零基礎也想學好網頁前端?掌握這些技巧後真的一點也不難!

最近有很多想要轉行的朋友紛紛把目光投降了網路前端技術。 網路前端作為一個薪資前景看好的熱門行業,吸引了許多人的加入。但是對於剛剛準備轉行的朋友來說並不知道網路前端是什麼?零基礎到底該怎麼學習Web?下面就來和小編一起看一看文章內容吧~

 

零基礎怎麼學習Web?

一、網路前端是什麼呢?

當你在網絡、APP上瀏覽網頁時看到的所有漂亮的頁面都是由網路前端實現的,在我們看來簡單,但是一個小小的按鈕,一個小小的符號都是網路前端工作者仔細斟酌過的。

網路前端工作相對於其他軟件開發工作是比較容易入門的,但是深入學習會比較困難,它需要從業人員掌握一定的設計、代碼、交互技能,有的公司還會要求有一點SEO技能。達妹帶你看看零基礎怎樣入門?

 

二、零基礎怎麼學習Web?

網路前端培訓零基礎入門有兩種方式:

· 第一,通過自己自學進入該行業

· 第二,通過參加Web培訓機構入門

通過自身學習入門你需要通過的是最開始學習時多看看視頻,有一定了解後針對自身情況挑選合適的書籍,進行知識性的查漏補缺。當然這學習的過程很重要,需要將自己學習的知識串成知識點時常溫習。平時多練習代碼,堅持一段時間之後一定會有所成就。最好可以挑選合適的教育機構,這樣可以減少你學習的時間,有針對性的學習。

 

三、網路前端技術的三個階段

分別是前端美工、前端開發和前端架構。

前端美工主要負責最基本的一些平面設計,視覺互動設計,不需要參加太多代碼問題,中級網路前端會寫JS,應用js,用戶交互等,前端架構是開發、優化框架和服務器,用戶體驗等涉汲就比較廣。三者薪資根據等級不同也逐漸升高。

 

四、網路前端開發包括三個要素

HTML5CSSJS,是網路前端開發包括的三要素,當然服務器端語言以及基本的PS、視覺設計也是需要優先了解的。 網路前端既需要與上游的視覺互動設計師、視覺設計師和產品經理溝通,又要與下游的服務器端工程師溝通,需要掌握的技能比較多。所以對於有些知識只需要入門不需要精通,有些知識卻需要融會貫通,這對網路前端開發的學習比較重要。

 

五、HTML5和網路前端的區別

HTML5是現在網路前端開發一項重要的內容,由於技術的不斷發展,市場需求的不斷變化,加之新媒體時代的衝擊,例如微信的小程式,這都決定了HTML5的重要性,未來HTML5工程師的需求肯定會大大增加,由於這是新鮮產物,市場的需求一定是向偏年輕化需求發展,因為他們的接受能力和學習能力高於中年人,所以現在進入HTML5的學習和網路前端的學習時機很好。

 

 

 

 

推薦文章:
JavaScript入門教學#22|數學物件


今年10月即將入手的新身分證,它的UI設計有啥亮點?


JavaScript入門教學#21|陣列的方法與屬性


你是我的眼!Google AI 眼鏡助視障朋友「看見」世界


網頁前端要成功關鍵,就是JavaScript!!


Javascript入門第十七課-物件介紹


搞不懂Javascript變量命名?問前端工程師就對了!

Javascript初學者課程(21)-陣列的方法與屬性

Javascript初學者課程(21)-陣列的方法與屬性
Javascript初學者課程(21)-陣列的方法與屬性

本日的JavaScript教學就是要教你關於Javacript中的陣列的方法與屬性哦!

 陣列(Arrays)-length 屬性

JavaScript 陣列(Arrays)擁有一些實用的內置屬性和方法,例如 length 屬性,用以回傳一個陣列中元素的數量。寫法如下例所示:

See the Pen JavaScript-Array-length-property by Tedutw (@Tedutw) on CodePen.

上述範例左側的原始碼,第一行的「courses」陣列有三個元素:HTML、CSS、JS,因此回傳數值為「3」;第四行的「courses1」陣列有四個元素:HTML、CSS、JS、JQuery,因此回傳數值為「4」

合併陣列(Combining Arrays)-concat () 方法

JavaScript 的 concat () 方法被用來合併兩個或多個陣列。前端工程師認為此方法不會改變原本的陣列,而是新增加另一個經過合併過的陣列後回傳。

See the Pen JavaScript-combining-Arrays by Tedutw (@Tedutw) on CodePen.

上述範例左側的原始碼,第一行為「c1」陣列回傳為「HTML,CSS」;第二行的「c2」陣列回傳為「JS,JQuery」;第三行就採用 concat () 方法來合併第一、第二行的 c1、c2 陣列,是為新陣列「c3」,其回傳值有四個元素「HTML,CSS,JS,JQuery」。

關於前端工程師常用的Javascript教學系列,我們將陸續介紹 Math Object 數學物件與 Date Object 日期物件等 JavaScript 原生物件。JavaScript與本章再複習一次。下回的前一章「陣列的介紹」 的陣列 (Arrays)教學在此告一個段落,請各位讀者務必將JavaScript

 

 

 

 

 

 

推薦文章:
JavaScript入門教學#18|創造JavaScript物件(Objects)


差點被拋棄的冠軍程式語言-Java入門教學(一)
Java 身世之謎/寫出第一個Java程式


APCS 是什麼?所有 APCS 檢定的問題這篇都會回答你!


你是我的眼!Google AI 眼鏡助視障朋友「看見」世界


網頁前端要成功關鍵,就是JavaScript!!


Javascript入門第十七課-物件介紹


搞不懂Javascript變量命名?問前端工程師就對了!

Javascript初學者課程(20)-陣列

Javascript初學者課程(20)-陣列
Javascript初學者課程(20)-陣列

本日的JavaScript教學就是要教你關於Javacript中的陣列哦!

陣列(Arrays)

JavaScript 中的「陣列(Arrays)」可以被比喻成「可以一次承裝多個值的變數」。一般的變數一次只能裝一個值,而陣列一次可裝多個變數。例如,現在我們有三個課程名稱「HTML」、「CSS」、「JS」,就必需設立三個變數來承裝。原始碼如下所示所示:

var course1 ="HTML"; 
var course2 ="CSS"; 
var course3 ="JS";

假設是使用「陣列(Arrays)」,原始碼就可以精簡成一行文,如下所示:

var courses = new Array("HTML", "CSS", "JS");

語法解析:上述的代碼是宣告名為「courses」的陣列。這個陣列包含三個值(或稱元素)。建立新陣列的寫法為「new Array(元素一,元素二,元素三)」

取出陣列的某一元素

陣列裡含這麼多元素,當我們想要找出某個元素時,就必需把索引號碼寫在方括號內。要取出陣列中的第 X 個元素,語法稱為「陣列名稱[X-1]」(因為陣列元素的編號是從零開始,不是從一開始,所以第一個元素的索引號為「0」、第二個元素的索引編號為「1」,由此類推⋯⋯)

我們承接前一段「名稱為 courses 的陣列」的例子,假如今天我們要從 courses 陣列中取出「JS」,並且把「JS」改成「JQuery」,寫法如下:

var courses = new Array("HTML", "CSS", "JS"); 
var course = courses[2]; // 取出第三個元素「JS」
courses[2] = "JQuery"; //將第三個元素名稱改成「JQuery」

See the Pen JavaScript-Array1 by Tedutw (@Tedutw) on CodePen.

如果當我們輸入的索引數字,已經超過了陣列元素數目減去「1」的數字時(例如上述例子的陣列中只有三個元素,但是你卻輸入了「3」或是比「3」還大的數字,則 JavaScript 將會回傳「undefined」)。如以下所示:

var courses = new Array("HTML", "CSS", "JS");
document.write(courses[3])

 

See the Pen JavaScript-Array2 by Tedutw (@Tedutw) on CodePen.

使用其他方式來建立陣列 Array

除了上述方式外,我們還可以藉由先輸入陣列元素個數、之後再告知哪個序號對應到哪個元素的方式來建立陣列。

例如,我們把上述的 courses 陣列使用此方法來寫,則 JavaScript 原始碼如下:

var courses = new Array(3);
courses[0] = "HTML";
courses[1] = "CSS";
courses[2] = "JS";

JavaScript 的陣列是動態的,因此我們在上述例子中的第一行「var courses = new Array(3);」,也可以不給元素的數目,即為「var courses = new Array();」。此時,後面的元素就可自由增加如下:

var courses = new Array();
courses[0] = "HTML";
courses[1] = "CSS";
courses[2] = "JS";
courses[3] = "JQuery"

實務上常用:陣列實字 (Array literal)

以上介紹了JavaScript陣列的寫法。為了提高前端工程師的執行速度,我們可以把以上的寫法簡化成陣列實字 (Array literal)寫法,如下所示:

var courses = ["HTML", "CSS", "JS"];

 

這樣子的寫法,等同於「var courses = new Array(“HTML”, “CSS”, “JS”);」,差別是陣列實字的寫法,少了關鍵字「new Array」,並且把元素左右側的括號改成方形括號。此種簡化的寫法最常被前端工程師所使用。

今天就介紹到這裡,在接下來「JavaScript入門教學#21」的文章中,我們將繼續介紹陣列的屬性、合併方法等。建議讀者們先消化一下陣列的寫法,再進入下一章學習陣列的活用,才會學得更輕而易舉哦。

 

 

 

 

 

 

 

 

推薦文章:
JavaScript入門教學#18|創造JavaScript物件(Objects)


差點被拋棄的冠軍程式語言-Java入門教學(一)


Java 身世之謎/寫出第一個Java程式


你是我的眼!Google AI 眼鏡助視障朋友「看見」世界


APCS 是什麼?所有 APCS 檢定的問題這篇都會回答你!


Javascript基礎練習(十七)-物件介紹


Javascript入門第十八課-創造物件


搞不懂Javascript變量命名?問前端工程師就對了!

搞不懂Javascript變量命名?問前端工程師就對了!

搞不懂Javascript變量命名?問前端工程師就對了!
搞不懂Javascript變量命名?問前端工程師就對了!

仍然搞不懂Javascript變量命名嗎?看完本篇就會啦!

今天小編要跟大家分享的文章是關於前端工程師要知道的JavaScript變數命名規範,正在從事前端工程師工作的朋友們來和小編一起看一看吧,希望本篇文章能夠對大家有所幫助幫助。

 

JavaScript變數命名規範:只能由英語字母,數字,下劃線,美元符號$構成,並且不能以數字開頭,還不能是JavaScript保留字。

前端工程師工程師必須得要知道的JavaScript變數命名規範

 

下列都是非常正確的變數命名:

 

var haha​​ = 250;

 

var xixi = 300;

 

var a1 = 400;

 

var a2 = 400;

 

var abc_123 = 400;

 

var $ abc = 999;

 

var $ o0_0o $ = 888;

 

var $ = 1000;

 

var _ = 2000;

 

var ________ = 3000;

 

下列所顯示皆是錯誤的命名:

 

var a-1 = 1000; //不能有怪異符號

 

var a @ = 2000; //不能有怪異符號

 

var 2year = 3000; //不能以數字開頭

 

var a = 4000; //不能有怪異符號

 

var a *$$ @ = 5000; //不能有怪異符號

 

var a b = 300; //不能有空格

 

下列的單詞,叫做保留字,就是指說補充當做變數名

 

abstractbooleanbytecharclassconstdebuggerdoubleenumexportextendsfinalfloatgoto

 

implementsimportintinterfacelongnativepackageprivateprotectedpublicshortstaticsupersynchronizedthrowstransientvolatile

 

需要注意大寫字母是可以使用的,並且大小寫敏感。最初Aa為兩個變數。

 

1 var A = 250;

 

2 var a = 888;

 

 

推薦文章:
SEM 關鍵字廣告課程讓高三生提早就定位 開始接案賺錢!


AI 甩尾技術勝 Ken Block!方程式冠軍車手嘆:要失業了


日推AI手機具「防拍裸照」功能!再拍人工智慧就跟你媽告狀


44歲媽咪順利轉職網頁設計師, 家庭事業都得意


Javascript基礎練習(十八)-創造物件


想要成功搞定網頁前端,就要掌握好JavaScript!


Javascript初學者課程(17)-物件介紹

是什麼原因讓Python再度蟬聯熱門程式語言第一名??

是什麼原因讓Python再度蟬聯熱門程式語言第一名??
是什麼原因讓Python再度蟬聯熱門程式語言第一名??

Python再度成為熱門程式語言,到底是什麼原因讓它這麼夯?

2019 默默地進入了尾聲了,而 IEEE 也在此刻推出了今年最受歡迎的程式語言排行榜。不管你已經是寫程式高手,或者只是熱衷科技的一般人,生活在科技的浪潮中的我們,一起來看看到底是什麼程式語言建構了我們所知的科技世界吧!


▲ IEEE 2019 程式語言排行榜:Python 蟬連最熱門語言之首

今年的程式語言排行榜與以往不同, IEEE 剔除的一些已經不合時宜的評判標準,並且加重了每個語言在職場上的使用需求權重,讓程式語言排行更貼近現代的就業潮流。其判斷數據則來自於 Google、Twitter、GitHub、Stack Overflow、Reddit、Hacker News、CareerBuilder 等等科技大佬,讓這個排名更具公信力。

不過即使評判的標準有所改變, Python 的熱潮依舊氣勢難擋。在所有分項目中都名列榜首的 Python,獲勝的關鍵在於他擁有大量的函式庫可供應用。尤其是在近年蓬勃發展的「人工智慧」領域中, Python 最令人熟知的函式庫 Keras更為人工智慧領域,尤其是「深度學習」貢獻不少,其中 Keras 提供的 TensorFlow、CNTKTheano 深度學習框架的介面和工具包正是工程師們必備的武器。

人工智慧的興起也是近年有意轉職的工程師們持續關注的話題,在 GitHub 問卷「你對哪項技術或技能最感興趣?」中,「人工智慧」排名第一,緊跟在後的才是「使用者體驗」以及「區塊鏈」。 GitHub 更提及 Python是人工智慧領域中工程師們的最愛,這也不難理解為什麼 Python 的熱潮會持續不退,甚至擊敗 Java 以及 C 語言等流行多年的語言了!

當然,人工智慧也並非 Python 的唯一應用方向,在數據分析領域或應用程式開發都擁有不錯的發展,而不同於其他語言,簡潔的程式碼以及易讀易懂的語法更使他擺脫了程式語言艱澀難學的評價。正是 Python 可靈活運用卻又好上手的特性,讓他成為初學者炙手可熱的選擇!

而緊緊排在 Python之後的程式語言則是 Java、C語言、C++ 等長年與 Python 爭奪冠軍的熱門程式語言。僅管 IEEE 調整了評判的指標,但這些語言與 Python 的差距依然越來越大。Java 是 15 年以來最多人使用的程式語言,帶著他強大的可移植性、可擴展性成為最多企業公司的開發語言,更建立了龐大的使用社群,是個含金量極高的程式語言。

但是相較於 Python, Java 的語法少了些可閱讀性,編程上也不如 Python 那樣簡潔有力,對於初學者是個不易親近的程式語言。而曾經紅極一時的 R 語言目前排名第五,儘管沒有像其他語言如此炙手可熱,但由於大數據產業的普遍應用,以及相對於其他語言的專業性較高, R 語言在榜上依然擁有一席之地,對於統計領域的朋友是個不錯的選擇。

在第十名以外,也有些值得一提的語言,例如位在第 11 位的 Arduino 以及第 12 位的 HTML/CSS。有些人可能會抱怨他們不算真正的程式語言,Arduino 其實是某種語言執行的一系列硬體平台名稱,但 IEEE表示對此他們秉持著實用主義的原則:在遇到程式語言的問題時,人們很常在 Google 搜尋中鍵入「Arduino 程式⋯⋯寫法」而不是其他程式語言的名字。

藉由 Arduino 作為評比對象,是有助於更精確統計此種程式語言的使用現況的,同時也可以避免許多使用數據上的遺漏。對於 HTML/CSS 的評論,因為缺乏了分支以及迴圈的功能,許多人根本不把他們當成是程式語言。但由於 HTML/CSS 在開發者中的普遍使用,甚至使他佔據了數以十億計的伺服器空間,在這樣的觀點下,IEEE 自然也認為他是現代社會中不可或缺的語言。

IEEE 也提及比較程式語言優劣時的難處,畢竟沒有任何人能夠學會所有的程式語言,並客觀比較哪種語言最強大,而程式語言之間也像個大家族,有些血緣十分相近,而有些卻相差十萬八千里,連使用的目的也可能毫無相關。所以其實並不存在所謂「最好的程式語言」,想要選擇真正適合你的程式語言,依然需要考量自己想要鑽研的領域以及應用方向。也基於這一點,在 IEEE 的可互動頁面上,使用者可以自己調整每項評分項目權重,讓使用者更貼近的了解最適合自己的程式語言。

 

 

 

 

 

推薦文章:
只會用PS就落伍了!Python畫出皮卡丘才夠屌!


想要自學Python?首先你要先懂它是誰!


Python與Java名字由來超有趣?看完你就知道了…


SEO前,我們該做什麼?(上)先找出你的競爭者!


人工智慧微軟Suphx又解新成就(1)創日本麻將最高紀錄


網路行銷七大撇步馬上告訴你(一)


暑假快到了!與其讓兒子盲目拚學測,我寧可讓他先選擇人生方向~

Javascript初學者課程(6)-邏輯運算子應用

Javascript初學者課程(6)-邏輯運算子應用
Javascript初學者課程(6)-邏輯運算子應用

本日的JavaScript教學就是要教你正確應用邏輯運算子哦!

邏輯運算子

JavaScript教學裡,其中的邏輯運算子,又稱為「布林運算字(Booleen Operators)」,是可以用來評估表達式,並且回傳 true 或是 false。

邏輯運算子 敘述
&& and 運算子:若兩個運算元為真,則回傳「ture」
|| or 運算子:若其中一個運算元為真,則回傳「ture」
! not 運算子:若運算元不為真,則回傳「ture」

See the Pen 邏輯運算子|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.上表中的JavaScript 運算子,範例如下所示,前兩個分別為「and 運算子」、「or 運算子」連接兩個布林表達式,最後一個為「not 運算子」接一個布林表達式。

條件運算子

也有一種 JavaScript 的邏輯運算子稱為「條件運算子」,它會根據指定的條件而指派一個值給一個變數,寫法如下:

 variable = (什麼樣的條件) ? 第一個值:第二個值

範例如下所示:

 

See the Pen 條件運算子|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

在以上例子中,假設變數 age 的值小於 18 的話,則變數 isAdult 的值將為「未滿18不得入場」,若變數 age 的值為 18 以上的話,則變數 isAdult 的值將為「18歲以上可以入場」。

 

 

 

 

 

 

 

推薦閱讀:
Javascript初學者課程(7)-條件式應用


Javascript初學者課程(1)-如何在網頁中嵌入?


Javascript初學者課程(2)-變數教學


Javascript初學者課程(3)-資料類型應用


暑假快到了!與其讓兒子盲目拚學測,我寧可讓他先選擇人生方向~


前端工程師必備「Emmet」基礎教學(1)


再也不用為了回收分類發愁了!!交給人工智慧就對了!!


Python與R語言誰是贏家?盤點5個即將消失的程式語言(上)

Javascript初學者課程(5)-賦值運算子應用

Javascript初學者課程(5)-賦值運算子應用
Javascript初學者課程(5)-賦值運算子應用

本日的JavaScript教學就是要教你正確應用賦值運算子哦!

賦值運算子

JavaScript教學中,你會發現到JavaScript 中的賦值運算子,其賦值運算符號是「=」。第一次接觸程式碼的人可能會以為它是「等於」,其實並非如此。它實際上意思是指把右邊表達式的值賦給左邊的運算數。

JavaScript賦值運算子 敘述 範例
x = y x = y
+= x += y x = x + y
-= x -= y x = x – y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y

你可以在JavaScript 中的同一行中,使用多種運算子,如在下面例子所示:

See the Pen 賦值運算子|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

你也可以運用多種變數,例子如下:

See the Pen Addition-2|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

 

 

 

 

推薦閱讀:
Javascript初學者課程(6)-邏輯運算子應用


Javascript初學者課程(1)-如何在網頁中嵌入?


Javascript初學者課程(2)-變數教學


電影迷工程師分得出片中的Python,Java嗎?(上)


暑假快到了!與其讓兒子盲目拚學測,我寧可讓他先選擇人生方向~


美國NASDAQ上市公司、外商IT教育培訓企業


日本研發的人工智慧機器人,真的能成為完美人妻?(上)

Javascript初學者課程(4)-數學運算子應用

Javascript初學者課程(4)-數學運算子應用
Javascript初學者課程(4)-數學運算子應用

本日的JavaScript教學就是要教你正確應用數學運算子哦!

數學運算子

JavaScript教學中的數學運算子,其作用是對數字(文字的形式或是變數的形式)進行函式運算。

運算子 敘述 範例
+ 加號 1 + 1 = 2
減號 2 – 1 = 1
* 乘號 2 * 3 = 6
/ 除號 10 / 2 = 5
減去 var a = 10; a–; Now a =9
% 餘數 20 % 3 = 2
++ 遞增 var a = 10; a++; Now a =10
遞減 var a = 10; a–; Now a =9

從下面例子中,你可以看出它是利用加號運算子來決定兩個數的和:

See the Pen Addition|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

你也可以運用多種變數,例子如下:

See the Pen Addition-2|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

承第一個例子,假如我們把「var x = 20 + 30」使用字串表示,變成「var x = “20 + 30″」的話,答案就不會是 20 + 30 的和,而是以字串形式呈現如下:

See the Pen Addition-string|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

減、乘、除運算子

四則運算中,除了上述介紹的加號運算子外,JavaScript 的減、乘、除運算子範例如下所示:

See the Pen 減、成、除運算子|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

遞增與遞減運算子

JavaScript 的遞增運算子「++」把數值加一,至於運算元的前後,意義各不相同:要是置於運算元的前方,則回傳被遞增的值;要是至於運算元的後方,則回傳原值,然後才遞增運算子。這樣解釋看似模糊,請見範例如下:

把遞增運算子放在運算元「y」前方的例子:

See the Pen 遞增運算子++var|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

把遞增運算子放在運算元「y」後方的例子:

See the Pen 遞增運算子var++|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

同理可證,遞減運算子「–」則是把數值減一,於運算元的前方,則回傳被遞減的值;要是至於運算元的後方,則回傳原值,然後才遞減運算子,範例如下:

把遞減運算子放在運算元「y」前方的例子:

See the Pen 遞減運算子–var|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

把遞減運算子放在運算元「y」後方的例子:

See the Pen 遞減運算子var–|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

 

 

 

 

 

推薦文章:
Javascript初學者課程(5)-賦值運算子應用


Javascript初學者課程(6)-邏輯運算子應用


Javascript初學者課程(1)-如何在網頁中嵌入?


控制Python的結構這邊告訴你(H)


AI 人工智慧竟是中美貿易戰的關鍵!(上)


前端工程師必備HTML5入門課程:SVG簡介


暑假快到了!與其讓兒子盲目拚學測,我寧可讓他先選擇人生方向~