5

Angular 开发小程序 - V2EX

 2 years ago
source link: https://www.v2ex.com/t/801151
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Angular开发小程序

  • 通过修改Angular实现使用Angular开发小程序
  • 本项目实现的目的很简单也很纯粹,就是告诉大家.框架无高低,使用的人,有高低
  • builder

    修改用于支持自定义构建

  • component 编译时

    通过提前解析获得模板与样式,转换为小程序所需的

  • 全局变量

    用来支持ngZoneAngular默认全局引用

  • platform

    通过实现自定义的 platform,给予小程序的启动上下文支持

  • renderFactory

    原渲染工厂支持的是 dom 渲染,但是小程序不需要

  • 主出口重建

    主出口预先加载相关依赖,为后面的 page 做准备

  • 文件系统监听修改

    需要在预处理结束时,清除文件缓存

  • 组件与页面的注册函数

    只有被注册,还会自动的查询依赖关系与生成

  • 相关生命周期的传递

    小程序自带的一些生命周期

  • 小程序相关 token.

    APP_TOKEN可以获得 App 实例 COMPONENT_TOKEN,PAGE_TOKEN可以获得组件对应的小程序组件实例

已实现内容

  • Input,Output
  • ng-content
  • ngIf,ngSwitch,ngFor

    对于其他指令及自定义指令,暂未实现

  • 小程序大部分功能

可实现的功能

  • 非结构型指令
  • 结构型指令的非引用传递或有限传递
  • 路由的部分实现

    路由是否实现主要看小程序的使用场景需不需要路由这个东西

  • 自定义组件

不可能实现的功能

  • 无限制的结构型指令

    除非模板运行动态按需加载

其他平台的支持

  • 目前功能尚未完善,不对多余的平台做支持
  • 目前仅支持微信小程序,但是未来重构完善后,会添加其他平台的小程序支持

component 的 template 重写

  • 之前是通过完全重写实现的值绑定与更新,但是是因为有一个技术没法实现所以才采取点方案.
  • 目前已经可以通过替换调用函数实现这个,所以重新 template
  • 重写后将会使管道,表单,非结构型指令的支持

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK