JavaScript

在AngularJS架構中處理資料建模的方式解析，angularjs架構我們知道，AngularJS並沒有內建立等可用的資料建模方案。而是以相當抽象的方式，讓我們在controller中使用JSON資料作為模型。但是隨著時間的推移和項目的成長，我意識到這種建模的方式不再能滿足我們項目的需求。在這篇文章中我會介紹在我的AngularJS應用中處理資料建模的方式。為Controller定義模型讓我們從一個簡單的例子開始。我想要顯示一個書本(book)的頁面。下面是控制器(Controller)：Bo

JavaScript的React架構中的JSX文法學習入門教程，reactjsx什麼是JSX？在用React寫組件的時候，通常會用到JSX文法，粗看上去，像是在Javascript代碼裡直接寫起了XML標籤，實質上這隻是一個文法糖，每一個XML標籤都會被JSX轉換工具轉換成純Javascript代碼，當然你想直接使用純Javascript代碼寫也是可以的，只是利用JSX，組件的結構和組件之間的關係看上去更加清晰。var MyComponent = React.createClass({/*...

整理AngularJS架構使用過程當中的一些效能最佳化要點，angularjs效能最佳化1. 簡介無論你正在編寫一箇舊的應用程式還是在一個大型應用中採用AngularJS，效能是一個重要的方面。瞭解是什麼原因導致AngularJS應用程式慢下來非常重要，要知道，在開發過程中做出權衡是很重要的。本文將介紹一些AngularJS比較常見的效能問題，以及最佳化的建議。2. 效能測試工具本文採用jsPerf http://jsperf.com/ 效能測試的基準。3.

Node.js模組封裝及使用方法，node.js模組封裝Node.js中也有一些功能的封裝，類似C#的類庫,封裝成模組這樣方便使用,安裝之後用require()就能引入調用.一、Node.js模組封裝 1.建立一個名為censorify的檔案夾 2.在censorify下建立3個檔案censortext.js、package.json、README.md檔案1)、在censortext.js下輸入一個過濾特定單詞並用星號代替的函數。var

JavaScript中利用jQuery綁定事件的幾種方式小結，javascriptjquery開發過程中經常要給DOM元素添加一些事件，下面介紹幾種方式：先寫幾個好看的button//引入JQuery<script type="text/javascript" src="jquery-1.8.3.min.js"></script><span id="tips"></span><input type="button" id="btn1"

使用Jasmine和Karma對AngularJS頁面程式進行測試，jasmineangularjsAngularJS是繼jQuery之後發生在JavaScript上最好的東西。這也是JavaScript開發一直以來想要的方式。Angular主要的優點之一就是它的依賴注入(Dependency Injection)，它非常利於代碼的單元測試。但有點小怪異的是，我在無論如何都沒能找到一個介紹如何做單元測試的教程。當然有很多不錯的推薦：使用Jasmine測試架構和Karma測試執行器（Test

AngularJS頁面訪問時出現頁面閃爍問題的解決，angularjs頁面我們知道在應用的頁面或者組件需要載入資料時，瀏覽器和angular渲染頁面都需要消耗一定的時間。這裡的間隔可能很小，甚至讓人感覺不到區別；但也可能很長，這樣會導致讓我們的使用者看到了沒有被渲染過的頁面。這種情況被叫做Flash Of Unrendered Content (FOUC)（K）？and is always

簡單講解AngularJS的Routing路由的定義與使用，angularjsrouting在單頁面應用中，視圖之間的跳轉就顯尤為重要的，隨著應用越來越複雜，我們需要用一種方法來精確控制什麼時候該呈現怎樣的頁面給使用者。咱們可以通過在首頁面中引入不同的模板來支援不同頁面的切換，但是這麼做的缺點就是，越來越多的內嵌代碼導致最後難以管理。通過ng-include指令我們可以把很多的模板整合在視圖中，但是我們有更好的方法來處理這種情況，我們可以把視圖打散成layout和模板視圖，然後根據使用者訪問的特

JavaScript類比push，javascriptpush任務：首先我定義了一個變數var arr =

使用jQuery或者原生js實現滑鼠滾動式載入頁面新資料，jqueryjs相信很多人都見過瀑布流圖片布局，那些圖片是動態載入出來的，效果很好，對伺服器的壓力相對來說也小了很多，用滑鼠操作的時候相信都見過這樣的效果：進入qq空間，向下拉動空間，到底部時，會動態載入剩餘的說說或者是日誌 ，今天我們就來看看他們的實現思路和js控制動態載入的代碼。下面的代碼主要是控制捲軸下拉時的載入事件的，無論是載入圖片還是載入記錄資料  都可以。載入jQuery庫後我們可以這樣使用：  

JavaScript類比數組合并concat，javascriptconcat定義和用法concat() 方法用於串連兩個或多個數組。該方法不會改變現有的數組，而僅僅會返回被串連數組的一個副本。文法arrayObject.concat(arrayX,arrayX,......,arrayX) 參數 描述 arrayX 必需。該參數可以是具體的值，也可以是數組對象。可以是任意多個。

利用JQuery寫一個簡單的非同步分頁外掛程式，jquery分頁寫了一個Jquery非同步分頁外掛程式，拿出來分享一下，有不完善之處請指教。以使用者分頁為例，先看一下效果，首先是第一頁：下一頁或者點擊第二頁後：點擊尾頁後：效果還可以吧？來看看具體怎麼用，首先後台要有一個Page模型：Page.java：public class Page { /** * 當前頁號 */ private int currPageNum = 1; /** * 總記錄數 */

javascript數組去重小結，javascript數組小結前言最近為了換工作，準備下面試，開始回顧複習JavaScript相關的知識，昨天下午想到了數組去重的相關方法，乾脆整理出幾篇JavaScript演算法文章，以備後用，此系列文章不定篇數，不定時間，想到哪寫到哪，不保證正確性，不保證高效率，只是談談個人理解，如有錯誤，請諸位斧正。關於去重數組去重是一個比較常見的演算法考察點，實現去重的方式無外乎通過唯一性和非唯一性。簡單來講就是挑出唯一的或者刪除不唯一的。以下所有演算法都是我自己瞎命名的

Node.js程式中的本地檔案操作用法小結，node.js小結Node最引以為傲的就是它有一個非常小的核心。有一些語言綁定了完整的POSIX API，而

一波JavaScript日期判斷指令碼分享，一波javascript1、比較兩個日期先後 var x = new Date('2015-05-25'); var y = new Date('2015-05-25'); if (x.getTime() == y.getTime()) { It'll be true; } 2、是否在兩個日期之間  var beforeSpringDate, afterSpringDate; for (var i = 0; i <

淺談javascript中的call、apply、bind，applybind在JavaScript中，call、apply和bind 是Function對象內建的三個方法，這三個方法的主要作用是改變函數中的this指向，從而可以達到`接花移木`的效果。本文將對這三個方法進行詳細的講解，並列出幾個經典應用情境。 call(thisArgs [,args...])該方法可以傳遞一個thisArgs參數和一個參數列表，thisArgs指定了函數在運行期的調用者，也就是函數中的this對象，

不定義JQuery外掛程式 不要說會JQuery，jquery不要說一、導言 　　有些WEB開發人員，會引用一個JQuery類庫，然後在網頁上寫一寫("#")，("#")，(".")，寫了幾年就對別人說非常熟悉JQuery。我曾經也是這樣的人，直到有一次公司裡的技術交流，我才改變了自己對自己的看法。二、普及JQuery知識知識1：用JQuery寫外掛程式時，最核心的方法有如下兩個：$.extend(object) 可以理解為JQuery

JavaScript過濾字串中的中文與空格方法匯總，javascript字串js 如何過濾字串裡中文或空格呢？方法有很多種，我們可以使用替換與Regex來實現，本文向大家介紹兩個簡單的例子，感興趣的朋友可以參考一下。1.javascript過濾空格：function moveSpace() {var str = " abc defg";alert(str.replace(/[ ]/g, ""));}moveSpace(); 2.javascript過濾中文：var title

基於jquery編寫分頁外掛程式，jquery編寫分頁外掛程式擴充JQuery很容易，作為一個練習，編寫一個簡單的分頁外掛程式，代碼量不大，直接看代碼好了：$.fn.mypagination = function(totalProperty,opts){ opts = $.extend({ perPage:10, callback:function(){ } },opts||{}); return this.each(function(){

詳解JS正則replace的使用方法，詳解jsreplace在講replace的進階應用程式之前，我們先簡單梳理一下JS正則中的幾個重要的知識點，以協助你對基礎知識的回顧，然後再講解JSRegex在replace中的使用，以及常見的幾個經典案例。 一、Regex的建立JS正則的建立有兩種方式： new RegExp() 和 直接字面量。//使用RegExp對象建立var regObj = new RegExp("(^\s+)|(\s+$)","g");//使用直接字面量建立var