使用angular4.0來搭建一個博客類的項目

張憲坤發布于2019-08-29 12:52 / 1511人閱讀

摘要：前言也就是的最新版本最近也是大紅大紫的公司項目主管推上學習日程自己也就抽時間寫了一個小的博客類的意在于去看一下最新的特性和的語法由于剛接觸和所以有點小糙望見諒項目原址我是項目地址我是地址項目簡介整個項目是使用腳手架搭建的項目目錄結構項目功

前言

angular也就是angular.js的最新版本,最近也是大紅大紫的公司項目主管推上學習日程,自己也就抽時間寫了一個小的博客類的demo,意在于去看一下angular最新的特性和typescript的語法;由于剛接觸angular和typescript所以有點小糙,望見諒!

項目原址:

我是項目 ~zZ

github地址:

我是地址 ~zZ

項目簡介

整個項目是使用angular-cli腳手架搭建的;

項目目錄結構

項目功能介紹

使用angular-router搭建的路由界面;也使用angular的animation組件來完成路由頁面的加載過渡動畫;

import { trigger, style, transition, animate,keyframes } from "@angular/animations";

export const fadeIn = trigger("fadeIn", [
  transition("void => *", [
    style({ opacity: 0 }),
    animate(1000, keyframes([
        style({opacity: 0, transform: "translateY(-100%)", offset: 0}),
        style({opacity: 0.5, transform: "translateY(25px)",  offset: 0.3}),
        style({opacity: 1, transform: "translateY(0)", offset: 1.0})
      ]))
  ])
]);

整合了一個網易云音樂的播放,使用H5的audio標簽

整個項目也使用ngx-bootstrap,我感覺這個ui組件最適合現在的angular,用起來也比較舒服,上手也快,基本和bootstrap使用一樣;

項目使用路由的url傳參完成各個子頁面顯示對應的內容;

寫在最后

實在是不知道寫什么具體的各位有興趣的可以去我的github查看,還有寫代碼的時候聽著小姐姐j.Fla的歌更帶感哦!!!

GPU云服務器云服務器 asp 類的使用企業使用云vps能帶來哪些好處企業使用云服務器能帶來哪些好處服務器怎么搭建云空間來賣

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112209.html

使用angular4.0來搭建一個博客類的項目

摘要：前言也就是的最新版本最近也是大紅大紫的公司項目主管推上學習日程自己也就抽時間寫了一個小的博客類的意在于去看一下最新的特性和的語法由于剛接觸和所以有點小糙望見諒項目原址我是項目地址我是地址項目簡介整個項目是使用腳手架搭建的項目目錄結構項目功前言 angular也就是angular.js的最新版本,最近也是大紅大紫的公司項目主管推上學習日程,自己也就抽時間寫了一個小的博客類的demo,意...

BakerJ 2019-08-20 17:39 評論0 收藏0
使用angular4.0來搭建一個博客類的項目

摘要：前言也就是的最新版本最近也是大紅大紫的公司項目主管推上學習日程自己也就抽時間寫了一個小的博客類的意在于去看一下最新的特性和的語法由于剛接觸和所以有點小糙望見諒項目原址我是項目地址我是地址項目簡介整個項目是使用腳手架搭建的項目目錄結構項目功前言 angular也就是angular.js的最新版本,最近也是大紅大紫的公司項目主管推上學習日程,自己也就抽時間寫了一個小的博客類的demo,意...

littleGrow 2019-08-01 17:04 評論0 收藏0
2017-07-01 前端日報

摘要：前端日報精選騰訊前端團隊社區源碼分析入門指南一些關于使用的心得基本類型與引用類型知多少掘金中文第期框架選型周刊第期入門系列模塊車棧重構基于的網絡請求庫某熊的全棧之路的那些奇技淫巧的平凡之路模仿寫個數組監聽掘 2017-07-01 前端日報精選 Why you shouldn`t use Preact, Fast-React, etc. to replace React today -...

_DangJin 2019-08-20 17:41 評論0 收藏0
angular4.0學習筆記（一）

摘要：設置開發環境此處使用了淘寶鏡像全局安裝安裝耗時大約。然后等了分鐘貌似還在，忍不住按，報錯。生成項目查看對應目錄運行項目到此項目搭建完成。 1.設置開發環境 node v6.9.0 npm v3.10.8 （此處使用了淘寶鏡像）全局安裝angular-cli npm install -g @angular/cli showImg(https://segmentfault.com/img...

BicycleWarrior 2019-08-20 16:15 評論0 收藏0
Angular學習資料

摘要：目前穩定在，進入了版本狀態，谷歌表示會長期進行支持。版本是谷歌開發的一款類型的框架，具有優越的性能和絕佳的跨平臺性。于年月正式發布，目前已發布到版本。中文翻譯與主站同步的非常及時。 Angular是一款面向企業級應用開發的前端框架，掌握好Angular相關技術，有助于我們提升開發效率，編寫高質量的前端代碼。 Angular 1.x版本 AngularJS 誕生于2009年，由Misko H...

james 2019-05-23 16:27 評論0 收藏0