There are two types of methods to pop up a browser window:1. jQuery Popup Window Open a new window using jQuery with custom size. 2. Javascript Open a new window using javascript with custom size (chinese.)
Category: 網頁撰寫
[PHP] INI設定與Debug教學
在DoubleService的教學中提及，在開發PHP測試函式庫時，由於各個伺服器對於php.ini的設定可能都不一樣。因此，在測試函式庫之前，最好加入以下幾行，以確保自己的程式正確無虞。 有了上述的程式碼，就可以輕鬆Debug囉。另外，請記得在將程式碼交給客戶之前，把Debug模式關閉喔。至於為什麼要通過這些檢查呢？DobuleService曾經提及： 1. 避免變數名前後不小心打錯。2. 避免不存在的鍵值，隱藏可能的邏輯錯誤。3. 強制變數初始化，避免變數交互引用覆蓋或誤用。4. 強制正規化變數型態，避免隱藏性錯誤。5. 自然養成嚴謹的編程習慣。6. 強化程式本身的環境可攜性。 另外，值得一提的是，並非所有ini設定都可以透過ini_set()這個函式來設定的，只有被系統規範為PHP_INI_ALL或是 PHP_INI_USER的選項，才可以使用ini_set()。若不清楚哪些可設定的話，請參見twphp提供的資料：http://tw.php.net/manual/en/ini.list.php 參考資料 開發PHP時可能會做的環境設定 PHP開發開啟E_ALL的重要性 List of php.ini directives PHP:ini_set()可更改的項目 Why is the result of E_ALL | E_STRICT the same as only E_ALL? php.ini開啟error設定
[PHP] PEAR、MVC、ZendFramework相關教學資源
PEAR 教學資源 Testing PHP Code with PHPUnit Caching PHP Programs with PEAR [Web] 連結分享 Package Information: XML_Parser Generating Code from Tests PEAR:AUTH的用法1 Package Information: HTML_QuickForm2 Package Information: Pager Package Information:HTML_TreeMenu [PHP] 好用的 PEAR – PHP Mail and Mail_Mime 安裝與使用PhpDocumentor [PHP]用PEAR::SOAP寫個簡單的WebService [Pear] 利用 Validate 套件驗證 E-mail 多重表單認證 pear mdb2 使用教學 資料庫連結 pear mdb2 使用範例query,queryOne,queryRow,queryAll PHP Pear […]
【Chrome】Chrome Extension與App開發
In short, Chrome extension(or app.) application is composed of different html, javascript, and css files. It is very simple to develop. Basically, you can consider it as a normal client-server implementation.To record some materials that I can develop my Chrome extension/app in the future, I note those as the following.English materials: Building a simple Google […]
[CSS] Image Sprites
在做網頁設計時，我們時常為了網站美感，在網頁中放入許多小圖(ex: 按鈕、文章標題背景、標籤) 。然而，當一個網頁有多個圖檔要載入時(ex: 30張以上)，瀏覽器在解析時，會不停地發送Http Requests，使得流暢度降低，也易造成client端負擔。因此，利用CSS Sprites可減少瀏覽器對圖檔的Http Requests。此一技巧是將網頁中會用到的背景圖檔，全部集中放在一個圖片檔中，並利用 CSS 的 background-image 與 background-position 屬性將欲顯示的按鈕圖等部分顯示出來。如此，便可降低Http Requests。 例如以下語法： img.next{width:43px;height:44px;background:url(img_navsprites.gif) -91px 3px;}便是將要顯示的next區塊，背景圖設定為： 寬度：43px 高度：44px 讀取的圖檔位置：img_navsprites.gif 位移量：將圖檔向左偏移91px，向下偏移0px後，開始讀取。(若是要將圖檔向右偏移30px，向上偏移20px，則設定為background:url(img_navsprites.gif) -91px 3px;有關偏移量的解釋，請見”CSS Tutorial – The background-position Property“一文) 註：詳細CSS Sprites的教學，可參考”W3School“另外，筆者對這個還蠻有興趣的，就隨手找了幾篇文章做整理。從保哥的文章指出，IE瀏覽器跟某些個案有時候不支援background-image這種做法。因此，我們可以換另一個方式來替代：(截自extending css spriting).menu-about { width: 106px; height: 29px; position: relative; top: 0; left: -293px; }.menu-about img { position: absolute; clip: rect(0 399px 29px 293px); } […]
[Web Design] 用jQuery Mobile 開發Mobile Web Apps
方才筆者看到了jQuery 的手機版網頁開發：jQuery Mobile號稱由jQuery 團隊支援的手機版網頁開發APIs，有著以下特色： 以 jQuery 為核心 檔案極小 (重新製作過的核心壓縮過約80kb，加上css約48kb) 支援HTML 5，且透過 HTML5 data-* tag 來達成種種 UI 的設定 自動切換排版 支援滑鼠與觸碰事件 (Event Driven) WAI-ARIA (參見[4], [5], [6] ) 強大的佈景主題系統 ASP.NET MVC 的支援 (特別支援 ASP.Net MVC 4 ) 支援市面上大部分行動裝置 畫面一致 多樣化的 UI Progressive Enhancement & Graceful Degradation 讓對於手機程式開發不熟的網站工程師，能夠用既有的Web Design技術，開發Web Apps for Tablet or Smart Phone。 目前jQuery Mobile發展至1.1.0版，支援ToolBar, ListView, […]
[Apache] htaccess 入門/進階 教學資源
.htaccess是什麼？.htaccess幾個簡單應用 Apache .htaccess Guide & Tutorial Apache Tutorial:.htaccess file .htaccess Tutorial THE Ultimate Htaccess Advanced htaccess tutorial more .htaccess tips and tricks 8 Great Htaccess Rules To Improve Your Website 用 htaccess 來擋圖片盜連並且讓 google reader 可讀 Ultimate Guide to htaccess and mod_rewrite Mod_Rewrite and .htaccess (有詳細解說) Mod_Rewrite- Hide index.php (有詳細解說) Apache htaccess中的Rewritecond規則介紹 Extending Rules
[雲端運算] Google Cloud Storage 來囉！
Google Cloud Storage 開始試營運囉。什麼是Google Cloud Storage？Google Cloud Storage提供雲端儲存服務，具備RESTful (REpresentational State Transfer) 功能，根據”REST and RESTfull web service“這篇文章的說明，對RESTful做了以下闡釋： REST 把軟體視為 “資源”(Resource)，以 URL (Uniform Resource Locator) 定位資源所在處。資源的使用者則藉由 HTTP 協定中所定義的”方法”(method)操作資源。REST 所稱的軟體，其實是資料與資料處理方法的包裝，也就是 OOP 中的 “個體”、”物件”。同時在 HTTP 中，也定義了四種基本方法，即 GET, POST, PUT, DELETE。以上四種基本方法大致上對應了四種資料處理動作，即 Create, Read, Update, Delete (CRUD) 有興趣的讀者，可以自行看看原文解釋。 Google Cloud Storage 服務提供了以下幾種特性： 快速、高延展性與高可靠度的物件儲存服務 所有資料皆複製好幾份到Google雲端資料中心 讀寫同步 物件大小可達TB等級，支援可恢復性的上傳、下載以及Range-GET。 Domain-scoped bucket命名空間 簡單、彈性 、具驗證以及共享能力 支援 OAuth 2.0 […]
[網頁撰寫] Linux, Apache, PHP, MySQL 最佳化教學資源匯整
最近接手的案子，有速度緩慢的問題。趁機再整理一下有關Apache, PHP, MySQL系統的最佳化議題。 Apache 自動優化前端頁面的模組 – mod_pagespeed 分離動、靜態網頁，讓伺服器做擅長的事 WindowsNT系統下的Apache性能優化 基本優化 tuning apache 跟 tuning mysql 跟 php 效能 [SQL] MySQL ROW_NUMBER Simulation 利用 PHP MySQL Quota-Tool 來限制 MySQL 存取空間大小 Apache 調整、優化方法：性能優化 優化 PHP 程式的 40條建議 Php Memcached 快取機制配置架構 A HOWTO on Optimizing PHP 奇怪的PHP引用效率問題
URL最大長度
URL最大長度的限制，在標準規範中並無定義。但是，Microsoft Internet Explorer 有規定，需在2,083個字元內。其他瀏覽器，如Firefox、Chrome、Opera等，至少為65,536個字元。 但Apache Server可接受的字元數為4,000，IIS則為16,384。 因此，若開發人員想要利用URL傳遞參數的話，URL長度盡量在2,000個字元內，會比較安全。 參考資料 URL的最大長度限制 最大 URL 長度是在 Internet Explorer 中的 2,083 字元