前言: 在上一篇ng4文章<angular4--实际项目搭建总结>中说过,等到ng5正式发布,并且蚂蚁的NG ZORRO兼容ng5之后,我会对ng4项目进行升级.这篇文章就是大概说下升级的折腾过程吧.下面结语中有最佳实践,整个过程中有自己挖的坑,可以选择忽略,直接看结语. 升级(折腾)过程: ①ng5更新: 访问这个链接是ng的升级导向 https://angular-update-guide.firebaseapp.com/ ,内容如下图(看起来还是很简单的): 复制了导向上的命令,安装的时…

正如我在<office365的开发者训练营,免费,在微软广州举办>课程里面所讲的, 站在巨人的肩膀上的其中一项就是, 尽量使用别人成熟的框架. 其中也包括了控件框架   abp和52abp都使用了成熟的UI框架. 其中52abp的angular版本使用了ng Zorro框架.   然而一个框架不能涵盖所有东西, ng Zorro框架也同样如此. 比如框架里面的table和select控件就缺少很多功能.   那怎么办? 一个框架不够, 那就上两个框架罗, 两个框架不够那就上三个框架罗.   P…

阅读文本大概需要 5 分钟. 开始之前 自从上一篇文章".NET:持续进化的统一开发平台"发布后,已经有三个月的时间没有写过文章了. 这段时间,做了两场线下活动,一场在上海,一场在成都. 中途顺带去参加了微软的人工智能的openhack. 没有更新内容其实主要还是工作太忙,这几个月的时间也基本扑在运营层面的事情比较多,经常和群友自嘲现在转行写PPT ,一直是折腾到现在有时间更新下文章. 这几天本来打算把EF CORE 2.1的内容整理下,然后更新下内容的,然后制作成视频的. 但是这几天…

摘要:DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸.灵活.至简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠.取悦眼球的设计.如果你正在开发 ToB 的工具类产品,DevUI 将是一个很不错的选择! DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师. 官方网站:devui.design Ng组件库:ng-devui(欢迎Star) 官方交流:添加DevUI小助手(devu…

由于写了大半年的项目终于要告一段落并且即将进行第二阶段优化开发,emmm 基础版本已经二十多个模块了,必不可少的优化是很重要的,尽管项目上使用多层嵌套懒加载,但是在首屏加载的时候,任然很慢啊,因为一直没有做严格编译,现在要编译啊,有点晚了,发现一堆报错,然后要一个坑一个坑慢慢踩过去了,今天做了试验,关于三种编译模式下的最终效果的对比,仅仅只是一个结果报告,至于原理这里先不做说明了. 三种编译下的文件输出  三种文件模拟服务请求的请求时间对比 ng build --prod --build--op…

. 创建angular6 前提: 需要安装nodejs以及angular的脚手架,Angular官网要求Angular6.0必须在node 8.x 和 npm 5.x 以上的版本才能正常使用. 我的版本是 v10.10 (NodeJS) v6.4.1(npm) 安装了angular/cli 才能用ng命令 最好安装成global. 1.1 现在我们打开vc code,直接选择上一篇创建的.net core 项目路径,如下 我们在Terminal中执行ng 命令(这是创建angular项目的命令)…

为什么打算写这些文章? 没有为什么,只是为了学习Angular和更了解.Net Core等技术 需要用到的技术? 后端使用.Net Core 2.1 + EF Core 2.1 + Mysql 5.7 + Identity (不知道Identity算不算一个独立的技术点) 前端主要使用的是Angular 6.x + Ant (出自阿里巴巴的一套angular开源组件库)https://ng.ant.design/docs/introduce/zh 大纲 开发环境搭建 Angular的使用姿势 A…

一.项目需求 最近公司有终端桌面系统需求,需要支持本地离线运行(本地数据为主,云端数据同步),同时支持Window XP,最好跨平台.要求安装配置简单(一次性打包安装),安装包要小,安装时间短,可离线安装.技术要求使用主流技术,有利于扩展,升级,便于迁移到其它各种终端和平台应用. 二.需求分析和选择技术方案 通过需求分析,采用Web终端混合架构开发桌面应用系统.首先就是要找一个web混合架构开发框架.通过Google百度查找资料,最后主要在选择NWJS和Electron框架上,两款框架都是基于C…

mkdir  angular6project cd angular6project ng new demo      新建一个普通项目 ng new demo --routing  新建一个带路由的项目 新建项目过程比较慢 新建完成之后 cd demo ng serve --open 若要切换端口启动angular项目可以使用如下命令 ng serve --port=8888 或者修改项目文件,有如下两种方式: 1.修改node_modules/@angular/cli/lib/config/s…

angular6.x系列的学习笔记记录,仍在不断完善中,学习地址: https://www.angular.cn/guide/template-syntax http://www.ngfans.net/topic/12/post/2 系列目录 (1)组件详解之模板语法 (2)组件详解之组件通讯 (3)内容投影, ViewChild和ContentChild (4)指令 指令 大家应该都知道,在html中存在一些附加在元素节点上的标记,例如属性,事件等等.它们能够改变元素的行为,甚至操作DOM,改…