PIXNET Logo登入

布萊恩的創業小窩的部落格

跳到主文

歡迎光臨布萊恩的創業小窩在痞客邦的小天地

部落格全站分類:職場甘苦

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 4月 16 週四 202019:59
  • 前端工程師成功入門就看這!(22)數學物件

前端工程師成功入門就看這!(22)數學物件

 
前端工程師還不會數學物件嗎?用這篇來好好入門一下!
 
Math物件的屬性
Math 是 JavaScript 的原生物件,可進行多種數學運算。該物件不是用函式建構式來生成,所有的屬性和方法都必須在 Math 物件上呼叫。
Math 物件包含多種屬性,列舉如下表:
 


    1. 屬性

    2. 描述





    1. E

    2. 歐拉常數,是自然對數函數的底數,約為 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);
    執行結果如下:
    此時我們輸入「64」,則會有以下結果:
     
    JavaScript 的數學物件就介紹到此。若前端工程師能在HTML中善用數學物件,則可減省時間,根本不必自己寫函數啦!
    下一章我們將介紹另一個 JavaScript 的原生物件——日期物件。
     
     
    相關閱讀推薦:

    JavaScript初學者該知道的事(21)陣列的方法與屬性


    通往Java的康莊大道~(1)先來了解它身世之謎!

    還不曉得JavaScript有多強大?看完這篇馬上被說服!

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

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

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

    達內教育評價:別再抱怨不景氣了!高中生靠SEM接案創業每月額外收入7萬
    (繼續閱讀...)
    文章標籤

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(28)

    • 個人分類:前端工程師就是我!
    ▲top
    • 4月 15 週三 202001:39
    • 痛失英才!人工智慧學校創辦人辭世!

    痛失英才!人工智慧學校創辦人辭世!

    相信對人工智慧有了解的人都知道這貢獻良多的人物-陳昇瑋,今天讓我們一起了解他.
    今天科技界、人工智慧領域發生了一件令人哀慟的事情。
    (繼續閱讀...)
    文章標籤

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(12)

    • 個人分類:IT人的數位生活
    ▲top
    • 4月 14 週二 202001:29
    • (下回)這篇就來揭曉,如何用Python"寫"出自己的番茄鐘!

    (下回)這篇就來揭曉,如何用Python"寫"出自己的番茄鐘!

    本篇為下篇,上篇請點此連結
     
     
     
    Python在這篇終於出現了!快來學怎麼用它做出你專屬的番茄鐘~~
     
    跟上人工智慧的腳步,自己用 Python 「寫」一個番茄鐘
    現今,無論是手機 APP,或是電腦桌面軟體,都有番茄鐘可供下載。但如果想為自己量身打造一個專屬番茄鐘,這時就可以參考 GitHub 上的「番茄鐘 Python 教學」:Python 番茄鐘「tomato-clock」教學網址請點此。
    如果是最簡潔的番茄鐘,只要短短代碼就可以了。以下是原始碼:
    $ ./tomato.py # start a 25 minutes tomato clock + 5 minutes break
    $ ./tomato.py -t # start a 25 minutes tomato clock
    $ ./tomato.py -t <n> # start a <n> minutes tomato clock
    $ ./tomato.py -b # take a 5 minutes break
    $ ./tomato.py -b <n> # take a <n> minutes break
    $ ./tomato.py -h # help
     
    同時,教學內也會提供你使用 Python 套件管理工具 pip 安裝的程式碼:
    $ tomato # start a 25 minutes tomato clock + 5 minutes break
    $ tomato -t # start a 25 minutes tomato clock
    $ tomato -t <n> # start a <n> minutes tomato clock
    $ tomato -b # take a 5 minutes break
    $ tomato -b <n> # take a <n> minutes break
    $ tomato -h # help
    ▲ 「tomato-clock」 Ubuntu 系統桌面通知
     
    想一心多用?神經學家:大腦無法多工、甚至會損害大腦
    腦科學與神經學家都已證實,不像人工智慧,人類是無法同時多工作業的。「一心多用」其實只是在多項任務中快速地切換,若長期強迫大腦快速切換任務,不只工作效率下降,甚至會改變大腦結構、讓「腦力」受損。
    美國蘇塞克斯大學(University of Sussex)2014 年曾發表一篇研究,表明同時使用多種科技產品處理訊息,將會影響大腦的灰質區域,這個區域如果萎縮將會降低注意力、引發抑鬱及焦慮、影響學習能力進而損及職場生涯。
    陽明大學神經科學研究所副教授郭文瑞也表示:「人類大腦系統最有效率的運作方式,就是一次處理一件事。」
    現在就來試試「番茄鐘工作法」,一次只專注一件事,把工作處理到最好吧!
     
     
    相關閱讀推薦:

    (上回)人工智慧讓你也能跟上唐鳳超愛的"番茄鐘工作法"!


    人工智慧手機竟然還能防止使用者拍裸照?(上)

    你知道嗎?Python能讓Excel更好用!



     

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


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

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

    達內教育評價:別再抱怨不景氣了!高中生靠SEM接案創業每月額外收入7萬
     
    (繼續閱讀...)
    文章標籤

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(80)

    • 個人分類:IT人的數位生活
    ▲top
    • 4月 13 週一 202001:09
    • (上回)人工智慧讓你也能跟上唐鳳超愛的"番茄鐘工作法"!

    (上回)人工智慧讓你也能跟上唐鳳超愛的"番茄鐘工作法"!

     
    今天讓我們來學學如何用人工智慧更有效力地安排事情!
    (繼續閱讀...)
    文章標籤

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(4)

    • 個人分類:IT人的數位生活
    ▲top
    • 4月 09 週四 202021:29
    • Google的人工智慧眼鏡,讓視障者把這世界看得更清楚了!(下)

    Google的人工智慧眼鏡,讓視障者把這世界看得更清楚了!(下)

     
    本篇為下篇,上篇請點此連結
     
    Google和荷蘭這家新創共同研發的人工智慧眼鏡,讓視障者在生活上更便利!
     
    精準辨識60種語言 荷蘭新創xGoogle聯手打造AI視障輔助眼鏡
    EE2 能實現輔助視障人士的願景,得力於一家荷蘭初創公司「Envision」。該公司與 Google 合作,開發了能導入 Google EE2 的 AI 技術,旨在幫助弱視、低視能人士能夠輕鬆辨識身邊事物。
    ▲Envision 與 Google 合作推出的眼鏡,導入 AI 人工智慧技術,能使盲人和視障人士輕鬆辨識身邊事物
     
    Envision 宣稱,這個 AI 是目前最能精準快速進行 OCR(光學字元辨識)的應用,能通過 EE2 眼鏡識別超過 60 種語言文字,再輸出成語音唸出,省去過去需借助他人、操作手機或其他輔助設備的繁瑣。
    除了字句,AI 還能自動能從行人、障礙物、公共交通等日常道路上的辨識出視覺信息,並即時以語音描述出周遭環境。例如紅燈號誌、行人穿越道和街道上的突發事故。
    不只行走,Envision 的 AI 技術還可以用於掃描商品條碼,並提示產品的詳細資訊,以獲取更詳細的顏色描述;若如鑰匙等小物品散落在桌上時,可以即時命令 AI 掃描所在處;也可以透過人臉辨識,在人滿為患的咖啡廳中快速找到朋友,努力幫助視障朋友可以自主完成日常生活的每件小事。
     
    穿戴式裝備下 人類與人工智慧的進一步共存
    我們活在 AI 技術的快速發展中,隨時面對被 AI 取代的隱憂。但另一方面,AI 技術與穿戴式裝置的結合又大大增進了全體人類的福祉。
    Google 第一代智慧眼鏡銷售成績慘淡,過去曾一度沉寂。不過,藉由與 Envision 的 AI 技術合作,證明了智慧眼鏡還有更多可能。Google Glass Enterprise Edition 2 的出現彷彿代表又有一項科技產品將顛覆人類的生活。
    沃達豐(Vodafone)AI 產品資深經理 Adi Chhabra 表示:「Google Glass 是第一代,但並不是穿戴式裝置的最終解答。然而,它也給了我們未來這個領域將如何發展的概念」。
    另一方面,市場研究和戰略顧問公司 Global Market Insights 預計 2025 年穿戴式 AI 產品的市場價值將可達 1,800 億美元!!
     
    這表示了未來穿戴式裝置的發展,與 AI 技術合作是不可擋的趨勢,如 Google EE2;並且依然有很大的成長空間,也將會在更複雜的醫療保健領域有所斬獲。
    未來 AI 將會更加貼近我們的生活,也將成為下一個熱門的市場,即使過去不具備 AI 技能,只要加緊趕上浪頭掌握 Python 語言,就有擘劃出投入高科技熱門產業的新機會!
     
     
    相關閱讀推薦:

    Google的人工智慧眼鏡,讓視障者把這世界看得更清楚了!(上)


    人工智慧在汽車產業裡要更大放異彩啦!各家廠牌發展到哪啦?(下)

    這最新的人工智慧白皮書,能讓人類和AI的界線更清楚嗎?(下)


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


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



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

    差點被拋棄的冠軍程式語言-Java入門教學(一)Java 身世之謎/寫出第一個Java程式
     
    (繼續閱讀...)
    文章標籤

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(705)

    • 個人分類:IT人的數位生活
    ▲top
    • 4月 08 週三 202021:25
    • Google的人工智慧眼鏡,讓視障者把這世界看得更清楚了!(中)

    Google的人工智慧眼鏡,讓視障者把這世界看得更清楚了!(中)

     
    前一代的Google人工智慧眼鏡就很威了,威在哪?看了就知道!
     
    Google眼鏡有多神?前一代就幫助奇異、DHL提升產能與服務
    Google 眼鏡,已經累積了數年在業界的應用與經驗累積,不少企業藉助 Google Glass,不但提升產能,效率也增加了!例如:DHL 有一個名為「訂單揀選」的供應鏈流程,就是物流人員透過掃描貨架上的物品,然後將物品移到推車內的箱子、袋子中,來履行客戶的訂單。在此過程中,借助 Google AI 眼鏡搭配 Ubimax 的軟體解決方案,理貨員可在視線範圍內直接從 Google 眼鏡接收 AR 揀貨指示,理貨人員不但無需一手拿紙本的撿貨說明文件、加上 Google AI 眼鏡的掃描功能,物流人員的工作效率與舒適度都大大提升!
    ▲大型農機製造商 ARGO 受惠於 Google EE2 而減少了四分之一的生產時間,大大提升效率。
     
    而以生產大型的複雜農業機具為主的 ARGO,目標是協助農業提高生產力、增加利潤。因此所有 AGCO 解決方案都是客製化的,每個方案都需要 1000 多個精確步驟才能建構,每個步驟都是關鍵。因此工程師們透過 Google 眼鏡的視覺化呈現,能有效提高複雜的裝配速度與精準度。AGCO 的報告反應:「Google AI 眼鏡 有效將少量且裝配複雜的生產時間,減至 25%。」
    ▲GE 奇異通用電氣透過 Google 人工智慧 眼鏡提升裝配效率
     
    除了以上 AGCO、DHL 藉助 Google Glass 提升工作效率之外,還有 GE 奇異通用電氣透過 Google 人工智慧 眼鏡提升裝配效率、中國也有部分航空公司也透過 AR 眼鏡辨識旅客、機場導航和追蹤行李,以此提升服務品質等案例。
    過去的 Google 眼鏡,只能透過「解決方案提供商」向合作企業銷售,而這次,Google 開放 EE2 可供一般消費者購買啦!
     
    第三代 Google 眼鏡 兼顧性能與外觀
    除了 AR 功能, AI 也賦予了 EE2 別具意義的功能──幫助盲人、視障人士「看見世界」。
    而這次的 Google Glass EE2 眼鏡右側,還是需要一塊顯示晶體,解析度為 640×360。同時,800 萬畫素的廣角鏡頭、電池、手勢觸控模組、USB-C 等零件也都集中在右側,所以都集中在眼鏡右側,所以形成 EE2 眼鏡左右不對稱的造型 - 右側體積比左側還大。
    ▲因為顯示晶體、手勢觸控模組等零件都設計在右側的關係,所以 EE2 的右側體積大於左側。
     
    作為一款視障輔具的載體,Google EE2 與 Google 過去的眼鏡相比,軟、硬體兩方面都有升級。
    EE2 採用高通的 Snapdragon XR1 處理器,這是一枚專門為移動設備 AR 和 VR 設計的芯片,除了運轉效率更高、能支援電腦視覺與機器學習功能,使用上也更為省電,若使用 Envision 的視覺輔助 AI,電量更可持續一天的續航呢!鏡頭解析度也有所提昇,從過去的 500 萬畫素,提高為現在的 800 萬畫素,還支援 720p 影像!
    硬體之外,可以透過內建麥克風下達語音指令,支援藍牙、Wi-Fi 連結手機,並且進行視訊時,用戶可向對方分享所在地理位置,還具有時尚輕巧的設計,使其易於整天佩戴。
    (繼續閱讀...)
    文章標籤

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(193)

    • 個人分類:IT人的數位生活
    ▲top
    • 4月 07 週二 202021:21
    • Google的人工智慧眼鏡,讓視障者把這世界看得更清楚了!(上)

    Google的人工智慧眼鏡,讓視障者把這世界看得更清楚了!(上)

    人工智慧眼鏡就快成為風潮了!帶你一起來看它現在進展如何!!
     
    穿戴式裝置風潮日起,你知道嗎?全世界的科技大廠已經紛紛投入其研究與開發了!其中,以 Google 的智慧眼鏡為領頭羊,去年 5 月發表的 Google Glass Enterprise Edition 2(EE2)於日前宣布開放個人購買,在未來,只要 999 美元(約 3.1 萬元新台幣)的售價,就能買到這副智慧眼鏡!
    ▲Envision 與 Google 合作的 AI 人工智慧眼鏡,不但造型與功能提升,更能幫助盲人「看見」世界
     
    而與初代 Google Glass 相比,Google EE2 更加與人工智慧技術結合,在配置的硬體基礎上,EE2 能藉處理器的 AI 引擎進行識物學習、判斷和動作預測,在執行 AR 應用軟體時,做到更精準的擴增實境畫面。
     
     
    (繼續閱讀...)
    文章標籤

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(153)

    • 個人分類:IT人的數位生活
    ▲top
    • 4月 06 週一 202021:12
    • 想成為前端工程師,那就別再搞混前端.後端和全端啦!

    想成為前端工程師,那就別再搞混前端.後端和全端啦!

     
     
    (繼續閱讀...)
    文章標籤

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(35)

    • 個人分類:前端工程師就是我!
    ▲top
    • 4月 01 週三 202023:26
    • 零基礎到底要如何學習網站前端相關技能?

    零基礎到底要如何學習網站前端相關技能?

     
    網站前端在現代絕對是個超夯的技能,零基礎不怕,今天教你怎麼開始學!
    (繼續閱讀...)
    文章標籤

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(24)

    • 個人分類:前端工程師就是我!
    ▲top
    • 3月 31 週二 202018:08
    • 就是現在!快來自學Python的數據類型!

    就是現在!快來自學Python的數據類型!

     
     
    (繼續閱讀...)
    文章標籤

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(336)

    • 個人分類:各式程式語言讓你挑!
    ▲top
    «1...29303166»

    個人資訊

    布萊恩的創業小窩
    暱稱:
    布萊恩的創業小窩
    分類:
    職場甘苦
    好友:
    累積中
    地區:

    熱門文章

    • (161)從達內教育評價事件來看Geego(奇科?)IT培訓評論的謬誤
    • (80)人工智慧和生化人科技下的底層生活-"戰鬥天使:艾莉塔"為你呈現
    • (78)有了Python課程,癌細胞看你往哪跑!
    • (223)前端工程師抄捷徑!今天把網頁顏色代碼直接整理給你!
    • (138)輕鬆入門前端工程師的HTML5課程(4)元素排版-下
    • (1,224)常常聽到的Java,原來真的是咖啡名字!!?
    • (141)前端工程師的必備品Emmet(四)快速設定顯示文字與自訂屬性值
    • (38)人工智慧對未來的衝擊,我們該如何應對?-張忠謀給的四個建議
    • (7,342)Python基礎功不可少-dir()與help()的使用
    • (13)十種文字特效,讓你的網路行銷影片獨樹一格~

    文章分類

    • UI.UX設計五四三 (25)
    • 前端工程師就是我! (74)
    • 達內教育評價,不會讓你失望 (14)
    • 各式程式語言讓你挑! (135)
    • 網路行銷課程.SEO優化 (86)
    • IT評比 (2)
    • IT人的數位生活 (260)
    • 未分類文章 (1)

    最新文章

    • 全球首屆的元宇宙時裝周盛會,落幕後的反響是什麼?
    • 烏克蘭運用人工智慧以辨別戰爭罹難者,是好還是壞?
    • 2022年的人工智慧七大突破就是這些了!!!??
    • Google迫使YouTube Vanced中止開發啦!!!
    • 有關Python跟Java的差別,一篇文章就讓你懂!
    • 前端工程師網頁開發神器Emmet,沒聽過?今天介紹給你!
    • 在元宇宙受傷,你會感受到痛??這次該不會是玩認真的吧?
    • 怕自己成為股市小韭菜嗎?人工智慧操盤手有機會拯救你!!
    • 是什麼原因,讓日本飯店狠下心裁了兩百多個人工智慧!??
    • 透過診斷視網膜病變,人工智慧成功降低糖友的失明風險!

    動態訂閱

    文章精選

    文章搜尋

    誰來我家

    參觀人氣

    • 本日人氣:
    • 累積人氣: