angular4-secoo

这是基于angular4全家桶入门Demo！

线上访问地址

http://www.ingrace.cn/examples/9/dist/#/index

手机扫码访问

部分截图

项目地址：（git clone）

git clone https://github.com/Awheat/angular4-secoo.git

安装

npm install

运行

一.进入server目录,启动node服务(本地模拟数据接口):

node app.js

二.项目根目录启动项目:

npm start

浏览器输入:(http://localhost:3000)即可看到效果

发布

npm run build

技术栈

在此DEMO中使用了一下知识点

• angular-cli
• Angular4
• typescript
• webpack2
• es6
• lazysizes

总结与收获

• 对typescript有一个基础的认识和了解
• 学习到了Angular4的组件Component思想
• 学习到了Angular4的组件Module思想,模块的划分可以根据自己的需求,粒度可以划分非常小
• 学习到了Angular4的Router,以及路由懒加载模块
• 学习到了Service, Pipe , Http 等。
• 学习到了图片资源的按需加载
• 打包后发布需要修改index.html下面的base路径
• 接口请求的封装,以及回调的统一处理

感谢

感谢您的来访 ，如果对于您有帮助 ，就使劲的给个Star吧 ！ ^_^