Time of Update: 2014-11-18
node.js中watch機制詳解,node.jswatch詳解幾乎所有構建系統都選擇使用watch機制來解決開發過程中需要反覆產生構建後檔案的問題,但在watch機制下,長期以來我們必須忍受修改完代碼,儲存完代碼必須喝口茶才能重新整理看看效果的問題。在這裡我們嘗試探討為什麼watch不是銀彈,並嘗試尋找一種更好的方案來解決這個問題。watch基於的事實當一個檔案修改,我們能知道其修改可能導致的檔案修改,那麼重新構建這些檔案即可。通常對於檔案A,構建成檔案B這種情境,這種對應關係是極好確定的。但
Time of Update: 2014-11-16
HTML5+Canvas+jQuery調用手機拍照功能實現圖片上傳(二)上一篇只講到前台操作,這篇專門涉及到Java幕後處理,前台通過Ajax提交將Base64編碼過的圖片資料資訊傳到Java後台,然後Java這邊進行接收處理,通過對圖片資料資訊進行Base64解碼,之後使用流將圖片資料資訊上傳至伺服器進行儲存,並且將圖片的路徑地址存進資料庫。 大家可以點此連結查看前台本地壓縮上傳的處理:HTML5+Canvas+jQuery調用手機拍照功能實現圖片上傳(一)ok,廢話不多說了,
Time of Update: 2014-11-16
讓你的javascript函數擁有記憶功能,減少全域變數的使用考慮如下情境:假如我們需要在介面上畫一個圓,初始的時候介面是空白的;當滑鼠移動的時候,圓需要跟隨滑鼠移動,滑鼠的當前位置就是圓心。我們的實現方案是:如果介面上還沒有畫圓,那麼就新建立一個;如果已經存在,就直接更新其位置。這樣能夠避免先銷毀,後建立的開銷。var circle = null;function drawCircle(position){if(circle == null){circle =
Time of Update: 2014-11-18
jQuery Masonry瀑布流外掛程式使用詳解,jquerymasonryMasonry是 一款非常強大的jQuery動態格線布局外掛程式,可以協助開發人員快速開發類似剪貼畫的介面效果。和CSS中float的效果不太一樣的地方在 於,float先水平排列,然後再垂直排列,使用Masonry則垂直排列元素,然後將下一個元素放置到網格中的下一個開發地區。這種效果可以最小化處理
Time of Update: 2014-11-16
Js Date泣血整理JS Date 對象用於處理日期和時間。建立 Date 對象的文法:var myDate=new Date()Date 對象會自動把當前日期和時間儲存為其初始值。參數形式有以下5種: new Date("month dd,yyyy hh:mm:ss");new Date("month dd,yyyy");new Date(yyyy,mth,dd,hh,mm,ss);new Date(yyyy,mth,dd);new
Time of Update: 2014-11-16
jquery 元素控制(追加元素/追加內容)介紹及應用一、在元素內部/外部追加元素 append,prepend:添加到子項目 before,after:作為兄弟元素添加 html: 在我的後面追加一條新聞 js:<script type="text/javascript"> jQuery(function(){ //在元素內部追加內容 $("#content").append(" 姚明退役了... "); }) </script>
Time of Update: 2014-11-15
js擷取字串最後一位方法匯總,js擷取字串匯總方法一:運用String對象下的charAt方法charAt() 方法可返回指定位置的字元。複製代碼 代碼如下:str.charAt(str.length – 1)請注意,JavaScript 並沒有一種有別於字串類型的字元資料類型,所以返回的字元是長度為 1 的字串方法二:運用String對象下的substr方法substr() 方法可在字串中抽取從 start 下標開始的指定數目的字元。複製代碼
Time of Update: 2014-11-15
ExtJs--10--Ext定義類時,別名 備用名 和 靜態屬性 可繼承靜態屬性的學習Ext.onReady(function(){/* * Ext定義類時,別名和備用的配置項 *///Ext.define("A",{//alias:"a",//我是當前類的別名//alternateClassName:"aa",//我是當前類的備用名稱//config:{//name:"aname"//},//constructor:function(config){//var me = this ;
Time of Update: 2014-11-14
jquery checkbox 勾選的bug問題解決方案與分析 在做項目的時候遇到個jQuery checkbok複選框的選中取消的BUG,諮詢了大神,才鬧明白怎麼回事,這裡記錄下來,分析給大家。先上代碼: 代碼如下:<form> 你愛好的運動是?<input type="checkbox" id="CheckedAll" />
Time of Update: 2014-11-14
《寫給大家看的CSS書》第三章:字型與文本,一、字型與文本字型與文本的區別:字型主要涉及文字的大小和外觀(可應用於單個字元)。文本主要涉及對字型的處理(只能應用於文字區塊) 二、指定字型CSS中指定字型的最簡單方式,就是使用五種通用的字型集合serif :該字型在字元筆畫末端有叫做襯線的小細節(Time New Roman、Georgia、Palatino)sans-serif:末端無任何細節(Trebuchet MS、Arial、Verdana)monospace:每個字母寬度相等(
Time of Update: 2014-11-14
完美相容各大瀏覽器的jQuery仿新浪圖文淡入淡出間歇滾動特效,jquery淡入淡出1、效果及功能說明 仿新浪微博圖片文字列表上下淡進淡出間歇上下滾動2、實現原理 首先要設定div內只能顯示4個圖片那麼多出來的圖片會自動隱藏然後在給圖片添加一個動畫的事件讓他們可以滾動的播放出來上下滾動效果播放就是li標籤裡面的內容圖片和文字把每一個li看成一個整體在滾動播放的時候進入div內的顯示出來在最後離開div的時候隱藏在給整個動畫效果設定一個時間就可以完整的運行。3、運行環境IE6 IE7
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-13
python json 序列化還原序列化 和 中文編碼問題在一個項目中,需要從雲端擷取一個json格式的資料,並儲存到本地檔案中,然後再讀取出來,這中間要用到json的dumps方法和loads方法,以實現資料的序列化和還原序列化。具體來說,dumps方法,可將json格式資料序列為python的相關的資料類型,通常用於列印等;loads方法則是相反,把python資料類型轉換為json相應的資料類型格式要求,還原序列化後可以對json資料進行各種操作。
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
對於一些css樣式的巧妙方法進行總結。,css樣式總結 針對之前遇到過的一些特殊樣式的實現,我今天做個總結,目的有二:一是將這些方法記錄下來,以便將來需要用到時尋找使用。二為將這些大神們智慧的結晶發揚光大,讓廣大前端程式猿們能夠少走彎路。此貼為更新帖,以後若有好的css樣式技巧,小菜我會不定期更新。 一、塊元素水平垂直置中(特別鳴謝:鑫生活。鑫哥出品必屬精品!小弟膜拜) 對於一個塊元素的水平垂直置中,水平置中的方式不必多說,一般用margin:auto;等方法即可實現。而對於垂直置中,儘管
Time of Update: 2014-11-10
js跨域問題淺析及解決方案優缺點對比,js什麼是跨域?概念:只要協議、網域名稱、連接埠有任何一個不同,都被當作是不同的域。複製代碼 代碼如下:URL 說明