JavaScript

Nodejs全域安裝和本地安裝的不同之處，nodejs全域之處上一篇文章《Nodejs中 npm常用命令詳解》主要是整理了最常使用的npm命令及相關介紹，其中有提到全域安裝(npm install gulp -g)和本地安裝(npm install

JQuery組件基於Bootstrap的DropDownList（完整版），jquerydropdownlist在前文 建立基於Bootstrap的下拉式功能表的DropDownList的JQuery外掛程式 中，實現了DropDownList的JQuery組件，但是留有遺憾。就是當下拉式功能表出現捲軸的時候，捲軸會覆蓋菜單右側的兩個圓角。使得下拉式功能表左側有2個圓角，右側沒有，看上去不是很完美。如所示：本文的內容就是如何恢複右側的圓角 先看看原本的下拉式功能表的HTML結構： &#

Spring MVC中Ajax實現二級聯動的簡單一實例，mvcajax今天寫項目遇到了二級聯動，期間遇到點問題，寫個部落格記錄一下。後台Controller：@RequestMapping("/faultType")@ResponseBodypublic Map<String,Object> faultType(int id,HttpServletRequest request)throws IOException{String ReturnMessage =

Bootstrap選項卡與Masonry外掛程式的完美結合，bootstrapmasonryBootstrap 是最流行的前端架構之一。在你的項目中使用Bootstrap,你就可以很快的實現響應式的網頁。如果你嘗試將Masonry和Bootstrap提供的眾多JavaScript組件之一的 索引標籤群組件

jQuery操作iframe中js函數的方法小結，jqueryiframe本文執行個體講述了jQuery操作iframe中js函數的方法。分享給大家供大家參考，具體如下：1、jquery操作iframe中的元素（2種方式）var tha = $(window.frames["core_content"].document).find("#trewuuu").html();var thb = $("#core_content").contents().find("#trewuuu").html()

jQuery on()方法綁定動態元素的點擊事件無響應的解決辦法，jqueryon$('#check_all').on('click' , function(){alert(1);});$("#yujinlist").append(html);count++; } 以上代碼執行時，點擊#check_all時，alert一直沒反應，後在網上查資料時，才知道on前面的元素也必須在頁面載入的時候就存在於dom裡面,

jquery.serialize() 函數文法及簡單一實例，jquery閉包的簡單一實例jQuery - serialize() 方法W3School給出的定義與用法：serialize() 方法通過序列化表單值，建立 URL 編碼文本字串。您可以選擇一個或多個表單元素（比如 input 及/或 文字框），或者 form 元素本身。序列化的值可在產生 AJAX 請求時用於 URL 查詢字串中。文法$(selector).serialize()詳細說明.serialize() 方法建立以標準

JQuery EasyUI學習教程之datagrid 添加、修改、刪除操作，jqueryeasyui一篇關於JQueryEasyUI學習之datagrid 添加、修改、刪除 學習筆記教程有需要瞭解的朋友可參考本的筆記,大量刪除，雙擊表單修改、選中行修改，增加行修改，再有就是擴充editor的方法，無需廢話，直接上代碼，代碼中的注釋寫的很詳細<script type="text/javascript" charst="utf-8">var editFlag = undefined;//

【CSS】過渡、動畫和變換，css過渡變換1. 使用過渡過渡效果一般是由瀏覽器直接改變元素的CSS屬性實現的。例如，如果使用:hover選取器，一旦使用者將滑鼠移至上方在元素之上，瀏覽器就會應用跟選取器關聯的屬性。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Example</title> <style

浮動與清除浮動，浮動清除浮動一、浮動（float：）      首先再講浮動之間我們先來弄懂什麼是標準文檔流？      標準文檔流在HTML中是指具有一定標籤屬性，且符合html語義的html文檔，其微觀表現是：1、空白摺疊現象：比如當想讓兩個標籤緊靠是中間不可有空格。2、高矮不齊時，預設底部對齊。3、滿行會自動換行。     

[CSS]浮動的那點事兒，css浮動事兒元素是怎樣浮動元素的水平方向浮動，意味著元素只能左右移動而不能上下移動。一個浮動元素會盡量向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。浮動元素之後的元素將圍繞它。浮動元素之前的元素將不會受到影響。 本文浮動是一種半脫離文檔流的狀態，他不像絕對位置那樣完全脫離文檔流　　絕對位置：　　<div id="div1"

less文法（一）變數與extend，lessextend摘要：　　　作為 CSS 的一種擴充，Less 不僅完全相容 CSS 文法，而且連新增的特性也是使用 CSS 文法。這樣的設計使得學習 Less 很輕鬆，而且你可以在任何時候回退到 CSS。less檔案是以less作為檔案尾碼名，HTML引用時可以像css那樣引用，如下：<link rel="stylesheet/less"

前端模組管理器簡介，模組管理器簡介模組化結構已經成為網站開發的主流。　　製作網站的主要工作，不再是自己編寫各種功能，而是如何將各種不同的模組組合在一起。　　瀏覽器本身並不提供模組管理的機制，為了調用各個模組，有時不得不在網頁中，加入一大堆script標籤。這樣就使得網頁體積臃腫，難以維護，還產生大量的HTTP請求，拖慢顯示速度，影響使用者體驗。　　為瞭解決這個問題，前端的模組管理器（package

css揭秘--筆記（未完），css揭秘--筆記第0章 關於本書1， 本書要用到一個工具函數————$$()，它可以讓我們更容易擷取和遍曆所有匹配特定css選擇符的dom元素：1 function $$(selector,context){2 context=context||document;3 var elements=context.querySelectorAll(selector);4 return

【試編】百度首頁（未登陸狀態）1，首頁未登陸1.連結樣式設定設定連結樣式時需考慮連結是否已被訪問過：1 #top a.Abold,#top a.Abold:visited{font-weight: bold;} 2.小尖角目前只會一種從網上搜尋來的方法：1 .arrow-up {2 width:0; height:0; 3 border-left:5px solid transparent; 4 border-right:5px solid

css之z-index深度解析，cssz-index深度（幾個重點概念解析）一、層疊上下文二、層疊水平三、層疊順序（以下層疊順序按照由內向外排列，即z軸上的值越來越大，越靠近使用者）四、z-index五、我的理解：　　頁面中元素的層疊情況是由層疊順序這個規則決定的。在最初的頁面裡，所有元素按照預設的情況依次排列。而z-index屬性像是一個外來戶，打破最初的預設情況，但是層疊規則依舊不變。新的層疊層級仍然要按照舊的層疊規則進行排列。六、感謝：　　本部落格內容來自於對張鑫旭大神部落格的學習與慕課網

sublime 常用快速鍵(轉)，sublime快速鍵Sublime text 3是碼農最喜歡的代碼編輯器，每天和代碼打交道，必先利其器，掌握基本的代碼編輯器的快速鍵，能讓你打碼更有效率。剛開始可能有些生疏，只要花一兩個星期堅持使用並熟悉這些常用的快速鍵！其實sulime text功能表列各個選項中都會提示相關的快速鍵，各位可以自己去看看，本文主要是整理一些隱藏或不被發掘的快速鍵！Sublime Text 3

Sublime Text 3

說說DOM的那些事兒，說說DOM事兒引子先來一顆栗子：<img src="/sub/123.jpg" alt="test" /><script type="text/javascript">var img = document.getElementsByTagName('img')[0];console.log('src:', img.src);</script>輸出 src: sub/123.jpg？No，輸出的是 src: http://127.0.0.1

HTML5和CSS3執行個體教程[總結一]，html5css3關於onclick的行為與內容分離 <a href='#' onclcik = "window.open('holiday_pay.html',WinName,'width=300, height = 300');">Holiday Pay </a>如果JS被禁用連結無法引導使用者進入對應頁面,不要為href屬性賦"#"及類似的值　　2.普通情況<a href='holiday_pay.