关于微前端实现原理与ngxplanet三客制化

客制化由于公司和公司的业务不同,所以在ngx-planet的基础上,需要作出一些针对于业务的拓展目前分出四个基础项目@yunzai/stars:封装了用户认证,元素权限,i18n等系统初始化信息的内容,需要发包的,意为繁星.star-universe: portal项目,所有子前端项目的入口,意为宇


关于微前端实现原理与ngxplanet四服务端渲染

1.为什么要服务端渲染因为公司后端服务在k8s上,是分布式的微服务,之前端全部打包部署在了物理机器(虚拟机)nginx上,如果通过helm做应用商店的话,nginx前端这部分无法处理,包括灰度部署,CI等,全部都只能做到接口级别的处理,并不能连带静态资源文件一起处理,所以基于分布式的前端整改迫在眉睫


关于微前端实现原理与ngxplanet二

道标准备好源码,然后跟着文章去看代码,在每个代码块的第一行,我都把 filename 写上了,并且打开了 gitalk。项目结构- packages/planet|--src |--application |--planet-application-loader.spec.ts


关于微前端实现原理与ngxplanet一

微前端?简单来说从使用角度考虑 D应用是由 ABC三个应用/组件组合而成,通常在Angular/Vue/React单项目中很容易实现,但为了复用解耦,D应用现由3个独立部署并带有通信机制的应用/组件组合而成。从部署角度考虑 A,B,C,D为并行四个打包后的静态文件,当有E应用使用A,B,C,D应用中


AntvG2笔记

概念基本元素数据 -> Data : 可视化数据来源图形属性 -> Attribute : 数据中变量映射到图形几何标记 -> Geometry: 点,线,多边形等几何标记度量 -> Scale: 数据空间到图形空间的转换接口坐标系 -> Coordinate: 笛卡尔


AngularCli

简介写一份自定义的angular脚手架吧写之前我们先解析一下antd的脚手架前提先把 Angular Schematic这篇文章读一遍,确保了解了collection等基础antd脚手架克隆项目git clone https://github.com/NG-ZORRO/ng-zorro-antd.g


Angular6

入门官方文档高阶修仙之路构建第三方包angular-cli 的 ng g lib 不太好用,所以还是用ng-packgr建立父项目ng new project --style less --prefix pre调整项目结构cd project# 建立第三方包文件夹mkdir -p projects/