多圖集合定位取用之應用 — 以 Google & MineCraft 為例

Google 的 PNG 圖片例子

我們在 Google 上可以看到精簡的網頁上還是有一些小圖片,可是當我們去追蹤圖片路徑時,發現他並不是單一圖片,而是一個大圖片,裡面集合了網站使用到的圖片元素。

以右側搜尋按鈕裡的放大鏡為例

放大鏡的 CSS ID 為 .sbico ,以下是此範例另外擷取使用的 HTML 網頁原始碼

瀏覽器看起來長這個樣子

直接說明關鍵 CSS 語法

  • background:url(http://www.google.com.tw/images/nav_logo107.png) :圖片設定在背景,不是直接插入
  • no-repeat :圖片不作任何重複動作
  • -137px -243px : 第一個數據為從左至右的距離;第二個是從上而下的距離,單位是像素,最終定位的位置如下圖
  • height:15px; width:15px;  :這張圖片長、寬各為 15 像素

-137px -243px 定位示意圖

 MineCraft 的材質包例子

 

227 total views, no views today

資料比對

LEFT JOIN & RIGHT JOIN & IS NULL

三個資料表,其中兩個使用 INNER JOIN 連結,連結後和第三個資料表比對兩不相符資料。此處作用是比對 SmartERP 轉檔暫存,還有哪些資料未處理。

SQL 指令關鍵是使用 LEFT JOIN 或 RIGHT JOIN 連結兩邊的資料表,然後在 WHERE 輸入另一邊資料表比對欄位條件為 IS NULL 。

所以,如果使用 LEFT JOIN ,那就是右邊的資料表比對欄位使用 IS NULL 來進行比對。

 HAVING & SUM()

兩個資料表,比對金額欄位是否已經處理完成,從以上轉檔為例,如果資料需要拆解成多筆資料歸屬不同對象,那就需要 HAVING 以及 SUM() 來加總資料比對。

TABLE1 & TABLE2 資料表結構

資料表資料

SQL 指令查詢結果

268 total views, no views today

如何使用 i-FunBox 置入 iBooks PDF 檔案

步驟一: 使用 i-FunBox 的「原始檔案系統」,將 PDF 檔案複製到目錄  /var/mobile/Media/Books/Purchases/ 中

步驟二: 將 PDF 更改檔名

步驟三: 編輯 Purchases.plist ,增加一個 <dict></dict> 區段,實際檔案名稱和檔名根據現況設定

 

218 total views, no views today