angular写的移动端模板《一》

本文介绍了作者所在公司采用Angular和Ionic进行移动端开发的经验,旨在减少开发量和重复工作,通过Schematics实现代码自动生成。文章详细讨论了解决思路,包括构建包含常见服务和组件的工程,以及如何通过ng add一键生成工程代码。此外,还分享了在移动端开发中遇到的页面滚动不流畅和动画切换等问题及其解决方案。
摘要由CSDN通过智能技术生成

背景

我司的技术栈
angular + material
目的

减少开发量
减少重复工作
常用的组件拿来即用,不用造轮子
代码自动生成

简而言之

实现移动端的ng-alain

解决思路
  1. 构建工程,工程中包含常见的服务: 鉴权、拦截、路由、布局等
  2. 封装业务常用的组件,形成可配置化组件(类似于ng-alain的动态表单 st,sf)
  3. 将工程发布在行内镜像,可以通过ng add添加,一键生成工程代码

在这就得夸一夸angular的好处了!
之前我是用vue的,来公司后,开发只能用angular,因为angular上手慢,逻辑和写法并没有vue和react那么通俗易懂,资料(中文)也不多,所以我一度很疑惑一定要使用angular。
直到schematics的出现

Schematics是改变现存文件系统的生成器。有了Schematics我们可以:
创建文件
重构现存文件,或者
到处移动文件
我理解的就是代码自动生成工具,解决了代码复用需要拷贝粘贴的一些痛点

重点来了
schematics不限制任何语言环境;虽然如此,但 Schem

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值