Time of Update: 2016-03-10
在AngularJS架構中處理資料建模的方式解析,angularjs架構我們知道,AngularJS並沒有內建立等可用的資料建模方案。而是以相當抽象的方式,讓我們在controller中使用JSON資料作為模型。但是隨著時間的推移和項目的成長,我意識到這種建模的方式不再能滿足我們項目的需求。在這篇文章中我會介紹在我的AngularJS應用中處理資料建模的方式。為Controller定義模型讓我們從一個簡單的例子開始。我想要顯示一個書本(book)的頁面。下面是控制器(Controller):Bo
Time of Update: 2016-03-10
JavaScript的React架構中的JSX文法學習入門教程,reactjsx什麼是JSX?在用React寫組件的時候,通常會用到JSX文法,粗看上去,像是在Javascript代碼裡直接寫起了XML標籤,實質上這隻是一個文法糖,每一個XML標籤都會被JSX轉換工具轉換成純Javascript代碼,當然你想直接使用純Javascript代碼寫也是可以的,只是利用JSX,組件的結構和組件之間的關係看上去更加清晰。var MyComponent = React.createClass({/*...
Time of Update: 2016-03-10
使用Jasmine和Karma對AngularJS頁面程式進行測試,jasmineangularjsAngularJS是繼jQuery之後發生在JavaScript上最好的東西。這也是JavaScript開發一直以來想要的方式。Angular主要的優點之一就是它的依賴注入(Dependency Injection),它非常利於代碼的單元測試。但有點小怪異的是,我在無論如何都沒能找到一個介紹如何做單元測試的教程。當然有很多不錯的推薦:使用Jasmine測試架構和Karma測試執行器(Test
Time of Update: 2016-03-10
AngularJS頁面訪問時出現頁面閃爍問題的解決,angularjs頁面我們知道在應用的頁面或者組件需要載入資料時,瀏覽器和angular渲染頁面都需要消耗一定的時間。這裡的間隔可能很小,甚至讓人感覺不到區別;但也可能很長,這樣會導致讓我們的使用者看到了沒有被渲染過的頁面。這種情況被叫做Flash Of Unrendered Content (FOUC)(K)?and is always
Time of Update: 2016-03-10
深入學習JavaScript的AngularJS架構中指令的使用方法,angularjs深入指令(Directives)是所有AngularJS應用最重要的部分。儘管AngularJS已經提供了非常豐富的指令,但還是經常需要建立應用特定的指令。這篇教程會為你講述如何自訂指令,以及介紹如何在實際項目中使用。在這篇文章的最後(第二部分),我會指導你如何使用Angular指令來建立一個簡單的記事本應用。概述一個指令用來引入新的HTML文法。指令是DOM元素上的標記,使元素擁有特定的行為。舉例來說,靜態
Time of Update: 2016-03-10
簡單講解AngularJS的Routing路由的定義與使用,angularjsrouting在單頁面應用中,視圖之間的跳轉就顯尤為重要的,隨著應用越來越複雜,我們需要用一種方法來精確控制什麼時候該呈現怎樣的頁面給使用者。咱們可以通過在首頁面中引入不同的模板來支援不同頁面的切換,但是這麼做的缺點就是,越來越多的內嵌代碼導致最後難以管理。通過ng-include指令我們可以把很多的模板整合在視圖中,但是我們有更好的方法來處理這種情況,我們可以把視圖打散成layout和模板視圖,然後根據使用者訪問的特
Time of Update: 2016-03-10
JavaScript類比push,javascriptpush任務:首先我定義了一個變數var arr =
Time of Update: 2016-03-10
使用jQuery或者原生js實現滑鼠滾動式載入頁面新資料,jqueryjs相信很多人都見過瀑布流圖片布局,那些圖片是動態載入出來的,效果很好,對伺服器的壓力相對來說也小了很多,用滑鼠操作的時候相信都見過這樣的效果:進入qq空間,向下拉動空間,到底部時,會動態載入剩餘的說說或者是日誌 ,今天我們就來看看他們的實現思路和js控制動態載入的代碼。下面的代碼主要是控制捲軸下拉時的載入事件的,無論是載入圖片還是載入記錄資料 都可以。載入jQuery庫後我們可以這樣使用:
Time of Update: 2016-03-10
javascript實現label標籤跳出迴圈操作,javascriptlabel出場:首先我們來說說為什麼需要label標籤,雖然我們已經知道有break,continue跳出迴圈,但如果是多重迴圈那麼它們就顯的無能為力了,所以就出現了label這個標籤來為我們服務。我們先來看看單獨使用break的情況for(var i=0;i<4;i++){ for(var j=0;j<4;j++){ if(i===1&&j===1){ break; }else{
Time of Update: 2016-03-10
JavaScript中擷取純正的undefined的方法,javascriptundefined1、為什麼要擷取undefined?因為undefined在javascript中不是保留字,可以被使用者當做變數來賦值,這樣如果我們後期需要用到undefined來檢測一個變數的話,那麼檢測的值就不準確了;舉個栗子:var undefined=10;function sum(a,b){ if(a===undefined||b===undefined){
Time of Update: 2016-03-10
論JavaScript模組化編程,論javascript模組化JavaScript模組化編程的重要性JavaScript的原型是java,它也是一種物件導向程式設計語言,屬於一種弱類型語言,它具有更大的靈活性。以往在編寫javascript代碼時,都是直接編寫一個個.js檔案,然後用script標籤在html頁面中引用,這樣就會帶來幾方面的問題:1、出現大量的全域變數
Time of Update: 2016-03-10
JavaScript類比數組合并concat,javascriptconcat定義和用法concat() 方法用於串連兩個或多個數組。該方法不會改變現有的數組,而僅僅會返回被串連數組的一個副本。文法arrayObject.concat(arrayX,arrayX,......,arrayX) 參數 描述 arrayX 必需。該參數可以是具體的值,也可以是數組對象。可以是任意多個。
Time of Update: 2016-03-10
利用JQuery寫一個簡單的非同步分頁外掛程式,jquery分頁寫了一個Jquery非同步分頁外掛程式,拿出來分享一下,有不完善之處請指教。以使用者分頁為例,先看一下效果,首先是第一頁:下一頁或者點擊第二頁後:點擊尾頁後:效果還可以吧?來看看具體怎麼用,首先後台要有一個Page模型:Page.java:public class Page { /** * 當前頁號 */ private int currPageNum = 1; /** * 總記錄數 */
Time of Update: 2016-03-10
javascript數組去重小結,javascript數組小結前言最近為了換工作,準備下面試,開始回顧複習JavaScript相關的知識,昨天下午想到了數組去重的相關方法,乾脆整理出幾篇JavaScript演算法文章,以備後用,此系列文章不定篇數,不定時間,想到哪寫到哪,不保證正確性,不保證高效率,只是談談個人理解,如有錯誤,請諸位斧正。關於去重數組去重是一個比較常見的演算法考察點,實現去重的方式無外乎通過唯一性和非唯一性。簡單來講就是挑出唯一的或者刪除不唯一的。以下所有演算法都是我自己瞎命名的
Time of Update: 2016-03-10
JavaScript實現字串與日期的互相轉換及日期的格式化,javascript字串字串轉日期、日期轉字串// 2014-02-25 /** * 字串轉時間(yyyy-MM-dd HH:mm:ss) * result (分鐘) */ stringToDate : function(fDate){ var fullDate = fDate.split("-"); return new Date(fullDate[0], fullDate[1]-
Time of Update: 2016-03-10
淺談javascript中的call、apply、bind,applybind在JavaScript中,call、apply和bind 是Function對象內建的三個方法,這三個方法的主要作用是改變函數中的this指向,從而可以達到`接花移木`的效果。本文將對這三個方法進行詳細的講解,並列出幾個經典應用情境。 call(thisArgs [,args...])該方法可以傳遞一個thisArgs參數和一個參數列表,thisArgs指定了函數在運行期的調用者,也就是函數中的this對象,
Time of Update: 2016-03-10
不定義JQuery外掛程式 不要說會JQuery,jquery不要說一、導言 有些WEB開發人員,會引用一個JQuery類庫,然後在網頁上寫一寫("#"),("#"),("."),寫了幾年就對別人說非常熟悉JQuery。我曾經也是這樣的人,直到有一次公司裡的技術交流,我才改變了自己對自己的看法。二、普及JQuery知識知識1:用JQuery寫外掛程式時,最核心的方法有如下兩個:$.extend(object) 可以理解為JQuery
Time of Update: 2016-03-10
JavaScript過濾字串中的中文與空格方法匯總,javascript字串js 如何過濾字串裡中文或空格呢?方法有很多種,我們可以使用替換與Regex來實現,本文向大家介紹兩個簡單的例子,感興趣的朋友可以參考一下。1.javascript過濾空格:function moveSpace() {var str = " abc defg";alert(str.replace(/[ ]/g, ""));}moveSpace(); 2.javascript過濾中文:var title
Time of Update: 2016-03-10
Bootstrap每天必學之日期控制,bootstrap日期一個成熟的架構,日期控制是少不了的,在網上也有很多日期控制可以選擇,而主架構用了bootstrap,日期控制也當前要用它自己的,控制項地址:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htmGitHub上開源地址:https://github.com/smalot/bootstrap-datetimepicker在使用datetimepicker之前,先要經過以下幾個步
Time of Update: 2016-03-10
JavaScript中將數組進行合并的基本方法講解,javascript數組這裡簡單地講兩種方法:第一種 var mergeTo = [4,5,6], mergeFrom = [7,8,9]; mergeTo = mergeTo.concat(mergeFrom); mergeTo; // is: [4, 5, 6, 7, 8, 9] or var a = [1,2], b = [3,4], c = a.concat(b); &