用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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...