记录angular使用记录和心得(1)

由于工作变动原因,从vue2直接去维护3年的angular15的web端和3年的angular11的移动端,首先是极度的不适应,对于框架本身也不是很熟,包括语法包括写法,更直接的说是生不如死.

不过不得不说angular确实性能比vue好,包括ts也比vue写的舒服,vue来不来就得写(xxx as any)才不会报错,写顺了也就好了,首先从生命周期来说,没有vue那么的繁琐,angular实际开发中的项目中,我暂时就发现用的就这3个钩子函数

        1,初始化阶段:ngOnInit(){}

        2,当值发生改变的时候ngOnChanges(changes: SimpleChanges) {},当组件内部值发生改变的时候,可进行相应逻辑的操作

        3,组件销毁时触发一次，在这里应该清理一些残存的状态（组件内部状态值,事件、定时器等）ngOnDestroy(){}

对于组件本身来说,vue组件只有一个文件,而angular中把html,css,js拆开来写,开发中开始觉得很繁琐,为什么要拆开来写.但在2个月左右时间我发现,对于代码维护来说,确实拆开来写会方便很多,不用看一个vue文件里面有js,css,html一样,接近2000+代码去维护.

angular的组件插件也挺方便的,vscode我用的是以下4个.

对于组件的创建也不必再用angular自带的命令去创建,只需要进行右键操作即可创建component,module和service,由于自己开发中没有去单独配置过directive和pipe,也没看过文档,只听老大说pipe类似于vue的过滤器,但是pipe又可以写在service中使用,就叫我暂时不管,等我抽空的时候再去看看文档去

而对于angular中的组件也有强制性要求,一个组件多个地方进行使用,需要进行模块化,否则会报错,这个时候需要创建module,而不是component,否则会进行组件在多个地方使用的错误提示,这个时候我们需要进行创建一个公共shared.module.ts去进行组件的导入和导出.

小结 : angular确实学习成本高,入门难,没有老司机会很难受.但是用了后也觉得是真的香,angular确实才是面向对象编程的前端框架.

持续更新中...