JavaScript

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

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

CSS line-height淺析（3），cssline-height淺析這一部分我們來簡單應用一下line-height屬性。一、單行文本垂直置中代碼如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <style> 5 div { 6 width:200px; 7 height:80px; 8

說說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.

一款純css3實現的動畫按鈕，css3實現按鈕今天給大家分享一款純css3實現的動畫按鈕。第一排的按鈕當滑鼠經過的背景色動畫切換，表徵圖從右側飛入，第二排的按鈕當滑鼠經過的時候邊框動畫切換，表徵圖右側飛入，效果非常好，一起看下：線上預覽   源碼下載實現的代碼。html代碼：<div class="black"> <a href="#" class="btn"><span>Become A

CSS 特殊性、繼承與層疊，css層疊一、特殊性規則選取器的特殊性由選取器本身的組件確定；特殊性由四個部分組成，其初始值為0，0，0，0。1.    對於選取器中的每一個id，記0，1，0，0；2.    對於選取器中的每一個類、偽類、屬性選擇，記0，0，1，0；3.    對於選取器中的每一個元素、虛擬元素，記0，0，0，1；4.    結合符與萬用字元對於選取器的特殊性沒有任何貢獻。 注意：1.

CSS line-height淺析，cssline-height淺析一、line-height的定義line-height，行高，是指文本行基準間的垂直距離。1.    什麼是基準？一般而言，一個文本行一共有四條線，從上到下依次為頂線、中線、基準、底線；在英文中，基準為小寫 x 字母下邊緣所在的那條線。注意，基準的位置與字型有關，不同的字型基準的位置有偏差。2.    既然行高是指基準間的垂直距離，那麼單行文本有沒有行高？當然是有的！答案在下面。。。3.

分享幾種移動端標準頭，分享幾種標準頭1. rem單位方式，用法當前像素除以100。<!doctype html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />

前端開發之功能頁展示，前端開發展示1.本次用到的控制項資料按鈕組作為翻頁按鈕