Time of Update: 2014-11-13
你可能不知道的7個CSS單位,css單位如果你是一名前端開發工程師,一般px和em使用頻率比較高。但是今天本文的重點是介紹一些我們使用很少、甚至麼有聽說的單位。一、重溫em<style type="text/css">body {font-size: 12px;}div {font-size: 1.5em;}</style><body><div>Test-01 (12px * 1.5 = 18px)<div>Test-02
Time of Update: 2014-11-13
移動web開發前準備知識瞭解(html5、jquery)筆記1.常用 外掛程式工具 chrome外掛程式: Mobile & Tablet Emulator(用於常見移動端適配):(重點)Mobile Emulator is an useful online tool to check the screen resolution on different mobile and tablet devices.Mobile Emulator is an useful online
Time of Update: 2014-11-13
簡單的nodejs 檔案系統(fs)讀寫例子。在nodejs中,可以通過fs(file system)模組進行檔案的I/O操作。 API連結地址: http://nodeapi.ucdok.com/#/api/fs.html 下面進行fs檔案系統的使用執行個體: 1、模組調用聲明: var fs= require('fs'); var path =
Time of Update: 2014-11-12
css優先順序機制說明,css優先順序機制首先說明下樣式的優先順序,樣式有三種:1. 外部樣式(External style sheet)樣本:<!-- 外部樣式 bootstrap.min.css --><link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">2.內部樣式(Internal style sheet)樣本:<head> <style
Time of Update: 2014-11-13
Json解析數組執行個體1. JsonCPP簡介 jsoncpp是c++解析JSON串常用的解析庫之一。其常用的類有:a) Json::Value 可以表示裡所有的類型,比如int,string,object,array等,其支援的類型可以參考Json:ValueType中的值。b) Json::Reader 將json檔案流或字串解析到Json::Value,主要函數有Parse。c)
Time of Update: 2014-11-11
前端必備神器 Snap.svg 彈動效果,前端snap.svg有人說不會 SVG 的前端開發人員不叫開發人員,而叫愛好者。前端不光是 Angularjs 了,這時候再不學 SVG 就晚了!(如果你只會 jQuery 就當我沒說。。。)這裡我就給大家分享一個前幾天在別處看到的一個高大上的 SVG 效果,左邊菜單彈出來會動動彈的說,連結點這裡。當時我就震驚了,今天抽空搞清了源碼,然後下面是我潛心研究後做出來的 Demo,雖然比較粗糙,但還是很洋氣的感覺呢。下面我就這個 DEMO
Time of Update: 2014-11-10
文字別亂跑~,文字亂跑~ 為了讓網頁布局規整,我們經常要控制文欄位落的長度和高度。 當我們信心滿滿的為這些文字畫了一個DIV框子後,卻發現這些文字遠比我們想象中的調皮。 <div style="width:800px;height:50px;border:1px solid red;">
Time of Update: 2014-11-10
對於一些css樣式的巧妙方法進行總結。,css樣式總結 針對之前遇到過的一些特殊樣式的實現,我今天做個總結,目的有二:一是將這些方法記錄下來,以便將來需要用到時尋找使用。二為將這些大神們智慧的結晶發揚光大,讓廣大前端程式猿們能夠少走彎路。此貼為更新帖,以後若有好的css樣式技巧,小菜我會不定期更新。 一、塊元素水平垂直置中(特別鳴謝:鑫生活。鑫哥出品必屬精品!小弟膜拜) 對於一個塊元素的水平垂直置中,水平置中的方式不必多說,一般用margin:auto;等方法即可實現。而對於垂直置中,儘管
Time of Update: 2014-11-10
js跨域問題淺析及解決方案優缺點對比,js什麼是跨域?概念:只要協議、網域名稱、連接埠有任何一個不同,都被當作是不同的域。複製代碼 代碼如下:URL 說明
Time of Update: 2014-11-10
jQuery函數map()和each()介紹及異同點分析,jquerymap方法文法:map()map(callback)為封裝集中的每一個元素調用回呼函數,並將傳回值收集到jQuery對象的執行個體中。參數callback (函數)回呼函數,為封裝集中的每個元素調用該函數。比如,下面的代碼將頁面上所有div元素的id值收集到一個javascript數組中:複製代碼 代碼如下:var iDs = $("div").map(function(){ return
Time of Update: 2014-11-09
Datatable轉換為Json 然後把Json資料放入 js 檔案中C#中把Datatable轉換為Json的5個代碼執行個體 /// /// Datatable轉換為Json /// /// Datatable對象 /// Json字串 public static string ToJson(DataTable dt) {
Time of Update: 2014-11-09
Arcgis for
Time of Update: 2014-11-09
javascript中使用var定義變數的先行編譯效果首先說明一點:javascript文法是非常靈活的,靈活的代價就是很容易導致不規範的編碼和各種意想不到的運行結果。ECMAScript 5 引入了 嚴格模式 (strict mode),今後我們編寫javascript代碼最好都使用"use strict",規範我們的javascript代碼。下面的測試代碼不是基於嚴格模式。 alert(a);var
Time of Update: 2014-11-09
CSS+DIV+JQuery實戰視頻總結 在牛腩中學習過CSS和DIV,在JS中學習過CSS+JS 封裝,在這裡又回顧了一遍,也作為查漏補缺,也算比較系統的複習了一遍吧。 css核心內容主要包括四個方面:標準流,盒子模型,浮動和定位,而在B/S前台頁面的布局中,它們也起著決定性作用。盒子模型來確定每個元素的具體大小,邊框和間距等,浮動定位與標準流結合來確定頁面中元素之間的排列順序和位置布局等,再加上一些基礎的CSS樣式如背景圖片,顏色等就能形成
Time of Update: 2014-11-08
node.js開發中使用Node Supervisor實現監測檔案修改並自動重啟應用 在開發或調試Node.js應用程式的時候,當你修改js檔案後,總是要按下CTRL+C終止程式,然後再重新啟動,即使是修改一點小小的參數,也總是要不斷地重複這幾個很煩人的操作。有沒有辦法做到當檔案修改之後,Node.js自動重新啟動(或重新負載檔案)以節省時間呢?一開始我是想到用grunt的watch模組來監控檔案變化,但後來在網上一查,原來我們想到的,別人早已想到,並且已經做得很好。Node
Time of Update: 2014-11-07
濾鏡實現圖片大小[可以將大圖片壓縮成小圖片],圖片大小圖片壓縮<div style="width:設定寬px; height:設定高px; background-image: url('圖片路徑');filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='圖片路徑',sizingMethod='scale');float:left;background-size:設定寬px 設定高px;">怎壓縮圖片大小第一種
Time of Update: 2014-11-07
Css的display與JQuery的show()、hide(),displayjquery兩者可以配合使用,從而實現塊的隱藏與顯示show()方法對應display:block; 或 inlinehide()方法對應display:none;怎用jquery動態更改元素的display屬性<div id="div1">sdfsdfsdfsd</div>$("#div1").attr("display",
Time of Update: 2014-11-07
HTML文檔模式與盒模型, HTML文檔根據文檔頂部的doctype聲明來決定渲染模式,有標準模式(Standards Mode)與怪異模式(Quirks mode,或叫做混雜模式)兩種模式。 IE5及以前預設總是表現為怪異模式,IE6~IE8遇到非正常聲明或特定聲明時也會進入怪異模式。否則,如果有正確聲明doctype並在頂端,則預設進入標準模式,即包括HTML5聲明在IE6~IE8,也會進入標準模式,而非一定需要HTML4長長的聲明。而許多現代瀏覽器即使是怪異模式,表現也和標準模式是一致的。
Time of Update: 2014-11-06
html禁止清除input文本輸入緩衝,多數瀏覽器預設會緩衝input的值,只有使用ctl+F5強制重新整理的才可以清除緩衝記錄。如果不想讓瀏覽器緩衝input的值,有2種方法:方法一: 在不想使用緩衝的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name="test" />方法二: 在 input 所在的form標籤中添加
Time of Update: 2014-11-06
【讀書筆記】Head first HTML with CSS 第二版,headcss附錄: HTML Cheat Sheet 一下午讀了300頁,這本書真的是大白話,目標讀者應該是那些完全沒有編程經驗的人群入門。 Tips: IE無法正確顯示頁面主體周圍的邊框 body{border:} index.html#id 用id連結到頁面元素 像素:你的電腦顯示屏是由樹百萬個稱為像素的點組成的 <br>換行,void類型的元素