angular2 重构 wordnet-lite 总结

参照着angular.io上的 heros demo 重构的. 部分小特性没有加进来,视图重新渲染也有点小bug..后续再填坑

开始看了好几天angularjs.org 然后找了本angular2看, 用的typescript, 敲完一个demo, 想着怎么搞成纯js的, 无意中发现 一个是angularjs 一个是 angular2 … 彻底被自己打败了.. 最近不怎么在状态…压力有点大..

大约用了三天,开发环境以及gulp工作流都是参照官网的, 没怎么修改..惭愧..
第一天 环境配置以及shim.js zone.js等文件没有加载, 只加载了一个bundle.js…还没有设置base href属性, 浪费了小半天
第二天 粗心大意, 写模板的时候, *ngFor 语法写错了, 又浪费了半天. 仔细,要仔细
才发现gulp流中加入uglify不会拖慢再次bundle, 反而加快了浏览器jit的时间… 这又浪费了一些时间…
第三天 在服务中添加localStorage缓存, promise返回值问题, 又浪费了半天. 当初是在课上看的promise, 没怎么实践, 这就吃亏了

由于watchify没有显示tisfy编译错误, 导致gulp默认任务跑半天也没个结果…果断ctrl+c结束, 然后再开个panel tsc 直接显示错误, 修改完再执行gulp就可以了..
angular.io上的demo在组建构造函数中注入的时候, 没有加注解, 不知道怎么运行过去的… 找这个原因也浪费了点时间… 是我配置有问题么,求大神指点
export class component 的时候, 不注意拼写错了, 然后再另外一个文件 import 出错… 这个错误犯过几次..
在新建数据结构的时候, 异想天开搞了个嵌套另外一个自定义结构, 也是自己把自己作的.. 文件增多了, 也增加了歧义的几率…
模板绑定数据的时候, 想着修改下数据, 原来是直接取json内容, 然后array.join(‘, ‘) , 结果发现难度不小.. 不过直接在模板中输出数组, 自动添加了join(‘,’)…
模板在一个tag中写两个指令会报错, 可以在ng-container标记中写一个指令, 在这个元素中写另外一个指令

一定要吸取教训, 不要重蹈覆辙…

发布者

gt

QQ: 1520667045 一个名叫坏人的博客,他很想成为WEB攻城狮,因为他认为每个前端开发者的审美观都是很挑的……

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据