DOM 的事件傳遞機制:捕獲與冒泡

前言(補充:感謝 othree 前輩的指點,指出這其實是在講 DOM 裡面事件傳遞的順序,因此把標題以及內文修正,原標題為:JavaScript 的事件傳遞機制:捕獲與冒泡) 今天為大家帶來的內容是 DOM 裡面的事件傳遞機制,而與這些事件相關的程式碼,相信大家應該不太陌生,就是addEventListener, preventDefault跟stopPropagation。 簡單來說,就是事件在 DOM 裡面傳遞的順序,以及你可以對這

Read More...

深入學習 LSD-SLAM - 4

前言上次講了一些基本的理論介紹,但我們現在是希望學會如何實際寫程式讓機器人動起來,只有純數學的觀念跟機器人好像沒什麼關係,所以這次希望可以開始銜接到一個常用的工具 - Eigen。讓大家有動手實作、開始玩到東西的感覺。 為什麼要會 Eigen?首先,Eigen 是一個 C++ 的 open source library,提供了許多 然後,我們這一系列是要介紹 LSD-SLAM,所以當然是因為 LSD-SLAM 也使用 Eigen 這個

Read More...

Sass/SCSS 簡明入門教學

Sass/SCSS 簡介 Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

Read More...

一起來用十分鐘略懂自駕車吧!GoGoGo!

[ 前言 ]

小弟我並沒有自駕車領域的工作經驗,以下只是#我的觀察啦。希望讀者能藉此略懂自駕車,有錯的地方歡迎指正。

此文章的架構為 Why-What-How 的三大段落:

  • Why - 為什麼自駕車很重要呢
  • What - 什麼是自駕車
  • How - 自駕車是如何運作的

那麼開始吧,GoGoGo!

Read More...

了解 WebAssembly 的基礎使用方法

前言時間過得很快,記得第一次聽到 WebAssembly 這個名詞是在 2015 年,小弟還在服役…當時看到的文章以聳動的標題訴說著 JavaScript 即將要被取代,各家大廠紛紛投入開發…(我就不轉貼這種文章了)害我想說是不是退役後會找不到工作… 還好記者說的總是不一定對,WebAssembly 當然不是來取代 JavaScript 的,可以看看 JavaScript 的發明人 Brendan Eich 怎麼說 以及 他在 Flue

Read More...

循序漸進理解 HTTP Cache 機制

前言前陣子在研究跟 HTTP Cache 有關的一些東西,看得眼花撩亂,不同的 Header 愈看愈混亂,像是Pragma, Cache-Control, Etag, Last-Modified, Expires 等等。找了許多參考資料閱讀之後才有了比較深刻的理解,想說若是從一個比較不同的角度來理解 Cache,說不定會比較容易了解這些 Header 到底在做什麼。 在之前查的資料裡面,很多篇都是逐一解釋各個 Header 的作用以及參

Read More...

深入學習 LSD-SLAM 番外篇 - RDS X RTAB-Map

前言因為前陣子因緣際會發現了 Robot Ignite Academy 跟 ROS Develop Studio(RDS),很希望可以推薦給我們的讀者。所以這期專欄我延伸一下 LSD SLAM 系列,先跟大家介紹這個很酷的學習資源,並介紹跟 LSD SLAM 目的相似的 RTAB-Map 演算法。 為什麼要介紹 RDS?學習的方法有許多種,借引用這一週很紅的 英文學習 repository 的圖: 學習越難的東西,越不容易只靠單一學習

Read More...

Python Web Flask 實戰開發教學 - 簡介與環境建置

前言Web 開發涉及層面很廣,包含了前後端開發、資料庫優化、平行處理、負載平衡、高可用性、資訊安全、雲端伺服器部屬等議題,本系列文章將透過介紹 Python Web Flask 實戰開發來學習現代化網站開發的方方面面。一開始先從簡介和環境建置開始吧! 什麼是 Python?Python 是一種物件導向、直譯式的跨平台電腦程式語言,它包含了一組功能完備的標準庫和豐富套件生態系,可以輕鬆完成很多常見的任務(例如:讀寫檔案、自然語言處理、

Read More...

CSS 魔術師 Houdini API 介紹

前言今天想繼續 CSS 的議題,常常會覺得學 CSS 的新發展不太划算,因為每次看到新的 Feature 出現,都只能當下興奮個幾分鐘,然後就會認命接受可能還要再等個五年才能真正使用的可能性…如果你有跟我一樣的感受,那今天這篇文章或許可以帶給你一絲絲希望。 在現今的 Web 開發中,JavaScript 幾乎佔據所有版面,除了控制頁面邏輯與操作 DOM 物件以外,連 CSS 都直接寫在 JavaScript 裡面了,就算瀏覽器都還沒有實

Read More...

設計模式 - 工廠方法及抽象工廠

以下文章是閱讀 深入淺出 Design Pattern,還有 聖經的筆記,要更深入的理解一定要去看這兩本書。圖片截圖自 lynda.com 的Foundations of Programming: Design Patterns,這是學習設計模式非常好的課程。 來點個 Pizza 吧今天想設計一個PizzaStore,裡面可以點 Pizza。 123456789101112131415public class PizzaStore &#

Read More...