原创 理解Angular中的$apply()以及$digest()

$apply()和$digest()在AngularJS中是兩個核心概念,但是有時候它們又讓人困惑。而爲了瞭解AngularJS的工作方式,首先需要了解$apply()和$digest()是如何工作的。這篇文章旨在解釋$apply()和

原创 翻譯:谷歌HTML、CSS和JavaScript風格規範

原文地址:http://…style-guides/ 原文作者:Craig Buckler 注:本文翻譯的內容並不是谷歌官方提供的完整HTML/CSS風格規範,而是一種帶有總結性質的簡單稱述。完整的中文翻譯,國內已經有(只有HTML/

原创 表單驗證

常用的表單驗證指令  1. 必填項驗證 某個表單輸入是否已填寫,只要在輸入字段元素上添加HTML5標記required即可: <input type="text" required />   2. 最小長度 驗證表單輸入的文

原创 angular modalInstance模態框

在實際開發的過程中點擊一個按鈕或者文字彈出一個modal是很常見的問題,爲了方便初學者更好的使用modal我做了一下總結: 直接上代碼: head部分:   1 2 3 <link rel="styl

原创 ng1.3+表單驗證

前一篇文章說過,ng1.3+以後對於表單驗證有了優化,它不再需要一個詳細的表達式狀態創建元素顯示或隱藏。 例如:我們在ng1.3之前的版本都需要如下寫法: <div class="error" ng-show="signup_fo

原创 指令

指令<AngularJs> 對於指令,可以把它簡單的理解成在特定DOM元素上運行的函數,指令可以擴展這個元素的功能。 首先來看個完整的參數示例再來詳細的介紹各個參數的作用及用法: angular.module(

原创 jquery. inArray()函數詳解

[導讀] jquery inarray()函數詳解jquery inarray(value,array)確定第一個參數在數組中的位置(如果沒有找到則返回 -1 )。determine the index of the first par

原创 [AngularJS] 1. Angular JS的五大特性

由於公司一開始就使用的angularjs框架,因此沒有深入考慮過爲什麼使用這個框架,由於一次偶然被問到引起了我的好奇,故此做如下總結 AngularJs概述: AngularJs所有的操作思路都以“業務數據”爲關注點,徹底顛覆了傳統的DO

原创 基於Angularjs實現分頁

前言        學習任何一門語言前肯定是有業務需求來驅動你去學習它,當然ng也不例外,在學習ng前我第一個想做的demo就是基於ng實現分頁,除去基本的計算思路外就是使用指令封裝成一個插件,在需要分頁的列表頁面內直接引用。

原创 java註解的幾大作用及使用方法

我本是做前端的 ,但是由於和後端經常接觸就開始學習後端,對註解做如下整理。 註解的作用:              1、生成文檔。這是最常見的,也是java 最早提供的註解。常用的有@see @param @return 等  

原创 Angularjs promise對象解析

1、先來看一段Demo,看完這個demo你可以思考下如果使用$.ajax如何處理同樣的邏輯,使用ng的promise有何優勢? 1 2 3 4 5 6 7 8 9 10 11

原创 調試angularjs chrome 插件 Batarang安裝和使用

Angular chrome 插件 Batarang ,它對於調試和找到性能瓶頸會很有效。安裝後在開發者工具上會多出一個AngularJs選項。通過Enable複選框決定是否啓用。 Angular chrome 插件 Batarang

原创 常用資源分享

1、Chart.js是一個簡單、面向對象、爲設計者和開發者準備的圖標繪製工具庫。學習地址:           http://www.bootcss.com/p/chart.js/ 2、bsie彌補了Bootstrap對IE6的不兼容。目

原创 深入瞭解AngularJs-Ui-router(2)

Angularjs ui-router - 組件: ui-router是一個可以用來替換AngularJS原生路由的插件,它最大的特點就是支持嵌套路由。 $state / $stateProvider:管理狀態定義、當前狀態和狀態轉換

原创 CSS3陰影 box-shadow的使用和技巧總結

text-shadow是給文本添加陰影效果,box-shadow是給元素塊添加周邊陰影效果。隨着html5和CSS3的普及,這一特殊效果使用越來越普遍。 基本語法是{box-shadow:[inset] x-offset y-offs