AngularJs+BootStarp+fontAwesome打造个人展示页面_html/css_WEB-ITnose
程序员文章站
2022-05-04 17:16:01
...
原文摘自我的前端博客,欢迎大家来访问
起因
http://hacke2.github.io/
起因
实验室马上要出去找工作了,大家想写一个展示自己项目的东西,没必要做的太复杂,我就把这几天学到的结合了一下,算是做了 一个大概的样子出来,大家可以自己放里面加内容
点击右上角项目名称可切换不同视图 所含的技术AngularJs
里面MVC使用AngularJs来实现,主要用了其中两个技术:
1.模板技术
2.路由技术
之所以用了AngularJs的路由技术,是因为做一个页面的跳转,之前做开发都是以sevlet或者JAVA MVC框架来做,从后台取数据放到前台, 通过控制器来觉得给用户返回怎样的一个视图,因为这次没必要做的比较复杂,使用AngularJs上两种技术完全能达到我们的要求,而且还是 无刷新的。
BootStarp
优秀的UI框架,大家做简历或者项目展示的时候可能会想要炫酷的效果:)
fontAwesome
一款优秀的图标字体库
代码代码就不贴在博客上了,很简单,没什么可看的,大家可以去我的github上检出
点击进入github: AngularJs+BootStarp+fontAwesome打造个人展示页面
查看完整DEMO
end fromhttp://hacke2.github.io
JAVASCRIPT A推荐阅读
-
百度地图页面展示_html/css_WEB-ITnose
-
html模板,根据链接调用页面展示_html/css_WEB-ITnose
-
快速将网页版简书打造成具有个人特色的简书桌面应用_html/css_WEB-ITnose
-
html模板,根据链接调用页面展示_html/css_WEB-ITnose
-
百度地图页面展示_html/css_WEB-ITnose
-
ViewPager实现启动引导页面(个人认为很详细)_html/css_WEB-ITnose
-
AngularJs+BootStarp+fontAwesome打造个人展示页面_html/css_WEB-ITnose
-
怎么做到HTML页面横向展示。_html/css_WEB-ITnose
-
ViewPager实现启动引导页面(个人认为很详细)_html/css_WEB-ITnose
-
AngularJs+BootStarp+fontAwesome打造个人展示页面_html/css_WEB-ITnose