随笔分类 -  前端

摘要:参考: https://juejin.cn/post/7019184783242559496#heading-5 依赖注入简介 依赖注入是前端开发者也是 Angular 开发者一道很难迈过去的坎。软件只有到达了一定的复杂度才会需要各种设计原则和模式,那么依赖倒置原则(Dependency Inver 阅读全文
posted @ 2022-10-16 16:43 Asp1rant 阅读(701) 评论(0) 推荐(1) 编辑
摘要:GraphQL 是Facebook的 API 的查询语言,也是使用现有数据完成这些查询的运行时。GraphQL 为 API 中的数据提供了完整且易于理解的描述,使客户端能够准确地询问他们需要什么,此特性使 API 随着时间的推移更容易发展,并提供了强大的开发人员工具。 Apollo GraphQL是 阅读全文
posted @ 2022-08-08 19:37 Asp1rant 阅读(149) 评论(0) 推荐(0) 编辑
摘要:本文记一下如何用typescript写的前端来上传/下载文件。 上传 上传通常用一个file类型的input来实现,再typescript中我们可以模拟这样一个dom: function loadFileCommand(): void => { const input = document.crea 阅读全文
posted @ 2022-05-17 19:39 Asp1rant 阅读(1235) 评论(0) 推荐(0) 编辑
摘要:转载自:https://zhuanlan.zhihu.com/p/297923315 Symbol是什么? symbol是 ES6 新增的一种基本数据类型,它和 number、string、boolean、undefined 和 null 是同类型的,object 是引用类型。它用来表示独一无二的值 阅读全文
posted @ 2022-03-18 17:03 Asp1rant 阅读(294) 评论(0) 推荐(0) 编辑
摘要:搬运自官网:https://www.typescriptlang.org/docs/handbook/2/types-from-types.html TypeScript 的类型系统非常强大(重要),因为它允许用其他类型来表达类型。这个想法最简单的形式是泛型,我们实际上有各种各样的类型运算符可供使用 阅读全文
posted @ 2022-01-14 13:51 Asp1rant 阅读(183) 评论(0) 推荐(0) 编辑
摘要:本文介绍如何用开发基于angular的应用,结合rosbridge和turtlebot3进行交互。 本文所用的环境是ubuntu20.04 (ros-noetic),angular12 一. turtlebot3的仿真 在ROS上安装turtlebot3仿真环境: 首先安装基本pkg: $ cd ~ 阅读全文
posted @ 2021-12-26 16:08 Asp1rant 阅读(758) 评论(0) 推荐(0) 编辑
摘要:本文介绍rosbridge并介绍如何开发基于angular的ROS项目 1. rosbridge 介绍 Rosbridge提供了ROS的前端接口,用户可以调用Javascript开发相关功能。 安装rosbridge: sudo apt-get install ros-<rosdistro>-ros 阅读全文
posted @ 2021-12-14 09:43 Asp1rant 阅读(3021) 评论(0) 推荐(0) 编辑
摘要:本文总结Rxjs中的常用Operators Pipe pipe()的参数可以放任意的operators, operator在pipe中依次执行 map, mapTo map 对源 observable 的每个值应用投射函数。 mapTo将每个发出值映射成常量。 1 import { from } f 阅读全文
posted @ 2021-04-28 20:07 Asp1rant 阅读(804) 评论(0) 推荐(0) 编辑
摘要:一. Angular的Module 模块Module是组织应用和使用外部库扩展应用的最佳途径。 Angular 自己的库都是 NgModule,比如 FormsModule、HttpClientModule 和 RouterModule。 很多第三方库也是 NgModule,比如 Material 阅读全文
posted @ 2021-04-19 17:20 Asp1rant 阅读(456) 评论(0) 推荐(1) 编辑
摘要:大多数前端应用都要通过 HTTP 协议与服务器通讯,才能下载或上传数据并访问其它后端服务。Angular 给应用提供了一个简化的 HTTP 客户端 API,也就是 @angular/common/http 中的 HttpClient 服务类。 https://angular.cn/guide/htt 阅读全文
posted @ 2021-04-15 15:22 Asp1rant 阅读(195) 评论(0) 推荐(1) 编辑
摘要:用表单处理用户输入是许多常见应用的基础功能。 应用通过表单来让用户登录、修改个人档案、输入敏感信息以及执行各种数据输入任务。 Angular 提供了两种不同的方法来通过表单处理用户输入:响应式表单(Reactive Form)和模板驱动表单(Template-driven Form)。 两者都从视图 阅读全文
posted @ 2021-04-14 15:06 Asp1rant 阅读(381) 评论(0) 推荐(0) 编辑
摘要:Observable 提供了在应用程序各部分之间传递消息的支持。它们经常在Angular中使用,是一种用于事件处理、异步编程和处理多个值的技术。 观察者模式是一种软件设计模式,在这种模式中,一个对象(称为subject)维护一个称为观察者的依赖项列表,并自动通知它们状态的更改。此模式与发布/订阅设计 阅读全文
posted @ 2021-04-12 17:24 Asp1rant 阅读(428) 评论(0) 推荐(0) 编辑
摘要:一. Route的概述 在单页面应用中,你可以通过显示或隐藏特定组件的显示部分来改变用户能看到的内容,而不用去服务器获取新页面。当用户执行应用任务时,他们要在你预定义的不同视图之间移动。要想在应用的单个页面中实现这种导航,你可以使用 Angular 的Router。 为了处理从一个视图到下一个视图之 阅读全文
posted @ 2021-04-09 22:38 Asp1rant 阅读(379) 评论(0) 推荐(0) 编辑
摘要:参考官方文档:https://angular.cn/tutorial/toh-pt4 一.服务 组件不应该直接获取或保存数据,它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。 Service的作用便可以减少数据在不同模块之间的耦合,简化代码。 创建Serv 阅读全文
posted @ 2021-04-08 10:29 Asp1rant 阅读(425) 评论(0) 推荐(0) 编辑
摘要:Directive 参考博客:https://segmentfault.com/a/1190000014704723 在Angular2中有三种类型的指令(Directive) ,如下:1. 属性型指令 - 改变元素显示和行为的指令。例如:NgStyle, NgClass …2. 结构型指令 - 通 阅读全文
posted @ 2021-04-06 19:46 Asp1rant 阅读(247) 评论(0) 推荐(0) 编辑
摘要:一. 组件的LifeCycle ngOnChanges 绑定输入属性更改后调用 ngOnInit 组件初始化后调用 ngDoCheck 在每次更改检测运行期间调用 ngAfterContentInit 在将内容(ng-content)投影到视图中之后调用 ngAfterContentChecked 阅读全文
posted @ 2021-02-05 16:54 Asp1rant 阅读(88) 评论(0) 推荐(0) 编辑
摘要:一. 变量绑定 element in html template 和 component variable 的绑定有以下两种形式: <span>{{ title }}</span> <span [innerText]="title"></span> 也可以用来绑定变量为object的成员 <p [i 阅读全文
posted @ 2021-02-04 20:40 Asp1rant 阅读(98) 评论(0) 推荐(0) 编辑
摘要:参考:https://angular.cn/docs 为Angular官网文档,介绍非常详细。 1. 学习Angular的基础 Html,前端基本知识 Javascript, Typescript编程语言 NodeJS nodejs安装angular包 npm install -g @angular 阅读全文
posted @ 2021-01-03 18:38 Asp1rant 阅读(112) 评论(0) 推荐(0) 编辑
摘要:转载自:https://www.cnblogs.com/zhaoxiaoying/p/9031890.html 一、var声明的变量会挂载在window上,而let和const声明的变量不会: var a = 100;console.log(a,window.a); // 100 100let b 阅读全文
posted @ 2020-01-04 19:10 Asp1rant 阅读(228) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示