JavaScript

前端和使用者體驗，使用者體驗雖說俺是個前端工程師，寫寫代碼產生網頁就行了，然而這幾年工作下來養成的嚴謹精神和對美學的追求，反而對使用者體驗的要求越來越高。很多人覺得使用者體驗是互動和設計負責的領域，前端只要負責產生代碼就行。其實作為一個有經驗的前端工程師，很有必要弄清楚自己在整個網站開發過程中的地位，以及明白在使用者體驗這塊所具有的影響力。前端是UI部分最後的也是最全的品質控制員。因為頁面的靜態程式碼封裝括動態互動都是由前端來實現的，這樣就會涉及到方方面面的細節。在重構的過程中，我常常以一個普通

window.print列印指定div指定網頁指定地區的方法，window.printdiv第一種方法：指定不列印範圍使用CSS，定義一個.noprint的class，將不列印的內容放入這個class內。細如下：<style media=print type="text/css"> .noprint{visibility:hidden} </style>要列印的內容。哈哈！<p class="noprint">將不列印的代碼放在這裡。</p>

JavaScript中的函數重載深入理解，javascript重載在JavaScript中有一種特殊的資料類型---Function類型，JavaScript的每個函數都是Function類型的執行個體。由於函數是對象，因此函數名實際上也是一個指向函數對象的指標，不會與某個函數綁定。<pre name="code" class="html">function sum(num1,num2) { return num1 +num2; } alert(sum(10,10)); //20

CSS3屬性選取器詳解 及 雙色球實戰開發，css3選取器在前面的章節中，我們瞭解了，可以使用行內樣式，ID選取器，類別選取器，以及標籤選取器來給一個元素應用樣式。如果我們想給定義了那些都定義了某一個屬性的元素應用樣式，這個時候我們該怎麼做呢？這一節中，我將使用 雙色球案例 和 文件類型提示表徵圖案例 來引入和應用屬性選取器。雙色球案例：大家都知道，雙色球共有7個球，6個紅球，1個藍球。首先我們先在頁面上面定義7個span標籤：<!DOCTYPE

jQuery 刪除或是清空某個HTML元素樣本，jquery樣本jQuery使用下面兩個方法來刪除或是清空某個HTML元素。remove() – 刪除指定的元素（包括其子項目）empty() – 清空指定元素的子項目例如：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script

一套後台管理html模版，後台管理html模版最近自己需要一套後台管理的模版，然後去網上尋找，模版的確很多，但是適合我的並不多。我需要的模版是不會很大，我能夠控制碼，樣式不要太古樸，最好有點CSS3的效果。最後終於找到一張首頁，然後再根據這個首頁來編輯其他的後台部分。第一眼看到這個樣式，就非常滿意。現在只做了四張頁面，登入、首頁、菜單管理和菜單添加頁面。瀏覽器安全色是盡量做到IE8以上可以使用，firefox、chrome瀏覽器等能完全相容。由於IE8無法解析CSS3，所以有些地方會額外的製作C

小米手機 js 指令碼取src為空白的適配問題今天測試提上來一個問題我android webview 中執行了一段js指令碼，去替換原來的圖片，但是小米手機上居然沒起作用花了一個中午的午休看問題 貼出來協助下遇到同樣的問題的朋友吧，我百度了半天沒看到一個答案蛋疼的舉個例子在小米執行 javascript：(function(){ var objs = document.getElementsByTagName('img' ); for(var

NodeJS學習筆記之網路編程，nodejs學習筆記Node提供豐富的網路編程模組 Node模組 協議 net TCP dgram UDP http HTTP https HTTPS

[學習筆記]歡迎來到extjs本文地址：本文作者：sushengmiyan翻譯來源：http://docs.sencha.com/extjs/5.0.0/getting_started/welcome_to_extjs.html這篇指引提供了一個簡單的ext js介紹，我們會從討論建立一個簡單的hello

如何正確使用Nodejs 的 c++ module 連結到 OpenSSL，nodejsopenssl事情的起因是這樣的， 因為某些原因， 最近在寫 Nodejs 的 c++ module， 然後在js這邊調用。  網路通訊自然離不開ssl， 於是需要連結到Openssl的庫。我們本來的期望是，需要使用者安裝有Openssl的運行庫， 然後我們的c++ module 動態連結到Openssl的so庫上來運行。起初一切看起來還不錯，直到我們發現這個openssl的函數不能工作：PKCS7

Jquery中的(function($){...})(jQuery) 當你第一眼看到“(function($){...})(jQuery)”的時候，你有什麼感覺？呵呵呵，我當時還是止不住的從心底裡罵了一句——操，這他媽什麼勞什子。時過境遷，對於現在無比倚重Jquery的我，自感當時的自己是那麼的無知，今天忙裡偷閒，解釋一下究竟“(function($){...})(jQuery)”該怎樣理解： 代碼一：代碼一<script

JavaScript提高：004：JS擷取Gridview儲存格時層級問題使用javascript擷取頁面中元素的屬性，或者對元素進行操作。這種使用是非常多的。不過對於擷取那些在頁面中單一的元素，諸如，頁面上的某個文字框，下拉式清單，按鈕等可以直接用ID擷取到的這種元素，用法自然簡單。這裡就不多說了，太簡單了。一般比較複雜的是，擷取元素中的元素，比如動態產生的那些元素。這裡就拿表格中的元素為例吧。知道如何擷取表格中的儲存格內的元素了，其他的複雜元素也就不在話下了。下面舉個簡單的例子，擷取Grid

ASP.NET中使用JSON方便實現前台與背景資料交換一、前台向後台請求資料在頁面載入時，有時需要對一些表單進行初始化，此時可以利用JQuery的 get 函數向後台發起非同步請求：//初始化函數function initSettings() { $.get("?Action=init", function (data) { if (data == "NO") { alert("初始化失敗！"); }

jquery file upload 後台收到的檔案名稱中文亂碼， filename中文亂碼本周用jquery file upload做上傳檔案的功能，後台會接受檔案，並且截取檔案名稱作為字元存入資料庫。準系統實現時候，試了幾個檔案，發現如果檔案名稱如果沒有中文就OK，如果檔案名稱帶中文的話，後台收到的就是中文亂碼，怎麼去解碼都沒用。例如，上傳的檔案叫做“昕銳配置表.xls”，但是到後台收到的卻是 “鏄曢攼閰嶇疆琛?xls”

小穀實戰Jquery(四)--標籤頁效果 這兩天完成了實戰四五六的例子,執行個體四是標籤頁的實現方法,執行個體五是串聯功能表下拉框,執行個體六是視窗效果,都是web層常用的效果.越到後面越發覺得技術這東西,就是一種思路的展現,懂了要實現效果的來龍去脈,代碼就是表達的一種工具,後台展示的是邏輯,前台展現的是圖形. 說一下這個標籤頁吧,第一個標籤由兩部分組成,滑鼠移到上面標籤上,下面對應顯示相應的內容.藉助CSS實現標籤和內容相融合的效果.這次我們先看最終效果.HTML:

jquery常用事件（整理）Jquery事件(一)、事件列表。　　1.blur()　　　　　　當失去焦點時觸發。包括滑鼠點擊離開和TAB鍵離開。　　2.change()　　　　 當元素擷取焦點後，值改變失去焦點事觸發。　　3.click()　　　　　　當按一下滑鼠時觸發。　　4.dblclick()　　　　 當滑鼠雙擊時觸發。　　5.error()　　　　　 當javascript出錯或img的src屬性無效時觸發。　　6.focus()　　　　

js使用removeChild方法動態刪除div元素，removechilddiv在做使用者尋找時 因為要把尋找的結果動態載入和顯示，所以，那些html元素要由Ajax動態產生。使用者開啟尋找介面時，有系統推薦的使用者，而當使用者按條件尋找後，尋找的結果動態載入和顯示。所以考慮到用js來搞。

font awesome的表徵圖在WP8瀏覽器下無法顯示的問題解決，awesomewp8font

JQuery實現表格動態增加行並對新行添加事件，jquery新行實現功能：通常在編輯表格時表格的行數是不確定的，如果一次增加太多行可能導致頁面內容太多，反應變慢；通過此程式實現表格動態增加行，一直保持最下面有多個空白行。效果：一：原始頁面二：表1增加新行並綁定timepicker三：表2自動增加行，新行綁定timepickerHTML源碼：<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">

Windows 系統下安裝和部署Egret的開發環境，部署egret需要安裝的軟體如下：Node.jsTypeScriptTypeScript代碼編輯器HTTP伺服器（可選）Chrome（可選）Egret這篇文檔中，我們主要介紹在Windows環境中安裝Egret。其安裝步驟如下。1.安裝Node.js1.1下載Node.jsNode.js的安裝方法非常簡單，我們可以訪問