JavaScript - 的 同標籤文章 - 共有 207 篇文章 搜尋時間 0.009 秒

學程式(二):我該選什麼程式語言

2018-08-24 01:58:00 by Noob Tsai @ Noob's Space [引用來源]

OK,如果你想好你為什麼要寫程式,接著就來選一門語言吧。 開始之前,可以看看這篇好文:工程師的缺德行為:叫朋友去學C/C++。 我同意作者的看法,如果對程式沒什麼熱忱,就跳下去洗演演算法題目,或是下去用 C 寫什麼迴圈,真的是很痛苦。 還是先來看看 Stack Overflow (可以理解成國際型、程式工程師專用的新手友善討論平臺)對於 2018 的調查,程式語言的排行如何:...... [閱讀更多]

WebAssembly 已經可以跑 Windows 2000 作業系統了

2018-08-23 00:09:38 by Noob Tsai @ Noob's Space [引用來源]

這年頭前端真是太不可思議了,已經實現把 Windows 2000 丟到網頁上跑了,還有什麼是不可能的? 不久前才寫了 一篇文章 在講 WebAssembly,最近就看到那麼不可思議的例子:QEMU 的作者成功用 WebAssembly 把 Windows 2000 跑起來,而且操作還算順暢,能夠在瀏覽器裡面的 Windows 打開各種應用程式。 早期有個 Atwood 定律: ...... [閱讀更多]

ndb:使用 Chrome DevTools 來除錯你的 Node.js

2018-07-22 14:50:53 by Noob Tsai @ Noob's Space [引用來源]

ndb 是最近 GoogleChromeLabs 開源的一個套件,讓你能夠在 DevTools 上除錯 Node.js。 有在寫前端的人一定知道 Chrome 的 DevTools,輕輕鬆鬆就能夠幫助你找到問題在哪裡,就算是在看別人的 JavaScript,也能夠在 Chrome 上用 DevTools 輕鬆下斷點。現在,你不需要多打指令來讓你的 DevTools attach 到...... [閱讀更多]

WebAssembly 是什麼?以後會取代 JavaScript 嗎?

2018-07-19 02:50:35 by Noob Tsai @ Noob's Space [引用來源]

WebAssembly 已經吵了幾年了,到底它在前端有什麼應用?以後 JavaScript 工程師都要失業了嗎? 最近在忙的專案遇到一個困擾,要在前端把 FLV 串流轉譯成圖片;因為某些原因,不允許從 video 標籤 drawImage 到 canvas 上,所以跑去研究一些 H.264 Decoder。這部分的心得等全部做完再來補充,這篇不談程式碼,純粹談點 WebAssemb...... [閱讀更多]

ESLint:檢查 Code Style 的好工具

2018-06-26 17:42:03 by Noob Tsai @ Noob's Space [引用來源]

跟團隊一起工作,卻每個人都寫出不一樣的 Code style 嗎?或是初學者剛開始寫 Code,會一下子用 tab 一下用 space 之類的。這時候找個 Code style 檢查工具會是你的好幫手。 ESLint 是近年來很熱門的程式碼規範檢查工具(Linter),相比於 JSLint、JSHint 等等,ESLint 提供了很彈性的解決方案,只要定義好規範後,就可以和團隊的同...... [閱讀更多]

前端開發的三個好工具:該怎麼 Debug、上線要放哪?

2018-06-25 00:00:00 by Noob Tsai @ Noob's Space [引用來源]

每次寫前端的時候都是用直接點兩下 html 檔案,用瀏覽器開啟嗎?寫完之後都不知道要丟到哪個空間嗎?這邊提供我平常寫前端會用到的幾個工具。 Visual Studio Code 早年用過 Notepad++ 和 Sublime Text 3,現在我都用 Visual Studio Code 來打 code。左邊帶有 Git 的 GUI 可以用,下方更直接整合了終端機,平常可以直...... [閱讀更多]

透過 Ajax 在不換頁的情況下提升作品質感

2018-06-18 18:02:51 by Noob Tsai @ Noob's Space [引用來源]

不管你是用 PHP、JSP(Servlet)還是在寫純 HTML,如果你還在寫 bar 的話,你會發現你每次點下去都會跳到新的頁面。要怎麼點下去跑出 loading 動畫,然後顯示新的資訊呢? 原本你可能會寫出這樣的東西: ... [閱讀更多]

高雄市 1999 智慧分案系統:利用機器學習分類案件

2018-06-12 08:19:21 by Noob Tsai @ Noob's Space [引用來源]

高雄市 1999 提供了至少 7 年的歷史資料,我們是否可以透過分析這些資料,供未來進行快速分案呢? 繼上一次的 高雄市 1999 市政儀錶板:用 Open1999 開放資料做視覺化 後,我們在同一個比賽中其實還做了智慧分案系統:終極目標是案件受理人員只要把案件描述打下來,系統就可以自動分案,把案件分派到適當的局處。 下載、預處理 1999 歷史資料 在高雄市政府資料...... [閱讀更多]

高雄市 1999 市政儀錶板:用 Open1999 開放資料做視覺化

2018-06-11 00:03:00 by Noob Tsai @ Noob's Space [引用來源]

高雄市的 Open1999 開放資料算是很友善的了,不僅有 API 可以拿 JSON 欄位,也支援 https 請求。最近參加了高市府(2018)的比賽,把 1999 的派工資料做了一些整理:先是透過分析歷史資料做文字分析,並預測這件事情的受理單位應該是哪個局處;再把開放資料做了一些視覺化應用,即時呈現這些資料。 這篇先講視覺化怎麼做好了,過幾天再補派工資料分析的作法。 首先透...... [閱讀更多]

Moment.js:時間處理、驗證、格式化的好幫手

2018-05-25 21:58:48 by Noob Tsai @ Noob's Space [引用來源]

你知道 JavaScript 要怎麼把時間格式化成標準格式或其他格式嗎?這篇文章先帶你用 Date 物件走一次,後半段再推薦你 Moment.js 這個優質套件! 最近參加了 The F2E - 前端修練精神時光屋 的活動,一開始活動丟了一個暖身題,讓大家去爬它的 API,並顯示使用者是否報名成功、報名時間等等;而普遍大家都遇到一個問題,就是怎麼把 Unix 格式的 timestamp ...... [閱讀更多]