相由心生-心随相改~

创建angular2项目    直接在命令提示符中输入：    ng new helloworld    为什么终止:此时angular2的基本文件已经全部创建，接下来是下载项目所依赖的nodejs包，用ng new angular-cli-project直接创建的话，默认用npm从国外网站下载资源，下载速度极慢，大约7分钟。此时终止进程，然后用cnpm下载项目所依赖的no

确定bootstrap没有此效果，便开始找能实现滑动效果的插件，最后锁定Swiper。 其实它的官网上有详细的介绍（为了兼顾更多人，我就放中文文档了）：Swiper中文文档 但这些教程是针对html、js的。如何放入我们的Angular2呢。大同小异，因为ts本质也是js，所以没有太大差别。在此将源码分享，希望节省一些有同样问题的同事的时间。

一、封装组件    作为入门，这是一个非常简单的demo，但核心的接收使用者的输入@Input()，以及返回数据给使用者@Output()都实现了，所以有一定的借鉴意义。    目录结构：（部分目录不是框架中自动生成，二是后期添加，按照步骤进行即可。）具体代码：html：(search.component.html)<input type="text" class="f

忘记从哪听到的声音：前端需要用上webpack、gulp，提高效率~~~    既然有好的工具，我一定要去了解啊。于是开始查一些webpack、gulp的资料。有一些声音是：用了webpack基本上就不需要gulp了。so,我把精力主要放在webpack，先了解一个再说。    首先webpack和gulp都是构建类工具。我们的前端框架采用的是Angular2。    但在了解的过

思路：因为ITOO项目是多权限，所以 门户必须是活的，从而，按钮的数量、文字以及路由都是活的。数量和文字好说。在路由跳转这卡住了因为，按钮对应的路由[]="" 居然不能写变量......第二个思路是，在typescript中，写router.link。。。。。，这个可以实现，需要记录点击的是哪个按钮，从而跳转哪个路由虽然可以实现，但总感觉这样不是最优方案，至少满足不了我的认知。An

参考资料：https://angular.cn/guide/router分享PPT：Angualr路由PPT一、基础知识&lt;base href&gt; 元素index.html中：&lt;base href="/"&gt;。这是路由合成的根路径。Angular的路由器是一个可选的服务，它用来呈现指定的URL所对应的视图。它并不是Angular核心库的一部分，而是在@angular/router...