- 博客(448)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 [Angular] 笔记 24：ngContainer vs. ngTemplate vs. ngContent
请说明 Angular 中 ngContainer， ngTemplate 和 ngContent 这三者之间的区别。chatgpt 回答：这三个在 Angular 中的概念是关于处理和组织视图的。
2023-12-30 22:56:02
891
原创 [Angular] 笔记 23：Renderer2 - ElementRef 的生产版本
在 Angular 中，Renderer2是一个服务，用于处理 DOM 操作的抽象层。它提供了一种安全的方式来操作 DOM，同时与平台无关，有助于维护应用程序的跨浏览器兼容性和安全性。Renderer2的作用是在 Angular 组件中执行 DOM 操作，例如创建元素、设置属性、添加监听器、修改样式等。通过使用Renderer2，开发者可以避免直接操作原始的 DOM 元素，而是通过 Angular 提供的抽象层来处理这些操作。使用Renderer2平台无关性Renderer2。
2023-12-30 22:15:57
1406
原创 [Angular] 笔记 22：ElementRef
ViewChildElementRef是 Angular 中的一个类，它用于包装对 DOM 元素的引用。它允许开发者直接访问与 Angular 组件关联的宿主 DOM 元素。当在 Angular 中需要直接操作 DOM 元素时，可以使用ElementRef。通常情况下，最好避免直接操作 DOM，而是使用 Angular 的数据绑定和指令。但在一些特殊情况下，比如集成第三方库或需要直接操纵 DOM 的特定功能中，ElementRef可能会派上用场。
2023-12-30 21:34:10
1205
原创 [Angular] 笔记 21：@ViewChild
chatgpt:在 Angular 中，@ViewChild是一个装饰器，用于在组件类中获取对模板中子元素、指令或组件的引用。它允许你在组件类中访问模板中的特定元素，以便可以直接操作或与其交互。例如，如果你在模板中有一个子组件或一个具有本地引用的元素，你可以使用@ViewChild装饰器在组件类中获取对该元素的引用。这样，你就可以在组件类中调用该元素的方法、访问其属性或者订阅其事件。这是一个简单的示例，演示了如何在 Angular 组件中使用@ViewChild在这个例子中，@ViewChild。
2023-12-30 19:35:00
748
原创 [Angular] 笔记 20：NgContent
chatgpt:在Angular中，NgContent是用于内容投影（Content Projection）的一个重要概念。它允许你在一个组件中插入内容，并将这些内容投影到另一个组件中。当你在一个组件中使用标签时，它充当了一个插槽，可以让你在组件的模板中插入任意HTML内容。这样做的好处是，你可以在组件内部定义模板结构，并允许外部使用该组件时灵活地插入内容，而不是固定在组件内部。举个例子，假设有一个组件，你希望能够在模态框中放置自定义的内容，而不是在组件内部硬编码。你可以在组件的模板中使用。
2023-12-30 17:16:23
917
原创 [Angular] 笔记 19：路由参数
路由参数是跟在 url 后面的数字，字符串，或者 数字+字符串，例如如下 url 中的123首先将组件移到模块中，vscode 直接 drag + drop 就可以。然后从中移除与此组件相关代码。
2023-12-29 23:39:14
867
原创 [Angular] 笔记 18：Angular Router
chatgpt：Angular 具有内置的大量工具、功能和库，功能强大且经过良好设计，如组件化架构、依赖注入、模块化系统、路由和HTTP客户端等。这些功能可以直接用于项目中，无需额外的设置或第三方库。这简化了开发流程，因为不必从头编写或集成许多常见的功能，而是可以利用Angular提供的工具快速启动和构建应用程序。也就是说，Angular 是一种自带电池(Batteries Included)的框架，web 开发所需要的一切应用尽有，Router 是其中之一。
2023-12-29 21:42:03
810
原创 [Angular] 笔记 15：模板驱动表单 - 表单验证
web 界面，如果选了其他 radio button，就会出现“NOT PRINSTINE ANYMORE IT IS DIRTY!(是否被编辑过，被改过)，以及。，就知道是用于表单验证。
2023-12-28 18:41:35
913
原创 [Angular] 笔记 14：模板驱动表单 - 复选框
checkbox 类似于 radio button, input 类型是 “checkbox”传送到后端的内容：“acceptTerms” : true。
2023-12-27 21:15:15
374
原创 [Angular] 笔记 12：模板驱动表单 - ngForm
Angular 以其表单模块而闻名。Angular 有两种类型的表单： Template 以及 Reactive：Template 表单的特点：简单，神奇，一键点击。Reactive 表单的特点：可扩展，复杂，可测试。多数情况下都可以使用 Template 表单，但如果需要应对用户输入伪造的数据等情况，就需要使用更为复杂的 Reactive 表单。ngModel在 app 中频繁出现，它不仅仅局限于表单，还可用于数据绑定。ngForm特定于 template 表单，用于表单初始化。
2023-12-27 18:54:36
1264
原创 [Angular] 笔记 11：可观察对象(Observable)
在 Angular 中，Observables 是用于处理异步数据流的重要工具。它们被广泛用于处理从异步操作中获取的数据，比如通过 HTTP 请求获取数据、定时器、用户输入等。Observables 提供了一种机制来订阅这些数据流，并可以在数据到达时执行相应的操作。其优势在于能够处理异步操作、多个事件以及数据的转换和组合，使得对数据流的处理更为灵活和高效。在 Angular 中，Observables 常用于处理 HTTP 请求、与路由、表单和事件处理等方面。接下来访问 http client，
2023-12-27 15:14:20
876
原创 [Angular] 笔记 10：服务与依赖注入
什么是 Services & Dependency Injection?chatgpt 回答：在 Angular 中，Services 是用来提供特定功能或执行特定任务的可重用代码块。它们可以用于处理数据、执行 HTTP 请求、管理应用程序状态等。Dependency Injection（依赖注入）是 Angular 框架用来管理组件之间依赖关系的机制。
2023-12-26 21:38:56
781
原创 [Angular] 笔记 9：list/detail 页面以及@Output
input 好比重力，向下传递数据，list 传给 detail，smart 组件传给 dumb 组件，父组件传给子组件。input 顾名思义，输入数据给组件。output 与之相反，好比火箭，向上传递数据或事件。output 顾名思义就是将某些数据发送出去。函数里使用了filter，是为了避免直接修改 state。
2023-12-26 19:30:32
932
原创 [Angular] 笔记 8：list/detail 页面以及@Input
list/detail 是重要的 UI 设计模式。也可以使用通过安装 Angular Files 扩展生成上面的 detail 组件:安装扩展后可以直接使用右键菜单命令生成组件：工程文件结构：然后修改工程中现在有两个新生成的组件，和，其中，是 smart 组件，是 dumm 组件。smart 组件总是向下传递数据给 dumm 组件，smart 组件之所以称为 smart ，是因为它能从数据库获得数据，相对而言，dumm 组件不会访问数据库，它只能从 smart 组件那里接收数据。接下来将。
2023-12-24 18:11:53
1671
原创 [Angular] 笔记 7：模块
使用模块的第一个原因是要对代码进行逻辑上的划分，第二个非常重要的原因是为了实现。看起来会很奇怪，从 VS code 可看到新生成的文件夹。VS Terminal 运行命令生成一个 UI 组件。Angular 中的模块(modules) 是代码。是因为Angular会自动加上一个。，即不同的模块仅在使用时才加载。，它类似于C++, C# 中的。
2023-12-22 20:49:37
708
原创 [Angular] 笔记 6：ngStyle
后缀（如 ‘top.px’、‘font-style.em’），值为待求值的表达式，得到的非空值以给定的单位表示，并赋给指定的样式属性。指令接受一个对象作为输入，其中键是 CSS 样式属性，值是对应的样式值。这使得你可以根据组件中的变量值来动态地添加或移除样式。是一个内置的指令，用于动态设置 HTML 元素的样式。它允许你根据组件中的条件或变量值动态地修改元素的样式。设置一个或多个样式属性，用以冒号分隔的键值对指定。是组件中的变量，它们根据不同的值来动态地修改文本的颜色、字体大小和字体样式。
2023-12-22 18:28:32
1853
原创 [Angular] 笔记 5：ngClass
是一个内置的指令，用于动态地添加或移除 HTML 元素的 CSS 类。它允许你根据条件设置一个或多个 CSS 类，可以是对象、数组或字符串。是一个非常有用的指令，能够根据组件中的变量或条件动态地管理元素的样式类，让你可以根据特定的情况或状态来改变元素的外观和行为。是一个在组件中定义的方法，用于返回需要应用的类名。设置 CSS，而是使用属性绑定语法，动态添加。使用数组语法可以添加多个类到元素中。基于条件动态地添加或移除类。类将被添加到元素中；Angular 中的。类将被添加到元素中。在Angular中，
2023-12-21 21:55:31
647
原创 [Angular] 笔记 3：ngIf
表达式求值为 truthy 时，Angular会渲染在then子句中提供的模板；当为falsy 时，Angular会渲染在可选的。，属性绑定是单向数据流，将数据放到web页面上。是 Angular 的行为指令。元素使用了属性绑定和事件绑定。，事件向上传递，数据向下流动。
2023-12-20 22:34:48
615
原创 [Angular] 笔记 2：模板引用变量
在Angular中，模板引用变量（template reference variables）是用来在模板中引用 DOM 元素或 Angular 组件的特殊标识符。Youtube Tutorial 上的演示代码，没有使用。来访问模板中引用的输入框元素，进而获取或修改其属性和值。符号来创建这些引用变量，然后在组件的逻辑代码中使用。就是一个模板引用变量，它引用了。在按钮的点击事件中，在组件代码中，你可以使用。装饰器来访问这些变量。这样就可以在组件中使用。
2023-12-20 19:48:36
440
原创 [Angular] 笔记1：开发设置 ， 双向绑定
下载 node，因为要使用 npm 工具，教程中使用 Angualr 14, 最新版 node 20 用不了，安装 node 16 就可以。
2023-12-12 23:33:10
207
原创 node + alipay-sdk 沙箱环境简单测试电脑网站支付
正式上线需要上传营业执照，不知道怎么去申请一个。。。。。使用沙箱测试，首先前往支付宝开放平台可看到左下方的沙箱测试链接：然后设置接口加签方式，选择系统默认密钥：系统默认密钥 -> 公钥模式 -> 查看，相关密钥分3种：应用公钥，和。(如果是非沙箱环境需要上传应用公钥)
2023-05-20 23:17:53
831
原创 Vue 3 + Element Plus 简单用法
Element Plus： A Desktop UI toolkit for Vue.js 即 Vue 桌面 UI 工具包。
2023-05-18 18:40:13
2068
原创 创建 Node REST API 文档
使用 Swagger 生成的 API 文档内容更丰富，界面也十分美观，还可以实现 postman 的功能测试 API，但步骤也更繁琐。文件，但是代码里每个route 前面都需要加如下格式的注释，让 swagger 提取以生成文档。，然后根据自己的 Node 项目内容修改，以下是从别处copy来的两份 sample。此方法就是自己写一个文件，记录 API，不需要安装额外的 package，然后。如果使用这份文件，假定 node 使用80端口，打开浏览器。，可以看到如下界面，这就是 API 文档，就是前面的。
2023-05-08 16:19:54
776
原创 sequelize + Nodejs + MySQL 的简单用法
Sequelize是最流行的可以与 Nodejs 一起使用的一种关系数据库 ORM (Object-relational mapping 对象关系映射)，Mongoose 是 MongoDB 的 ORM.Sequelize 的作用，简单地说，就是避免在代码里写原生 SQL 语句，而是将这种语句改成 JavaScript：不必再写类似下面这样含有SELECT或者DELETEif(err) {} else {} });});
2023-04-22 20:47:27
1085
1Java EE and HTML5 Enterprise Application development
2018-05-13
Google C++ Style Guide
2018-05-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人