輕鬆理解 Ajax 與跨來源請求

前言一般來說在學習寫網頁的時候,最先碰到的會是 HTML 與 CSS,負責把版面刻出來以及美化版面,當基礎打穩之後,會開始學習 JavaScript,試著做出一點互動性的效果。而「互動」除了使用者跟瀏覽器的互動以外,別忘了還有 Client 端跟 Server 端的互動,也就是必須要學會從瀏覽器用 JavaScript 跟後端 Server 拿資料,否則你的網頁資料都只能是寫死的。 這篇的主要預設讀者是網頁前端的初學者,希望能讓本來不太

Read More...

深入學習 lsd-slam - 3

前言在 深入學習 LSD-SLAM - 2 裡面,我們簡單介紹了 Direct Method,先初步地了解這個方法的大致意義,今天再讓我們更深入一點,開始跟 paper 的內容銜接,之後會慢慢越來越深入好玩! Spiral learning因為這次剛好也是我第一次真正來學 SLAM 相關技術,以前都只是大略看看,沒有真正學通的感覺,所以也想跟大家分享一下個人學習的心得。 大家或多或少應該都經歷過一個情境 - 你要學習一個東西,但是因為這

Read More...

Top issues on OWASP

今天來講講 web application security。基本上這篇講的是所有開發者都要知道的最基本知識。最近電腦工程領域實在太過火紅,網頁開發更是前仆後繼,但並不是每個開發者都對網路安全有 sense,如果你搜尋 “password ext:xls” 就會發現挺多不可思議的連結。 但誰無年少,誰不輕狂。看完後把冷汗擦一擦,讓這篇文章介紹目前最常見的幾個安全問題。 OWASP講到網路安全一定要知道的 Project OWASP:

Read More...

後端軟體工程工具箱:資料庫/SQL/ORM篇

前言事實上,要成為一個好的後端軟體工程師除了必須對於後端工程的程式語言的部份有所了解外,也需要了解系統設計的原理和伺服器規劃(Server 規劃、Load Balance、Memory Cache、DB Scaling、Cloud Server、後端框架、TCP/IP/UDP 網路通訊協定、HTTP 超文字傳輸協定、設計模式、資料庫操作、SQL/ORM、資訊安全、性能優化等)。接下來我們將來探討資料庫/SQL/ORM 相關議題。 資料庫

Read More...

淺談 CSS 方法論與 Atomic CSS

See the Pen css-is-awesome by Arvin (@arvin0731) on CodePen. 今天來點輕鬆的,看標題就知道我想介紹一下 Atomic CSS,這是一套由 Yahoo 開源的 CSS 工具,工作上使用了蠻長一段時間,一開始使用起來其實覺得蠻不習慣的,但是久了以後發現搭配 React 寫起來雖然醜了點但是方便又易懂,非常適合獨立作業的前端工程師(設計師不參與 HTML, CSS 切版等動作),

Read More...

該來理解 JavaScript 的原型鍊了

前言老實說 JavaScript 的原型鍊一直是我很懼怕的一個主題,理由很簡單,因為真的不太好理解。光是一堆名詞跟錯綜複雜的關係就可以把你搞瘋,例如說prototype, __proto__, constructor, Object.prototype, Function.prototype, new等等。 可是呢,這又確實是 JavaScript 很重要的一部分,而且是面試的必考題,就算現在不懂,以後遲早有一天要把它弄懂,不然的話永遠

Read More...

網路安全(1) - 基礎密碼學

基礎密碼學密碼學裡面有兩種加解密方式,一種是對稱性加密,一種是非對稱性加密。差別很簡單,對稱性加密,意思就是我加密跟解密用的是同一個鑰匙,所以只要 A 跟 B 都知道這把鑰匙,A 要傳給 B 的時候,就用這個鑰匙加密。B 拿到了之後再用同一個鑰匙解密,你們兩就可以互通有無,暗通款曲。即使有中間人攔截了你們的傳輸,只要他沒有你們的鑰匙,他就不知道你們在幹麻。 那 bug 是什麼呢?阿哈!那你們要偷來暗去之前,總是需要傳第一次告訴對方你們的

Read More...

深入學習 LSD-SLAM - 2

前言上回我們在深入學習 LSD-SLAM - 1中提到,LSD-SLAM 的一大特色是不計算特徵點、直接使用所有 pixel 來計算相機的姿態。但是,每一幀都有 640x480 個 pixel (作者建議使用 640x480 解析度的相機),該怎麼處理這些資料呢?今天就來學習 direct method 的基礎。 在開始之前,我們可以從下圖清楚地看出 Feature-Based Method 跟 Direct Method 的差別,其實

Read More...

如何使用 Python 學習機器學習(Machine Learning)

隨著資料科學(Data Science)技術的興起,人工智慧(Artificial Intelligence)、機器學習(Machine Learning) 成為近幾年來電腦科學界十分熱門的研究領域,如今在實體和線上的學習機器學習的資源有很多,本文整理了一些好用學習資源希望幫助初學者能更容易使用 Python 入門機器學習的領域中,從零開始學習機器學習。若是對於資料科學不熟悉的讀者可以先參考適用於初學者的資料科學影片 ,讓自己對於資料

Read More...

Web VR 初探

Web VR 出來也很久了,但沒有去玩過,因為想說我沒有相關設備,直到前陣子看到這篇文章 Minecraft in WebVR with HTML Using A-Frame 整個驚艷! 隨便加幾個 tag,然後調整一下就可以有 VR 效果,這東西不試試怎麼行!說不定以後能像這篇作者一樣,在自己的婚禮上搞一套 VR 的網站!因此決定跟著官網範例來了解一下 Web VR 到底該如何實作。 一樣先看個成品: See the Pen webV

Read More...