随笔分类 -  angular项目分析

angular4的项目结构组成,npm和nodejs的配置管理,项目实际问题分析
摘要:这里需要弄清楚两个问题: 一:主页模块如何加载进来 angular2的根模块应用加载之后便会根据根模块路由信息来加载主页模块 如上:path:" " 代表该模块加载后自动加载指定的组件。这里为什么不直接{path:' ',loadChildren:'./home/home.module#HomeMo 阅读全文
posted @ 2018-01-05 19:07 潇洒-zhutao 阅读(732) 评论(0) 推荐(0)
摘要:在NiceFish项目中,数据请求处理并没有用Promise的那一套方法,用的是Observable(观察者模式),我将其理解成生产者和消费者模式 如下简单例子:出自(https://segmentfault.com/a/1190000005051034) 运行结果如下: observer.comp 阅读全文
posted @ 2017-11-27 18:31 潇洒-zhutao 阅读(834) 评论(0) 推荐(0)
摘要:在NiceFish项目中关于Echarts组件和指令是直接注册在appModule根模块中的,这样路由只需这样写就可以让浏览器加载图标组件: 在chart组件视图中: chartType是封装了Echarts的angular指令,pieChart,barChart,lineChart是各种图标的配置 阅读全文
posted @ 2017-11-17 17:46 潇洒-zhutao 阅读(1830) 评论(0) 推荐(0)
摘要:animations动画在angular2官网里面已经讲解很详细了,那么动画功能在实际项目中应该如何组织文件,动画文件放在哪个位置,如何来组织结构使得动画模块和其他模块之间运作调理清晰呢,下面参照NiceFish来讲解一下: 一:定义动画 在app文件夹里面有一个专门的动画模块 拿一个例子来简单分析 阅读全文
posted @ 2017-11-13 14:25 潇洒-zhutao 阅读(990) 评论(0) 推荐(0)
摘要:在dir-dest.txt项目描述文件的基础上对NiceFish项目每个文件模块的功能做一下简单的描述: 阅读全文
posted @ 2017-09-13 16:02 潇洒-zhutao 阅读(333) 评论(0) 推荐(0)
摘要:项目的运行有很多种情况,大致是 1:ng serve 项目应用会构建好并打包成ES5可执行代码,但不会压缩,这在开发环境上可以用到,调试时很容易找到问题出在那个代码上,代码具有可读性 2:ng serve --hmr -e=hmr 按照1的方法代码会运行很慢,一但开发的时候某段代码修改了,会直接导致 阅读全文
posted @ 2017-09-05 19:00 潇洒-zhutao 阅读(889) 评论(0) 推荐(0)
摘要:前不久学习了下angular2的基础知识,按照官网要求构造了一个quik项目,这个项目能满足基本的angular开发,但对于实际大型的项目有很多功能都没有实现或者是没有很好的封装和简化,因此在网上搜到了这个项目 NiceFish 。这个项目的结构和功能非常强大,能满足几乎所有的项目实际需要。在这里感 阅读全文
posted @ 2017-08-31 17:24 潇洒-zhutao 阅读(488) 评论(0) 推荐(0)