一步一腳印工作札記

專案中網頁需要播放 *.mp4 格式影片，HTML5 設定很簡單，影片也確定路徑及內容都沒問題，但卻無法播放，最後終於得到教訓 ^^...， 關鍵在於 IIS MIME (Multipurpose Internet Mail Extension) 類型中未加入該項 ，因此設定 IIS MIME 類型選項，並在 副檔名加入 .mp4 ， 類型加入 video/mp4  之後  重新啟動 IIS 站台 ，問題立馬解決 ^^ 真是令人興奮。學海無涯，知識永遠都在前面，等待後人不斷的發現進步。

最近看到一個小範例利用HTML5 加上 JQuery $.data 來做到動態改變顏色的方式， 覺得可以做個記錄下來，看完後對 $.data 的使用應該更為清楚。 HTML: <div class="color-list" data-color ="#330">改變背景色</div> JQuery: var selector = '.color-list' $(selector).css('background-color',function() {     return $(this).data('color') })

網頁中常會用到水平 tab 來排列，滑鼠移到上方時下方會出現一條底線，這是怎麼做到的呢? 讓我們看下去吧.... HTML : <ul> <li><a href="#intro">INTRO</a></li> <li><a href="#">PRO</a></li> <li><a href="#flip-3d">3D-FLIP</a></li> <li><a href="#slide">SLIDE</a></li> <li><a href="#switch">SWITCH</a></li> <li><a href="#water-fill">WATER FILL</a></li> </ul> PS: CSS 中要將 list 中的黑點去掉可用 list-style:none (自己常會忘記.. 那就寫下來吧) SCSS : ul{     list-type:none;    width:500px;    display:flex;   // 利用 flex 水平排列    justify-content:space-between;    // 平均分配空白    li{         a{                text-decoration:none;  //  隱藏底線                &:after{              ...

ASP 中網頁常會用到 GET  方式帶參數傳送資料，最近發現在使用過 Base64 編碼後在目標網頁利用 QueryString 得到的值無法完全解碼，進而發現 '+' 被轉變成為空白，進由保哥 & 黑暗執行緒文章了解如下: URL 傳參數時 '=' ， '+'  兩者會被視特殊符號，第一個用來賦值 ( 例: param=abc)，而加號則被視為轉換空白符號(例: a b => a+b)，之後解碼完再還原成空白。而 Base64 加密後產生的加號若沒有經過必要處理的話，在 QueryString 取值時 Base64 解密完加號也就被還原成空白 @@||| ， 解決這個問題利用 HtmlUtility.URLEncode (url) 它會自動幫忙將編碼 '+' 轉換，這樣在做 QueryString 就會得到應該看到的加號而不是空白了。

就字眼看來兩者差別不太... 簡單的說 TextBox 利用 val( )，而其它的控制項元件則用 text( ) 底下範例可跑跑看或ID 對調實驗，很快就看出差別了... HTML: <input type="text" id="txtinupt" value="TEXTBOX"/> <label id="lblid">LABEL</label> <button onclick="TestFunc()">OK</button> JS: function TestFunc(){   $('#lblid').text("12345")   $('#txtinput').val("99999");   $('#lblid').focus();   console.log('Function End') }

Client 端常會需要呼叫到 Server 端的元件並做處理，底下是個判斷郵件地址錯誤後透過 Client 端將字體改為黃色、背景改為紅色的範例，利用 JQuery 呼叫ASP.NET 元件方法如橘色字體， 這對寫過 ASP 的同鞋應該看的懂 BJ4 吧，不然就太 GG 了 JQUERY: var em = document.getElementById("<%= email.ClientID %>").value; // JavaScript 用法  if (em == "電子郵件地址錯誤！") {   $(" #<%= email.ClientID %> ").css('color', 'yellow');       // 這裡是 JQuery 抓取 ID=email 的做法   $(" #<%= email.ClientID %> ").css('background-color', 'red'); } HTML:  <asp:Label ID="lblEmail" runat="server" Text="電子郵件地址："></asp:Label>     <asp:TextBox ID="email" runat="server" OnTextChanged="Email_TextChanged" AutoPostBack="true"></asp:TextBox>

目前因開發環境為VS2015，記錄到 2016/10/26 為止(持續加入修訂中..，Windows 有空再補上) 就個人所知並實際在開發中常用快速鍵整理如下，若有遺漏或有先進前輩有好用快速鍵，也請讓我知道加入 Windows: Win + Tab: 切換不同畫面 Win + L   :   鎖定電腦 Win + E   :  開啓我的電腦  Win + D  :   切換到桌面 Win + 加/減號 : 放大/縮小 畫面 Ctrl + W :  刪除網頁 Ctrl + Shift + T:  恢復剛刪除的網頁 Visual Studio 2015: F7 : 程式碼 Shift + F7 : 設計畫面 Ctrl + C : 複製內容 Ctrl + V : 貼上內容 Ctrl + Y : 復原前一個 Ctrl + Z 動作 Ctrl + Z :  復原前次動作 Ctrl + K + C : 加上註解 Ctrl + K + U : 解除註解 Alt + 滑鼠滾動 : 垂直選取內容 選取左大括號後，Ctrl + ] :  找到匹配右大括號 Other: Ctrl + Shift + Del : Chrome 叫出清除瀏覽器記錄內容畫面