1、如何拔取angular網站
(1)AngularJS是一個功能強大的基於JavaScript開發框架用於創建富互聯網應用
(2)AngulajJS為開發者提供的內選項(使用JavaScript)在一個容干凈的MVC(模型 - 視圖 - 控制器)的方式來編寫客戶端應用程序。
(3)AngularJS寫的應用都是跨瀏覽器兼容。AngularJS使用JavaScript代碼自動處理適應每種瀏覽器。
(4)AngularJS是開源的,完全免費的,並且由數千名世界各地的開發者開發維護。它是根據Apache許可證2.0版許可發布。總體來說,AngularJS是一個用來構建大型應用,高性能的Web應用程序的框架,同時使它們易於維護.
2、移動網站有沒有人用angularjs,會不會在性能上有問題
angularjs庫比較臃腫,體積很大,載入起來很慢,不建議使用
3、有哪些網站是用angularjs開發的
普通網站、文藝網站和xx網站? 事實上各種類型的網站Angularjs都可以很好支撐,尤其擅長單頁應用。
4、有哪些網站是用angularjs開發的
切第三個問這個的了
我回答了你會有後續操作嗎←_←
知乎和錘子的官網就是基於angularjs開發的
5、移動網站有沒有人用angularjs,會不會在性能上有問題
性能?
觸摸事件支持?
移動UI組件支持?
angular 1.3 版本已經全面轉向移動優先, 而且angular本身只是一個基礎回框架, 很多上面的問題需要答周邊社區庫的完善支持, 這點移動方面的周邊庫感覺比jquery的還要多.
6、求angularjs+ionic web開發框架,主要開發手機網站,最好路由配置在json文件
親,我覺得你應該是根本就沒看 Ionic 吧?
Ionic 自身就是架在 PhoneGap/Cordova + AngularJS 上的一個支持自己在js中配置路由的 Hybrid APP 開發框架,並且有美美的CSS組件了,其簡潔和快速程度達到了無以復加的地步了:
ionic start BuZhiDao tabs 就開始了:
接下來進入那個項目的根目錄下
cd BuZhiDao添加 Android 平台支持:
用你最喜歡的編輯器(額,我最喜歡的是Sublime Text)進入到這個應用的目錄下的www目錄下,開整吧:
路由配置就在 app.js 中:
我覺得你既然開始了解IONIC了,就說明你已經了解並厭倦了國產開發IDE做出來的 APP的混亂了,是的, IONIC 很好很強大,調試也極其方便,下面build下調試:
運行
噼里啪啦的運行之後,你會看到生成的調試apk的位置,然後可以在模擬器或者真是設備上調試了就:
當然了,使用IONIC 附贈的雲端loader程序進行調試的話,還要 upload 一下下。
你的問題有點兒混亂,我就先回答這么多吧,採納的話,今年你就會技術很牛,賺很多錢,放別人兒我還不說這么多呢,看你骨骼驚奇,就說了,吼吼!
祝愉快!
7、angular框架上線後url怎麼處理
一、 URL的#號問題
使用AngularJS的朋友都應該了解,AngularJS框架定義了自己的前端路由控制器,通過不同URL實現單面(ng-app)對視圖(ng-view)的部署刷新,並支持HTML5的歷史記錄功能,詳細介紹可以參考文章:AngularJS路由和模板。
對於默認的情況,是不啟動HTML5模式的,URL中會包括一個#號,用來區別是AngularJS管理的路徑還是WebServer管理的路徑。
比如:下面的帶#號的URL,是AngularJS管理的路徑。
這種體驗其實是不太友好的,特別是像我這種喜歡簡潔設計的人,#號的出現非我自願的,怎麼看怎麼難受。AngularJS框架提供了一種HTML5模式的路由,可以直接去掉#號。
通過設置$locationProvider.html5Mode(true)就行了。
book.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
//..省略代碼
$locationProvider.html5Mode(true);
}]);
支持HTML5的路由URL。
就是這個問題糾結了我好長時間,讓我不得不用帶#號的URL。
二、找到錯誤原因
那麼,這個問題的原因出在哪裡了呢? 在路徑解析上出錯了。
讓我從頭說起,AngularJS是單頁應用,一個ng-app對應一個頁面,一個URL。AngularJS實現了自己的前端路由,讓一個ng-app可以管理多個URL,再對應到多個ng-vew上面。當我們去訪問URL(/book) 的時候,怎麼確定這個路徑是 WebServer 後台管理的URL還是AngularJS前台管理的URL呢?
分2種情況看:
1. 用戶如果是先訪問 首頁(),然後再跳轉到 頁面(/book),則這個跳轉是由AngularJS前台管理的URL,訪問是正常的。
2. 用戶直接訪問 頁面(/book)時,請求是先被提交到了WebServer後台,後台路由沒有對應頁面(/book)的路由管理,就會出現404的錯誤。
如果能把這層想明白,技術上就非常容易解決了。我們讓WebServer把屬於AngularJS管理的路由URL,都發轉到ng-app就可以解決404的問題了,同時,沒有#號,還支持HTML5的歷史記錄查詢!!
實現起來分為2種解決方案:
1. 靜態網站:純前台網站(JS+HTML+CSS),通過Nginx提供Web服務。
2. 動態網站:前台(JS + HTML + CSS) + 後台Node.js提供Web服務。
三、靜態網站的解決方案
靜態網站,我們需要修改的地方包括3個文件
index.html : ng-app的定義文件
app.js : 對應ng-app的控制文件
nginx.conf : nginx的網站配置文件
編輯 index.html,增加base標簽。
<html lang="zh-CN" ng-app="book">
<head>
<base href="/" rel="external nofollow" >
// 省略代碼
</head>
編輯app.js,增加 $locationProvider.html5Mode(true);
book.config(['$routeProvider', '$locationProvider', '$sceProvider', 'tplProvider', function ($routeProvider, $locationProvider, $sceProvider, tplProvider) {
$routeProvider
.when('/', {templateUrl: tplProvider.html('welcome'), controller: 'WelcomeCtrl'})
.when('/book', {templateUrl: tplProvider.html('book'), controller: 'BookCtrl'}) //圖書
.when('/book-r1', {templateUrl: tplProvider.html('book-r1'), controller: 'BookR1Ctrl'}) //R的極客理想
.when('/video', {templateUrl: tplProvider.html('video'), controller: 'VideoCtrl'}) //視頻
.when('/about', {templateUrl: tplProvider.html('about'), controller: 'AboutCtrl'}) //關於作者
.otherwise({redirectTo: '/'});
$locationProvider.html5Mode(true);
}]);
編輯nginx的配置文件,增加try_files配置。
server {
set $htdocs /www/deploy/mysite/onbook;
listen 80;
server_name onbook.me;
location / {
root $htdocs;
try_files $uri $uri/ /index.html =404;
}
}
這樣,靜態網站就搞定了,沒有麻煩的#號了,可以直接訪問和任意頁面的刷新。
四、動態網站的解決方案
動態網站,我們同樣需要修改的地方包括3個文件。
index.html : ng-app的定義文件
app.js : 對應ng-app的控制文件
server.js : Express框架的路由訪問控制文件
index.html 和 app.js兩個文件修改,同靜態網站的解決方案。動態網站,一般不是通過Nginx直接路由,而是通過Web伺服器管理路由。假設我們使用的是Node.js的Express的Web框架。
打開Express框架的路由訪問控制文件server.js,增加路由配置。
app.use(function (req, res) {
console.log(req.path);
if(req.path.indexOf('/api')>=0){
res.send("server text");
}else{ //angular啟動頁
res.sendfile('app/index.html');
}
});
設置當 站內路徑(req.path) 不包括 /api 時,都轉發到 AngularJS的ng-app(index.html)。所以,我們再直接訪問地址 (/book)時,/book 不包括 /api,就會被直接轉發到AngularJS進行路由管理。我們就實現了路由的優化!
8、請教大神對AngularJS做多語言站點有些什麼好的建議
最近在用Angular搞一個多語來言站點的時候發現自各種蛋疼。
我知道Angular有個translation的插件,但是每個標簽要加filter感覺並不好使。
總結下來有以下幾個問題:
很多英文明明一模一樣的標簽,中文偏偏要翻得不一樣,我就不吐槽客戶給的翻譯了
有些欄位為了美觀性,需要在某個單詞強制換行,中英文換行的標准不一樣,其他使用該欄位的則不需要換行。天殺的美工
有些欄位當中還需要插入另一個欄位,如」歡迎{{ account }}訪問我們的網站!「,但是翻譯的時候不能用組合的方式的……每碰到這樣的得在controller里寫$interpolate嗎
有些得從後端那邊獲得數據後拼欄位,還有復雜的顯示邏輯……如ID為1的要顯示「無數據」,其他ID的都顯示「有數據」
9、AngularJS適合做類似淘寶的網站嗎
只說一點,SEO。對於電商來說,搜索引擎的流量非常重要,所以一定能夠要把SEO這一點想清楚。Angular2應該是可以的,但是又太新
10、網站開發中的angularjs模板載入問題,怎麼解決?
開發的過程中,寫的是絕對路徑,就是以/開頭。
布署的時候,使用模板編譯,將html模板文件都編譯成js,但是模板標識還是原來的/開頭,所以開發和布署的時候不需要修改文件。只是多了一個編譯模板的過程。