前言 最近有小伙伴推荐我多写写一个增强 pandas 功能的库—— pyjanitor 。...他提供了许多实用功能，结合 pandas 使用能够大大提升我们的代码效率，那么我就针对这个库做一个系列教程。 不过，我不喜欢只是到官网抄一下例子，把英文翻译成中文，草草了事。...往往初学者会使用 apply 遍历每一行，使用 python 的 if else 语法完成需求。...关于 np.select 详细讲解，可以查看专栏文章 那么，我们该如何自己写一个类似 janitor 的函数，方便以后重复使用？...提供的方法做到： 有没有觉得 janitor 很好用，评论区说说你的感受
前言： 在之前的一篇文章已经介绍过了，公司正在使用NG-ZORRO组件库开发后台应用，并且详细的介绍了Angular开发环境的搭建和项目的创建。...这篇文章就是为了让大家熟悉了解我们该如何在Angular项目中使用到NG-ZORRO UI组件库搭建后台管理框架。...NG-ZORRO介绍： 官网地址：https://ng.ant.design/docs/introduce/zh ng-zorro-antd 是遵循 Ant Design 设计规范的 Angular...全部代码开源并遵循 MIT 协议，任何企业、组织及个人均可免费使用。 NG-ZORRO特性： 提炼自企业级中后台产品的交互语言和视觉风格。...开箱即用的高质量 Angular 组件库，与 Angular 保持同步升级。 使用 TypeScript 构建，提供完整的类型定义文件。 支持 OnPush 模式，性能卓越。 数十个国际化语言支持。
angualr 结合 ng-zorro 快速且规范的开发一个后台系统。 系统功能包括下面的内容： 欢迎页面 用户列表 用户新增 用户修改 用户删除 所有的 service 使用模拟的数据。...结合 ng-zorro angular 比较流行的 ui 框架有： Angular Material 官方指定 UI 框架 NG-ZORRO，又名 Ant Design of Angular 国内比较流行的...如果熟悉 Vue 或者 React 版本的 Ant Design，相信你可以无缝链接啊～ 我们重新使用 angular-cli 生成一个项目 ng-zorro。...思路： 先添加页面 user 用户的列表页面，使用 ng-zorro 中 table 组件 用户的新增和更改页面可以共用同一个页面，使用 ng-zorro 中 form 组件 页面删除功能直接使用弹窗提示...，使用 ng-zorro 中 modal 组件 对 ng-zorro 组件按需引入 调整路由文件 按照思路，我们得在 ng-zorro 引入： // app.module.ts import { ReactiveFormsModule
在之前的文章中，我写过在服务器部署MairaDB10.3数据库的记录，当时以为安装部署完成后就不需要我了，后来给了我一份PDF里面是要求，将备份好的数据库文件导入到对应的数据库里，但是导入的过程中出现了问题...这里的密码使用了特殊字符来增加安全性。...导入使用 Navicat 导入“itlaoli.sql”文件至已创建的数据库用户及对应的数据库，但是当我打开数据库软件的时候我发现在导入的时候类型中居然没有（*.sql）文件，如图：我用软件的次数一只手都能数过来...如图右键选择运行SQL文件：在弹出的界面里找到【文件】点击右侧【...】找到如果导入的sql文件，如图：点击开始之后就是等待就可以，时间嘛跟系统和数据库大小有关，待运行完成后就顺利导入完成，点击关闭即可...经验总结这次数据库导入的经历让我学到了，原来不是能导出就可以顺利导入的，就算不能导入也可以使用其他方案来代替，而且事前做好准备，在进行数据迁移之前，详细了解源数据库和目标数据库的配置是非常重要的。
React 和 Vue 项目同理～ 这里我们仅考虑简体中文和美国英文两种语言，使用的框架版本为 @angular/core: "~12.1.0" 在日常开发中，我们难免会引入第三方 UI 框架，那么这就涉及了第三方...'zh' : 'en'; 设置 UI 框架的多国语言 这里的 UI 框架我们以 NG-ZORRO 为例，使用的版本号为 ^12.1.1。...现在的脚手架很聪明，我们生成项目，在添加 NG-ZORRO 的时候，它会询问我们选择哪种语言。...所以，我们更改了下： // 引用的 ant design angular 库的语言处理 import { NZ_I18N } from 'ng-zorro-antd/i18n'; // 中文 import...} } 我们先判断是否存在本地存储的语言信息，如果不存在则获取浏览器设定的当前语言；当 assets/i18n/ 文件夹下面没有我们要找的语言包的时候，则使用默认 en-US.json 语言包，
前端一般会听过阿里的Ant Design，而对于angular使用者，大多也听过ng-zorro（Ant Design for Angular的PC版），最近一次ng-zorro的更新，带来了新的开源迷弟...打开ng-zorro-mobile官网，侧边栏很醒目地标示了在ionic中使用： ?...ionic使用 众所周知，ionic自身也是一个UI框架，涵盖绝大多数常用组件，但有些组件没有或不好用，就要借助第三方组件，现在有了ng-zorro-mobile，对ionic有了极大的补充。...在ionic中使用ng-zorro-mobile非常简单，先是创建项目，有ionic相关经验对下面几行代码非常熟悉： #全局安装ionic-cli npm install -g ionic #使用ionic-cli...angular-cli）： ng add ng-zorro-antd-mobile 使用npm，则先安装模块： npm install ng-zorro-antd-mobile --save 然后在 app.modules.ts
框架间的差异越来越小，加上 Ant-Design/Fusion-Design/NG-ZORRO/ElementUI 组件库的成熟，选择任一你熟悉的框架都能高效完成业务。 那接下来核心问题是什么？...如果你还没有 使用，可以考虑切换，绝对能给项目带来很大提升。过去一年，我们从部分使用 TS 变为全面切换到 TS，包括我们自己开发的工具库等。...CSS 语言天生的问题，但同时增加了不少成本，新手不够友好、全局样式覆盖成本高涨、伪类处理复杂、与AntD等组件库结合有坑。...四、开发工具覆盖全链路 2019 年，你几乎不可能再开发出 React/Angular/Vue 级别的框架，也没必要再造 Ant-Design/Fusion-Design/Ng-Zorro 这样的轮子。...除了以上三点，未来还计划开发浏览器插件来检查漏翻文案，利用 Husky 在 git 提交前对漏翻文案自动做机器翻译等等。 未来如果你只提供一个代码库，那它的价值会非常局限。
框架间的差异越来越小，加上 Ant-Design/NG-ZORRO/ElementUI 组件库的成熟，选择任一你熟悉的框架都能高效完成业务。 那接下来核心问题是什么？我们认为是状态管理。...我们先后尝试过原生 Redux、分形 Fractal 的思路、自研类 Mobx 框架、Angular Service，最终认为 Redux 依旧是复杂应用数据流处理最佳选项之一。...如果你还没有使用，可以考虑切换，绝对能给项目带来很大提升。过去一年，我们从部分使用 TS 变为全面切换到 TS，包括我们自己开发的工具库等。...CSS 语言天生的问题，但同时增加了不少成本，新手不够友好、全局样式覆盖成本高涨、伪类处理复杂、与antd等组件库结合有坑。...如果有多个顶级类，可以使用 Stylelint rule 检测并给出警告。 依赖管理不彻底。借助 webpack 的 css-loader，已够用。 JS 和 CSS 变量共享。
快速上手 在线演示 第一个本地实例 手动安装 其他 NG-ZORRO 致力于提供给程序员愉悦的开发体验。...NG-ZORRO StackBlitz 第一个本地实例# 实际项目开发中，你会需要对 TypeScript 代码的构建、调试、代理、打包部署等一系列工程化的需求。...我们强烈建议使用官方的 @angular/cli 工具链辅助进行开发，下面我们用一个简单的实例来说明。...安装组件# $ npm install ng-zorro-antd --save 引入样式# 使用全部组件样式# 该配置将包含组件库的全部样式，如果只想使用某些组件请查看 使用特定组件样式 配置。...使用特定组件样式时前需要先引入基本样式(所有组件的共用样式)。
今天，我们谈谈，怎么使用 Angular 来管理多个项目呢？...在平常的开发中，我们一个项目建立一个仓库，不仅维护起来难，而且那个"无穷大"的 node_modules 也太尴尬了吧，多个项目多份 node_modules，要是同类型的项目，使用同份 node_modules...我们来看看 build 之后的目录结构，如下： 是的，这个导出的目录，也可以在 angular.json 中找到答案： "outputPath": "dist/jimmy-demo" 整个的 angular.json...那么，我们有没有发现，整个默认的项目，配置的文件，其实都是放在字段 projects 下面。 哦，那么我们可以通过在 projects 下面配置另外一个项目不就行了吗？...那么，我们依瓢画葫芦，在 angular.json 中进行配置项目 app02(感兴趣的读者自行尝试)。
比如弹窗组件不能在自己的内容中写死标题和页面的内容， 在页面上使用该组件时， 页面 动态向指定组件内占位传入“一些内容”，组件会把它们插入到它想要的地方！ ...2、递归组件使用时，要用到ngTemplateOutlet 来切换节点上的组件。 比如要定义菜单组件，涉及到两类组件，1是叶子菜单项，2是文件夹菜单项。 ...的变量接收） 3、子组件如何使用这个引用变量（ 在模版中，用ngTemplateOutlet 绑定这个变量即可） 4、引用元素从主页面上来， 如何把子组件的数据（即子组件中上下文）传递给这个引用元素上来...（使用 模板输入变量let phone 的形式，接收内容，再用 {{ }}语法插入值) 定义上下文数据时， myContext = { $implicit: 'World', valueInContent...当let-name 后没= 号时，引用它。 参考官方文档： ? 完整而精巧的小例子： ?
最近学习了下angular，利用Angular CLI 在本地搭建了个环境，然后装了个ant.design的NG-ZORRO库，试了下用ui的脚手架来创建组件 ng g ng-zorro-antd:form-normal-login...login 创建完成发现访问项目的时候，在使用nz-form时报错Can't bind to 'formGroup' since it isn't a known property of 'form'...，百度了下解决方案： 需要从@angular/forms导入ReactiveFormsModule。...导入后的app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from...from '@angular/platform-browser/animations'; import { registerLocaleData } from '@angular/common'; import
官网文档+搜索引擎+一点经验解决工作中百分之九十五的问题。。 angular_demo 1.项目简介 使用Angular框架和TypeScript编写的前端项目。...NG-ZORRO和ng-bootstrap 在项目中引入所需要的具体组件 在html文件中绘制布局，在ts文件中编写逻辑 5.技术准备 TS语法 Angular基础知识 组件库文档NG-ZORRO和ng-bootstrap...在职业生涯的初期，自己一直在写Angular，从Angular.js到Angular7,8,11，由于对前端没有一点的兴趣，唉，工作之外的时间都去学java写后台了，一直也没有深入了解angular，就是...虽然自己一直苦于没有技术深度，但是这种技术广度也让自己对整个产品的开发流程更加了解，其实很多技术知识都是可以复用的，像本篇文章中介绍的框架Angular的响应式编程，在FLutter中也同样适用；还有端开发的统一流程...项目分五个文件夹: 动画组件 工作中用到或是一些其他有趣的组件 布局相关的组件 学习FLutter编写的练习或是测试代码 工具类，后面会单独写成一个项目 2.环境简介 语言：Dart fLutter版本
前言： 上一篇文章我们讲了如何在创建的Angular项目中快速引入ng-zorro-antd企业中台组件库，并且快速构建后台管理页面框架模板。...这一章主要介绍的是如何在创建好的后台管理页面框架的快速生成NG-ZORRO相关的组件，并且介绍Angular相关目录结构、生命周期函数，路由配置和使用相关知识点，以及如何使用Angular CLI使用一行代码快速添加...让你快熟的构建一个属于自己的NG-ZORRO后台管理框架，注意我们的前端代码的编写全部都是在VS Code上面编写。 Angular项目目录介绍（重要）： ?...钩子 用途及时机 ngOnChanges() 当 Angular（重新）设置数据绑定输入属性时响应。...[请求数据时使用] ngDoCheck() 检测，并在发生 Angular 无法或不愿意自己检测的变化时作出反应。
写到这篇的时候，我发现我的技术轨迹也从单纯的.NET 技术栈开始多元化，接触前端(angular)、数据库、架构、集群、Devops、容器化的方案了。...毕竟很多朋友没有“访问国外网站”工具，导致访问ABP官网很慢。所以想加速下的网站的CDN速度。开始方便国内的小伙伴大家的下载和使用。....NET Core版本的52Abp框架 我又开始了新的尝试，而当时正值AntDesign 官方也推出了Angular版本的组件库：NgZorro。...52ABP在2019年，做了太多对于Angular下的适配了，尤其是NG-Zorro的官方组件过于残缺，但是已经上车了就坚持搞了下去，好在仅两年ng-zorro的官方组件生态库越来越完善和齐备。...我们晚点再说 2018年上海紫荆谷ABP分享会 适逢一次去上海找钢网参观学习的机会（找钢网没有上市，可惜了），我在群里说要去出差，问问有没有人聚聚，本以为只会有10来个人活动。
） 零依赖（没有依赖其它任何类库除了JDK） 示例代码： import com.alibaba.fastjson.JSON; Group group = new Group(); group.setId...静态编织 静态编织发生在字节码生成时根据一定框架的规则提前将 AOP 字节码插入到目标类和方法中，实现 AOP； 动态编织 动态编织则允许在 JVM 运行过程中完成指定方法的 AOP 字节码增强。...如下是一个基于Druid内置扩展StatFilter的监控实现： 7：NG-ZORRO NG-ZORRO 是一个企业级的 UI 组件库，是 Ant Design 的 Angular 4.0 实现，开发和服务于企业级后台产品...特性 提炼自企业级中后台产品的交互语言和视觉风格，定期与 Ant Design React 版本保持更新一致。 开箱即用的高质量 Angular 组件。...该版本在社区版的基础上做了大量的性能与功能的优化改进。尤其适合电商、云计算以及金融等行业环境。 阿里云数据库资深专家丁奇介绍，AliSQL版本在强度和广度上都经历了极大的考验。
当然，也不能滥用它们。对于一次性使用或暂时一次性使用的变量或类型，用字面量和匿名类型很方便，可读性也好，但是如果它要使用两次以上，那就该重构成正式的类型了。...在 TypeScript 中，当你不声明函数的返回类型时，它会返回自动推断的类型（没有明确的 return value 语句时会推断为 undefined 类型），如果你不想返回任何值，那么请把返回类型指定为...相对于 Java 8 Stream，RxJS 的限制稍微宽松一些，但我建议你仍然按照 Java 那种严格的方式使用它（比如不要对流外的变量赋值）。...服务与依赖注入 Angular 的服务与依赖注入和 Spring 中的很像，主要的区别是 Angular 是个树状的多级注入体系，注入器树是和组件树一一对应的，当组件要查找特定的服务时，会从该组件逐级向上查找...另外，ng-zorro 组件库的一位开发者还整理了一份不完全指南，包括中英文资料：https://zhuanlan.zhihu.com/p/36385830。
前言： 最近一直在使用阿里的NG-ZORRO（Angular组件库）开发公司后端的管理系统，写了一段时间的Angular以后发现对于我们.NET后端开发而言真是非常的友善。...因此这篇文章主要是对这段时间使用Angular做一些小总结，希望可以帮到有需要的同学。...生命周期钩子：https://angular.cn/guide/lifecycle-hooks 当 Angular 使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻调用这些生命周期钩子方法：...钩子 用途及时机 ngOnChanges() 当 Angular（重新）设置数据绑定输入属性时响应。...[请求数据时使用] ngDoCheck() 检测，并在发生 Angular 无法或不愿意自己检测的变化时作出反应。
这是我参与「掘金日新计划 · 4 月更文挑战」的第8天。 上一篇，我们讲了 Angular 结合 NG-ZORRO 快速开发。前端开发，很大程度上是组件化开发，永远离不开组件之间的通信。...那么，在 Angular 开发中，其组件之间的通信是怎么样的呢？ 举一反三，Vue 和 React 中大同小异 本文纯文字，比较枯燥。...报错的原因如下： 类型 使用范围 public 允许在累的内外被调用，作用范围最广 protected 允许在类内以及继承的子类中使用，作用范围适中 private 允许在类内部中使用，作用范围最窄...rxjs 是使用 Observables 的响应式编程的库，它使编写异步或基于回调的代码更容易。...所以在父子组件中，一进来就会打印 msg 的初始值 null，然后过了一秒钟之后，就会打印更改的值 Jimmy。同理，如果你在子组件中对服务的信息，在子组件打印相关的值的同时，在父组件也会打印。
ng-zorro-mobile并不是依赖ionic的组件封装，而是基于angular6封装，所以理论上是兼容ionic3/4的，只是ionic3当前稳定版最高兼容到angular5，要使用ng-zorro-mobile...而ionic4是兼容angular6的，所以可无缝使用ng-zorro-mobile。...Modal, Toast等使用上的坑 这个较详细说明一下 在官方文档中，Modal是这样用的： http://ng.mobile.ant.design/#/components/modal/...，所以个人认为下面这段注入初始化的东西是没有用便去掉： constructor(private _modal: Modal, private _toast: Toast) {} 结果报错不能使用，于是把它重新加回去还是不能使用...而这些是官方文档没有写的！！ 官方文档有待完善一下！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
