freeCodeInfo

Using HTTP cookies 閱讀 資料來源︰ https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies An  HTTP cookie  (web cookie, browser cookie) is a small piece of data that a server sends to the user's web browser. The browser may store it and send it back with later requests to the same server.  Typically, it's used to tell if two requests came from the same browser — keeping a user logged-in, for example. It remembers stateful information for the  stateless  HTTP protocol. http cookie是從server端發送到user端的瀏覽器的一小段data。瀏覽器會儲存它並將它和以後的requests一起發送回同一的server端。一般來說，它是被用來判斷兩個requests是否來自同一個瀏覽器---保持用戶登入狀。舉例來說，他在stateless http protocol 記住 stateful information。 Cookie主要有3個目的︰ Session management 通訊管理     Logins, shopping carts, game scores, or anything else the server should remember Personalization 個性化     User preferences, themes, and other settings Tracking 追蹤     Recording and analyzing user behavior 記錄與分析用戶行為 ...

ETL ETL = Extract-Transform-Loading 過程 Raw Data -> ETL Script -> Tidy Data (結構化資料) Java FileReader  把檔案裡的字元讀進來以後呢，轉換成看得懂的文字。 FileReader fReader = new FileReader ("filename") BufferedReader 為所接受到的內容建立一個緩衝的功能。 bReader = new BufferedReader(fReader); e.g. BufferedReader bReader = null; String line; FileReader fReader; fReader = new FileReader("filename.txt"); bReader = new BufferedReader(fReader); while((line= bReader.readLine()) != null){          System.out.println(line); } ***為什麼要有BufferedReader？(用BufferReader接載FileReader) 因為如果資料量很大的話，主記憶體又有限，一次讀進來的話 會用掉很多記憶體，所有BufferedReader可以針對Buffer進行 資料段的讀取、修改與刪除。 Scanner Scanner 可以使用正規表達式(Regular Expression) 剖析(Parsing)基本資料型態與字串 Scanner sc = new Scanner (new File("FileName")); while(sc.hasNextLine()){     String next = sc.nextLine(); }

[影像處理 Image Processing] Histogram Equalization - 直方圖均衡化 詳細解說 # 附 Python 程式碼 前言介紹 Histogram Equalization 直方圖均衡化 - 是用於將一幅圖像的像素的色彩強度平均分佈，令圖像提高對比度及擁有更豐富的色彩，能使圖像不會過暗或過亮，常用於過暗或過亮的圖片美化。 觀念解說 Histogram Equalization 主要目的是將原始圖像像素的色彩強度均勻地映射到整個色彩範圍內，得到一個色彩強度分佈均勻的圖像。 左圖: 均衡化前色彩強度範圍 右圖: 均衡化後色彩強度範圍 以下用Lenna來作為範例。 Histogram Equalization 直方圖均衡化 效果圖 經過比較可以發現經過直方圖均衡化後，使圖像原本較亮的地方更亮，較暗的地方更暗，色彩變得比較均衡。圖像的對比度增強，使得細節更加清晰。 若是應用在較暗的圖片，就會呈現出以下這種效果。 Histogram Equalization 直方圖均衡化- 較暗的圖片效果 計算方法 假設 圖像A 是一個 5 x 5 像素的圖像，其色彩範圍是 [ 0 , 7 ]。 圖像A 然後計算其 統計直方圖 如下表 - 表格A ︰ ...

[影像處理 Image Processing] 8-Bit Plane Slicing 位元平面分割 詳細解說 # 附 Python 程式碼 觀念解說︰ 8-bit plane slicing 主要作用於進行影像處理時，在影像中 切割出高頻與低頻的資訊 。 8-bit plane slicing 分割抽像圖 如上圖所示，你可以想像，在一張灰階(8-bits)圖片的每一個像素pixel將被分層切割(0-7層)， 總共8層 ，像漢堡一樣，這就是 8-bit plane slicing 。 在一張 灰階圖片 ，其像素值範圍是 0 - 255 ，分別用於表達不同的深淺灰度，而圖片中每一個像素點(pixel)，都會有一個像素值(pixel value)。這一章將會以灰階圖片作為示例。 像素點、像素值的解釋，可以參考這篇文章。 其實圖片在數值處理上，就像一張 網格 ， 網格裡每一個格子都有不同的數值，代表著不同的顏色 。(RGB色彩圖示則用了三層的網格去表示，每一格由 RED, GREEN, BLUE 三種顏色組成) 計算方法︰ 8-bit plane slicing 其實就是將每一個像素值(pixel value)的二進制值，以其每個位數 (2 0 - 2 7 ) 進行過濾。 假設以下表格是一張 灰階圖片 的像素值(數值範圍0-255)︰ 217 97 85 21 219 115 177 204 104 e.g. 網格裡每一個格子都有不同的數值，代表著不同的顏色。(如上所示) ( 0 - 255) 1. 首先我們可以將灰階圖片裡的所有像素值 (範圍︰0 - 255) 轉為2進制表達。 十進制 二進制 0 0000 0000 1 0000 0001 2 0000 0010 3 0000 0011 ...... ...... 127 0111 1111 ...... ...... 255 1111 1111 2. 然後我們將圖片裡的每一格像素(pixel)，抽取其二進制值每個位數的值，成為Bit-plane。我將會以下方像素值為例︰ 217 97 85 21 219 115 177 204 104 像素值(十進制表示) ...

Java Java雖然是程式語言(Programming language)，其實也同時是平台(platform)技術。 程式語言(Programming language)由運用特定形式的語言和字符幫助我們建立程式的處理邏輯，而平台(platform)提供了程式編譯(complie)及運行(execute)的環境(environment)。 Platform Java語言的平台(platform)環境主要是由JVM(Java Virtual Machine)負責編譯程式碼轉為機器碼 、 API(Application Programming Interface)提供函式庫 及其他基本元件 組成的。 而Java官方總共有提供3種主要體系的Platform︰ Java Platform Standard Edition(Java SE) Java Platform Enterprise Edition(Java EE) Java Platform Micro Edition(Java ME) 以上3種Patform都會提供該Platform版本的JVM及API給使用者使用。 Java SE︰提供基本的核心的功能。包含了基本類型的Classes和一些開發應用程序用到的Classes (e.g. networking, security, graphical user interface etc.) Java EE︰EE是建立在SE之上，它是企業版，其主要目的是為在企業中運行的大規模應用程序提供解決方案。 Java ME︰是Java SE的subset，以及包含特定種類的Class libraries，這些Classes通常用於開發行動裝置應用程式。

[程式語言]Python免費學習網站介紹-Snakify 今天想給大家介紹一個不錯的程式語言教學網站 Snakify ， 這是一個 Python、HTML5、JavaScript、Jquery 教學網站。可以直接在網站進行即時的程式練習，並且自動批改。

分租租戶電費單計算機 *所有欄位必填* 應繳總金額︰ 總用電度(計費度數)︰ 分租單位數(房間數)︰

Media Query範本方便設計RWD網頁。 @media (min-width: 1281px) { /*CSS For this device*/ } @media (min-width: 1025px) and (max-width: 1280px) { /*CSS For this device*/ } @media (min-width: 768px) and (max-width: 1024px) { /*CSS For this device*/ } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /*CSS For this device*/ } @media (min-width: 481px) and (max-width: 767px) { /*CSS For this device*/ } @media (min-width: 320px) and (max-width: 480px) { /*CSS For this device*/ }

暸解CSS屬性[box-sizing] 我們經常在網路上看別人寫css時，會先設定 *{ margin:0; padding:0; box-sizing:border-box; } 為什麼要將box-sizing的value設定成 border-box 呢？這是為了方便設計師計算網頁頁面元素的長寬。

從頭開始教你如何編輯Blogger的Template 你有沒有想過，設計屬於自己的Blogger版面配置？ Blogger所提供的主題(Theme)，並不能自由地控制各項版面配置，大量繁雜的程式碼更令初學者看得頭痛。 這裡將會教你如何從頭開始編寫Blogger Template的HTML CODE。