用AngularJS開發下一代Web應用

来源:https://www.cnblogs.com/liulangdemao/archive/2018/11/04/9903736.html
-Advertisement-
Play Games

AngularJS是一款來自Google的前端JS框架,它的核心特性有:MVC、雙向數據綁定、指令和語義化標簽、模塊化工具、依賴註入、HTML模板,以及對常用工具的封裝,例如$http、$cookies、$location等。AngularJS框架的體積非常小,但是設計理念和功能卻非常強大,值得前端 ...


AngularJS是一款來自Google的前端JS框架,它的核心特性有:MVC、雙向數據綁定、指令和語義化標簽、模塊化工具、依賴註入、HTML模板,以及對常用工具的封裝,例如$http、$cookies、$location等。AngularJS框架的體積非常小,但是設計理念和功能卻非常強大,值得前端開發者深入學習。

本書對AngularJS框架的核心特性做了全面的介紹,包括常用的開發工具和開發環境。作為國內第一本關於AngularJS的書籍,本書是學習AngularJS的必備入門工具。

需要學習的朋友可以通過網盤免費下載pdf版 (先點擊普通下載-----再選擇普通用戶就能免費下載了)http://putpan.com/fs/7yci9b5ecn4s7hbu0/

作者簡介  · · · · · ·

Brad Green是Google公司AngularJS項目的技術經理。他同時還直接負責可訪問性和技術支持方面的工作。

Shyam Seshadri是Fundoo Solutions公司的老闆兼CEO,同時經營AngularJS商店,並且致力於為印度市場提供創造性和有趣的產品。

目錄  · · · · · ·

前言 vii
第1章 AngularJS 簡介 1
一些概念 2
客戶端模板 2
Model View Controller(MVC) 3
數據綁定 4
依賴註入 5
指令 6
實例:購物車 6
接下來 9
第2章 AngularJS 應用骨架 11
調用Angular 11
載入腳本 11
使用ng-app 聲明Angular 的邊界 12
Model View Controller 12
模板和數據綁定 15
顯示文本 16
表單輸入 16
淺談非入侵式JavaScript 19
列表、表格以及其他迭代型元素 22
隱藏和顯示 24
CSS 類和樣式 25
反思src 和href 屬性 27
表達式 28
區分UI 和控制器的職責 28
利用$scope 暴露模型數據 29
使用$watch 監控數據模型的變化 30
watch() 中的性能註意事項 33
使用Module(模塊)組織依賴關係 35
我需要多少個模塊呢 38
使用過濾器格式化數據 39
使用路由和$location 切換視圖 40
index.html 41
list.html 42
detail.html 42
controllers.js 42
與伺服器交互 43
使用指令修改DOM 45
index.html 46
controllers.js 46
校驗用戶輸入 47
繼續前進 48
第3章 使用AngularJS 進行開發 49
項目結構 49
工具 52
各種IDE 52
運行你的應用 53
使用Yeoman 53
不使用Yeoman 54
AngularJS 下的測試 54
Karma 55
單元測試 57
端到端/ 集成測試 58
編譯 60
其他好用的工具 62
調試 62
Batarang 62
Yeoman :優化你的工作流程 65
安裝Yeoman 66
運行伺服器 66
添加新的路由、視圖和控制器 66
關於測試 67
構建項目 67
與RequireJS 集成 68
第4章 一款AngularJS 應用剖析 77
應用 77
模型、控制器和模板之間的關係 78
模型 79
控制器、指令及服務 80
服務 80
指令 84
控制器 86
模板 90
測試 96
單元測試 96
場景測試 100
第5章 與伺服器交互 101
利用$http 進行通信 101
進一步配置請求 103
設置HTTP 頭 104
緩存響應 105
轉換請求和響應 106
單元測試 107
使用RESTful 資源 108
聲明 111
自定義方法 111
別用回調!(除非你真的需要它們) 112
簡化服務端操作 112
ngResource 單元測試 113
$q 和Promise 114
攔截響應 115
安全性措施 116
JSON 漏洞 116
XSRF 117
第6章 指令 119
指令和HTML 校驗 119
API 概覽 120
為你的指令命名 121
用來定義指令的對象 122
內嵌 126
compile 和link 函數 126
作用域 128
操作DOM 元素 132
控制器 134
繼續前進 137
第7章 其他註意點 139
$location 139
HTML5 模式和Hashbang 模式 142
AngularJS Module 類的方法 145
Main 方法在哪裡 145
載入和依賴 146
快捷方法 146
使用$on、$emit 和$broadcast 在作用域之間進行交互 149
Cookies 150
國際化和本地化 151
在AngularJS 裡面應該怎麼做 152
怎樣才能讓一切運行起來呢 152
常見問題 153
HTML 無害化和Sanitize 模塊 153
Linky 155
第8章 速查和技巧 157
封裝jQuery Datepicker 157
ng-model 159
綁定select 159
調用select 159
例子中的其他內容 160
Teams List 應用:過濾器和控制器的交互 161
搜索框 165
下拉框 165
覆選框 165
迭代器 165
AngularJS 中的文件上傳 166
使用Socket.IO 169
簡單的分頁服務 172
與服務端協作及登錄 175
結論 179
索引 181

需要IT編程經典書籍資源大合集百度網盤鏈接的加qq 2057904338,另本人願意有償帶小白學python,幫助你答疑解惑,幫助你解決問題,指導你找工作,帶你入行。相信我有人帶著你的話可以少走彎路,成功入行拿高薪。北京地區周六日可上門指導,非北京線上指導。本人前每日優鮮後端工程師,土木專業自學python成功轉行,月薪5位數,性格安靜,誠信正直,想學的加qq。

另閑聊的也可加,就當交個朋友吧!


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在學習ant-desin過程中,發現很多知識都不清楚,從現在開始,每天將自己學習到的知識進行一個總結記錄,前端大佬勿擾勿噴。先介紹幾個基礎概念和一些常用命令: 1、什麼是腳手架 我們經常在各個博客論壇下看到腳手架這個名詞,那什麼是腳手架呢。看到很多前輩們的說法之後,腳手架就相當於預定義的一套模板環境 ...
  • 在Redux中常要管理非同步操作,目前社區流行的有Redux Saga、Redux thunk等。在管理複雜應用時,推薦使用Redux Saga,它提供了用 generator 書寫類同步代碼的能力。 在講解 ReduxSaga 前,先要說明一下 Redux Middleware 的概念。 Middl ...
  • 時間對象方法 獲取當前時間的毫秒數 1.var timestamp = Date.parse(new Date()); 2.var timestamp = (new Date()).valueOf(); 3.var timestamp=new Date().getTime(); 4.Date.now ...
  • 本篇文章主要介紹了Vue學習筆記之vue-router的基本使用和配置,具有一定的參考價值,有興趣的可以瞭解一下。 ...
  • 在為項目選擇配色方案時,有什麼提供靈感?我打賭你有一些論點和原則。例如,我們都意識到每種顏色都有其個性和心理底蘊,使其有助於喚起特定的情感。例如,藍色激發了信任,被企業廣應用。這就是眾多公司和機構選擇它作為主要原因的原因。紅色點燃了食欲 - 這就是為什麼大多數食品和飲料行業巨頭都會在其標識中使用它。... ...
  • 學習筆記, 來源:http://www.cnblogs.com/zuiyirenjian/p/3535126.html 作者:醉意人間 此外,關於自運行函數可參考 http://benalman.com/news/2010/11/immediately-invoked-function-expres ...
  • 今天有朋友問我關於微信小程式中如何在不占用大量網路帶寬的情況下快速載入圖片,我給他推薦了兩種方式 1.雪碧圖(css script),有過前端經驗的朋友應該都有接觸過。 2.懶載入。 由於時間關係我就先為大家介紹第一種雪碧圖載入,其實雪碧圖載入就是將多張大小尺寸基本相同類型的圖片 拼湊在一起形成一張 ...
  • 最近一些直播、小視頻什麼的都比較火,像陌陌、抖音、火山短視頻… 於是空閑時間自己也利用html5技術也試著倒騰了下直播項目,使用到了h5+css3+iscroll+zepot+swiper+wlsPop架構開發了一個仿陌陌、火山小視頻,項目效果挺不錯噠!同時解決了在直播頁面聊天時候頁面撐起的問題。 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...