謝晒的PHP網頁設計

$.ajax({   url: "ajax.php",   type: "post",   success: function(data) {     exportToExcel(data);   } }); function exportToExcel(htmlTable) {   // 定義Excel MIME類型   const mimeType = 'application/vnd.ms-excel';   // 將HTML表格轉為Blob   const blob = new Blob(     [htmlTable],     { type: mimeType }   );   // 建立下載連結   const link = document.createElement('a');   link.href = URL.createObjectURL(blob);   link.download = 'data.xls'; // 檔案名稱   document.body.appendChild(link);   // 觸發下載   link.click();   // 移除連結   document.body.removeChild(link); }

讓我們來談談 CSRF

當 input 欄位的 value 包含 單(雙)引號 時，會導致文字被截斷，例如： <?php $val = '這是包含(")雙引號的內容'; ?> <input name="a" type="text" value="<?=$val?>"> 這樣只會顯示出「這是包含(」後面就被截斷了，因為 value=" 的雙引號會跟內容中的雙引號成對，解決的方式很簡單...

<!doctype html> <html> <head>     <meta charset="UTF-8">     <meta http-equiv="x-ua-compatible" content="ie=edge">     <script>         var supported = ("WebSocket" in window);         if (supported) alert("Supported WebSocket");     </script> </head> <body> </body> </html>

由於舊版 IE 瀏覽器不支援一些新的網頁技術 (eg. CSS3.0 & HTML5)，有時需要判斷使用者的瀏覽器是否為 IE (或 IE 幾版) 來決定要顯示什麼樣的網頁內容給使用者，用法很簡單，如下...

可以，但是命名應該要符合W3的標準( 詳見此 )，也就加上'data-'的前墜，例如：data-no。

由於使用者電腦的 IE 瀏覽器的版本越來越新，有些舊式網頁程式就會開始出問題 (eg. JS出現錯誤)，如果不想修改舊程式又想讓使用者可以正常使用，就必需讓使用新版 IE 瀏覽器的使用者，在瀏覽網頁時強制 IE 降版。（例如：雖然使用者的 IE 瀏覽器是 IE11，但在瀏覽舊版程式網頁時，強制 IE 降版成 IE8 模式執行） 方法很簡單，只要加入一行程式：

直接看 線上Demo ，可以發現程式碼相當簡單，唯一的技巧就是每次觸發時，會先執行下面程式清除畫面，再重新渲染畫面，因為速度很快會覺得物件在移動（動畫原理）。 context.clearRect(0, 0, canvas.width, canvas.height);

在 W3C 的範例，img物件是抓頁面中已存在的圖檔，如果我們不想為了canvas而多建立一個<img>物件，其實可以直接用下列語法載入圖檔...

input 的 type="hidden"、或 jQuery 使用 hide()、或 CSS 賦予 display:none， 在 submit 後，還是會將值傳出，如果不想收到值，需要加上 disabled。 備註： type="hidden"、hide()、display:none 這三個行為都是將 css 的 display 值設為 none 範例

HTML5的lang要設成zh-TW或zh-Hant？ 短摘： 請使用 <html lang="zh-Hant-TW">

當表單送出，後端PHP接收到POST或GET資料後，不管使用者輸入的是文字或數字，資料型態都是 string。 例如有一個使用者送出他的年齡為10歲 if($_POST['age'] === 10) {   //不會成立 } if($_POST['age'] === '10') {   //會成立 } 當然，如果是 name="age[]" 這種方式送出的就是 array，但陣列裡面的值也是 string。

How do you loop through $_FILES array?

Press Enter to Submit 背后的那些事 短摘： 當 <form> 裡面只有一個<input type="text"> 時，按下 Enter "會觸發" submit 送出動作。 當 <form> 裡面有兩個以上 <input type="text"> 時，按下 Enter "不會觸發" submit 送出動作。 謝晒的 mur mur：誰知道阿～

WebSocket 通訊協定簡介：比較 Polling、Long-Polling 與 Streaming 的運作原理

程式碼準則

font: 12px 'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;

有時候我們會在 <html> 這個標籤看到一個屬性「lang」，例如：<html lang="en">，顧名思義他代表這個網頁使用哪種語言，參考 w3官網 的說明，目前僅屬推薦標準，並非一定要加。

不要將form放到 table 和 tr 之間

Bootstrap  簡潔，直覺，強大的前端框架，讓網頁開發更快速更簡單