zorro源码，源码教程

ng-zorro-antd中踩过的坑

在ngzorroantd中常见的问题及解决方案：表格组件的空状态问题：问题描述：在使用表格组件时，空状态的显示可能与预期不符，有时满足要求，有时不满足。原因：这通常是由于在删除和添加表项时，直接使用了push和splice函数操作原始数组，而这些函数虽然改变了数组的内容，但没有改变数组的引用。

在前端开发过程中，我们常常会借助阿里开源的组件库ant-design，它提供的组件功能强大，能满足大多数需求，直接使用即可，非常便捷。当然，一些公司会对此进行二次开发，以打造具有独特风格的产品。本文将不涉及高深的技术细节，也不深入探讨底层源码，仅分享一些在项目中遇到的小问题。

因为add只是加入这个UI框架，你还没有安装，加入个啥呢？官网其实也写到了，只是写的顺序让一些初学者不得不去踩这个坑。

ng-zorro-antd 因受限于 #10430 未发布 Angular6 版本，尽管准备工作已就绪，原因复杂。antd 的 less 版本依赖 JavaScript，尝试转为 Scss 遭遇困境。less x 认为引入 javaScript 是不自然的，为此推出了 @plugin。

ngzorroantd升级至Angular6的指引如下：Angular升级：清除旧依赖：首先，清除node_modules文件夹以及packagelock.json或yarn.lock文件，以确保升级环境的干净。更新Angular包版本：在package.json文件中，手动将所有@angular包的版本更新为^0.0。完成版本更新后，重新安装依赖。

php写的向MySQL添加记录,但是一查数据库却没有,拿着sql语句直接去添加...

1、不是变量那里引号的问题。你把错误提示打开，如果没有插入成功，肯定是有错误提示的。你那个Success又不能真正地表示插入成功了。。

2、用名字应该也可以查，无需关闭数据库，如果你查不出来，你可以把插入和查询的SQL显示到网页上进行调试，可能是变量赋值有问题。

3、确保数据库连接成功后，可以使用INSERT语句向表中添加数据。

4、如果你的SQL语句有错误，那么这个记录也无法写入。语法错误、语义错误或者参数错误等都可能导致SQL语句失败。可能的解决方法 检查数据库连接 你可以检查数据库连接是否正确。例如，你可以尝试重新启动MySQL服务器或者重启你的应用程序。你还可以检查你的网络连接，确保连接是可用的。

5、尝试使用以下SQL语句执行插入操作：sql = INSERT INTO one（id，title，dates，contents） VALUES（NULL，$title，NOW（），$con）；确保在执行此语句之前，已经正确设置了变量$title和$con，并且它们的值是有效的。

Angular开发独立游戏(1)——翻卡牌小游戏

开始一个Angular项目，使用Angular 11，并引入Zorro组件库，它提供丰富的基础功能与清晰文档，方便理解和上手。在成功安装后，访问localhost：4200，可看到默认欢迎界面。目标是制作一款类似诺基亚手机上的翻卡游戏，每次最多翻开两张卡片，如果图案相同，则消除卡片。完成此目标，需拆分游戏为三个主要组件。

小程序与APP开发现在移动应用越来越受欢迎，掌握了小程序和app开发技术可以增强自身竞争力，这就需要掌握小程序的开发基础；能够独立开发小程序项目；能够掌握Canvas的使用；能够掌握小程序的部署与发布；能够掌握小程序开发框架mpvue的使用；掌握第三方AI平台的使用。

小程序与App开发 现在移动应用越来越受欢迎，掌握了小程序和APP开发技术可以增强自身竞争力，这就需要掌握小程序的开发基础；能够独立开发小程序项目；能够掌握Canvas的使用；能够掌握小程序的部署与发布；能够掌握小程序开发框架mpvue的使用；掌握第三方AI平台的使用。

需要学习如下内容：html语言 掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。

根据系统设计文档负责自己模块的详细设计； 负责模块的代码开发； 负责已开发模块的测试及维护； 相关技术文档的起草。

使用Angular如何实现国际化(详细教程)

1、通过Pipe调用Service方法，根据对应的唯一id值匹配json对象里的翻译结果，进而返回渲染到前端，参考于NG-ZORRO框架的国际化实现方案。首先我们定义一下json翻译对象的格式，全部为三层结构，动态变量需要按%%包裹，这样做的原因是和项目结构相关联，也便于后期和i18n方式格式统一。

2、在Angular应用中设置多语言支持，需要从`@angular/common/locales`包导入特定语言环境，如德语、日语和中文。这些环境包含针对特定语言的本地化信息，如日期格式、数字格式和货币符号。注册这些导入的语言环境至LOCALE_ID令牌，例如在AppModule中，使用`registerLocaLEData（）`函数将它们注册。

3、在国际化方面，NG-ZORRO 支持动态切换语言，开发者可以通过 setLocale 方法在运行时实现语言切换。尽管在某些版本中可能出现问题，但官方提供了相应的解决方案，确保了跨语言应用的流畅性。

4、NG-ZORRO的国际化功能允许项目动态切换语言，通过setLocale方法实现。在配置国际化时，若遇到一些版本问题导致的错误，参考相关issue和之前的locale设定解决。在NG-ZORRO的组件库中，nz-year-picker、nz-month-picker和nz-week-picker组件与nz-date-picker拥有共同的API，每个组件都有其独特的属性和用法。

5、实现搜索建议功能。通过用户输入动态更新选项，为搜索添加自动完成功能，提升用户体验。后续学习方向：可以尝试对搜索功能进行扩展，例如添加更多搜索条件、优化搜索算法等。深入学习NGZORRO组件库的定制化、主题、国际化等功能。关注NGZORRO社区的贡献内容，了解更多组件库的使用技巧和最佳实践。

angular如何集成monaco-editor

1、AMD方式：在angular.json中配置资源路径，通过service管理模块加载。可以使用@monaco-editor/Loader简化这一过程，它能从CDN获取或配置为本地资源。