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

BakerJ 發(fā)布于2019-08-20 17:39 / 997人閱讀

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

前言

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

項目原址:

我是項目 ~zZ

github地址:

我是地址 ~zZ

項目簡介

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

項目目錄結(jié)構(gòu)

項目功能介紹

使用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})
      ]))
  ])
]);

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

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

項目使用路由的url傳參完成各個子頁面顯示對應(yīng)的內(nèi)容;

寫在最后

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