A. 怎麼看前端是不是angular寫的
很簡單就看它的標簽和引入的js文件 angular使用必須使用ng-app這個綁定應用
B. 前端開發框架有哪些
前端框架好不好用還是要看具體情況分析,我這里給你推薦幾個常用的框架,可以按需使用。
1、vue-element-admin
一個基於vue2.0和Element的控制面板UI框架,這是使用vue技術棧開發的前端程序員的首選管理系統模板,模板已經非常成熟了,並且有相關的社區和維護人員,開發時候遇到問題也不要慌。
2、AdminLTE
非常流行的基於Bootstrap 3.x的免費的後台UI框架,這是一個非常老牌的後台管理系統模板,每個頁面都是單獨的html網頁,適合前端入門新手用來做項目。
3、ant-design-pro
這個就不多說了,選擇react技術棧的童鞋們必然離不開這個優秀開箱即用的中台前端/設計解決方案,文檔齊全,組件豐富,一鍵生成模板,更支持開啟復制粘貼模式哦。
4、ng2-admin
這是基於Angular 2、Bootstrap 4和webpack的後台管理面板框架,要收前面已經有了React和vue技術棧的模板,那怎麼能少了ng的?雖然在國外用的比較多,國內較少使用,但絲毫不影響ng作為前端框架三巨頭之一的地位。
9:material-dashboard
基於 Bootstrap 4 和 Material 風格的控制面板。Material Dashboard 是一個開源的 Material
Bootstrap Admin,其設計靈感來自谷歌的 Material Design 。
10:d2-admin
D2Admin 是一個完全 開源免費 的企業中後台產品前端集成方案,基於 vue.js 和 ElementUI 的管理系統前端解決方案 ,小於 60kb的本地首屏 js 載入,已經做好大部分項目前期准備工作
11:vuestic-admin
vuestic-admin管理台儀表盤是一個響應式的儀表盤模板,採用Bootstrap4和Vue.js構建。這個精美的管理台模板提供了自定義元素組件,如地圖,聊天,個人資料卡,圖標,進度條等,以及用於登錄和注冊的預建頁面。
C. 前端頁面用ng-repeat循環出的$scope.data中數據,當$scope.data發生變化後,怎麼能讓表格數據重新載入呢
當你的data發生改變後,執行這段語句就行了「$scope.$apply();」,請採納哦!
D. angular適合開發webapp嗎
如果只是回答題主的問題,答案應該是:不知道。ng同其他前端框架一樣,都要根據具體的問題或者說是具體的項目來選擇,自然也就不能籠統的回答是否合適。
例如:
一個內部的管理(考勤)系統。
使用者基本使用browser進行登陸,功能是記錄員工考勤信息,不考慮SEO,不考慮訪問平台兼容性(電腦瀏覽器),系統包含基礎認證模塊、信息查詢、信息錄入、信息統計,用ng來做,實際上包含大概三到四個頁面,內網穩定,用ng來做webapp是很容易實現並使用的。
一個外部的內容管理系統。
通常這里比較直觀的例子就是博客,博客要做SEO,要適應移動和桌面端,內容多為靜態,那麼直接使用簡單的html來呈現內容是再好不過的。
也許我的理解有問題,沒有正確回答題主的問題,換個角度來說,只是回答是否適合,我想可能會回答:適合。
前後端的分離便於開發和維護,前端不再需要去考慮後端的設計,只要直接介面即可輕松獲得數據,開發過程只需要預留一些方法,模擬數據實現即可獨立開發,測試,這樣來說,我認為是合適的,SEO的部分,可以參考一些方法,對爬蟲訪問做出處理,問題也不是很大,優點大概有那麼幾點吧:
1.前後分離
2.前端路由
3.程序模塊化
4.可擴展指令
5.視圖數據雙向綁定
6.數據過濾
7.無刷新頁面更新什麼的……
E. 求助帖 angularJS 的ng-class
在用angular作為前端搭建個人博客的時候,發現用AngularJS輸出html的時候,瀏覽器並不解析這些html標簽,不知道angularjs如何實現這種功能的。但是這里我們需要其顯示angular輸出的html能被瀏覽器解析怎麼呢?通過api,發現通過指令ng-bind-html來實現html的輸出。[html]viewplain在CODE上查看代碼片派生到我的代碼片但是並不起作用,瀏覽器中顯示的還是html代碼。『後來發現還需要通過通過$sce服務來實現html的展示。[html]viewplain在CODE上查看代碼片派生到我的代碼片angular.mole("list",[]).controller("BlogListCtrl",BlogListCtrl).filter('to_trusted',['$sce',function($sce){returnfunction(text){return$sce.trustAsHtml(text);}}])這里通過$sce構建一個過濾器來對輸出的html進行過濾[html]viewplain在CODE上查看代碼片派生到我的代碼片這樣就可以通過angularjs正常的輸出html標簽,並且被瀏覽器解析了
F. angularjs是一個前端框架,為什麼要有sql語句操作資料庫那
一、angularjs是一個javascript框架。通過script腳本引入,他是一個用Javascript編寫的庫。angularjs通過指令擴展了HTML,通過表達式綁定數據到HTML中。AngularJS主要考慮的是構建CRUD(增刪改查)應用。
優點:
1. 模板功能強大豐富,並且是聲明式的,自帶了豐富的Angular指令;
2. 是一個比較完善的前端MVC框架,包含模板,數據雙向綁定,路由,模塊化,服務,過濾器,依賴注入等所有功能;
3. 自定義Directive(指令),比jQuery插件還靈活,但是需要深入了解Directive的一些特性,簡單的封裝容易,復雜一點官方沒有提供詳細的介紹文檔,可以通過閱讀源代碼來找到某些我們需要的東西,如:在directive使用 $parse;
4. ng模塊化比較大膽的引入了Java的一些東西(依賴注入),能夠很容易的寫出可復用的代碼,對於敏捷開發的團隊來說非常有幫助。
缺點:
1. 驗證功能錯誤信息顯示比較薄弱,需要寫很多模板標簽,沒有jQuery Validate方便,所以可以自己封裝了驗證的錯誤信息提示;
2. ngView只能有一個,不能嵌套多個視圖,雖然有angular-ui/ui-router · GitHub 解決,但是貌似ui-router 對於URL的控制不是很靈活,必須是嵌套式的;
3. 對於特別復雜的應用場景,貌似性能有點問題,特別是在Windows下使用chrome瀏覽器,不知道是內存泄漏了還是什麼其他問題,沒有找到好的解決方案,奇怪的是在IE10下反而很快;
4. 這次從1.0.X升級到1.2.X,貌似有比較大的調整,沒有完美兼容低版本,升級之後可能會導致一個兼容性的BUG,具體詳細信息參考官方文檔AngularJS ,對應的中文版本:Angular 1.0到1.2 遷移指南
5. ng提倡在控制器裡面不要有操作DOM的代碼,對於一些jQuery 插件的使用,如果想不破壞代碼的整潔性,需要寫一些directive去封裝插件,但是現在有很多插件的版本已經支持Angular了,如:jQuery File Upload Demo
6. Angular 太笨重了,沒有讓用戶選擇一個輕量級的版本,當然1.2.X後,Angular也在做一些更改,比如把route,animate等模塊獨立出去,讓用戶自己去選擇。
G. 如何利用AngularJs快速搭建前端基本框架
先進入官網。官網首頁就能夠下載,點擊箭頭所示圖標,下載所需文件。
點擊以後彈出選擇對話框,如圖所示,我們可以直接點擊download圖標,這時下載的就只是基本文件,選擇zip後我們能夠將整個文件夾下載下來,這里隨便自己喜歡。
下載完成以後,解壓文件,開始准備寫項目。如果下載的是單個文件,就不需要解壓,下載的就只是angular.js文件,只需要直接飲用就可以了。
打開編輯器,創建一個新的項目,在項目中導入我們下載的文件,再創建一個新的文檔:index.html。在文檔中我們需要導入Angularjs庫,這里我們可以看到出現了很多其他的文件,這些文件有各自的意義,以後再說明。
先導入如圖所示的這行代碼,Angularjs基本庫已經導入了,說明我們可以開始使用它們。
開始測試是否成功。HTML樣式在紅色框中,事件直接寫在該頁面上如藍色框中所示。
Angularjs框架的最大不同就是每個web都有獨立控制器,即controller,我們用它來控制整個頁面框架的邏輯。用ng-app劃定區域。這里體現了它的數據綁定的功能,{{message}},在控制器中獲得賦值就立刻返回給頁面顯示出來。
H. ng-bootstrap,ng-zorro等ui組件庫有封裝現成的css類嗎
bootstrap 是 css 框架,當然也提供了不少 js 插件。而 ng-bootstrap 和 ng-zorro 是基於 angular 的組件庫,與 bootstrap 不是一類東西。
現代的前端開發很多都是基於組件化的開發,每個組件提供模板、樣式和交互,只需要用組件定義的標簽然後聲明式傳入屬性即可渲染,無需關注模板細節,可以達到快速開發的目的。
bootstrap 是屬於傳統形式的開發,通過約定好的模板形式和類名可以達到想要的效果,但帶來的問題是每次都要復制 html,而且類名因為全在全局中,可能造成樣式沖突。
如果是組件庫開發網站,可以自己寫一個公共樣式文件,寫入 需要重置的樣式以及常用的工具類像 float-left,float-right,clearfix 等,或者直接復制 bootstrap 相關的代碼也可以。
I. angularjs ng代表什麼意思
ng 就代表angular
J. angular前端如何讓ng-repeat的內容並排一行,跑起來呢
ng-repeat僅復制當前標簽,包括它的樣式,也就是說如果當前標簽不屬於行級標簽就可以並排一行