AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityuniappUnity3dReactFlexAnt DesignelementuiWeb前端微信小程序微信公众号
「微前端架构」-Angular风格-第1部分
它是什么，为什么我需要它?让我们从why部分开始，当单页面应用程序启动的时候，大多数应用程序都非常小，并且由一个FE团队管理，一切都很好……随着时间的推移，应用程序变得越来越大，管理它们的团队也越来越大。没有必要过多地讨论拥有大型代码库和大型团队的问题……“微前端”这个术语最近被
[Angular] The non-null assertion operator ( ! )
WhenyouuseTypeScript's --strictNullChecks flag,youcanpreventthetypecheckerfromthrowinganerrorwithAngular'snon-nullassertionoperator, !.TheAngularnon-nullassertionoperatorcausestheTypeScripttypecheckertosuspendstric
【Angular专题】——2【译】Angular中的ForwardRef
原文地址:https://blog.thoughtram.io/angular/2015/09/03/forward-references-in-angular-2.html作者：ChristophBurgdorf译者注：文章内容比较老，控制台信息等与新框架不完全一致，理解思路即可。一.问题点在哪里先做一个小声明，我们现在拥有一个AppComponent，并使用DI系统向其中注
【Angular专题】——1Angular，孤傲的变革者
一.漫谈AngularAngular，来自Google的前端SPA框架，与React,Vue并称前端框架的三驾马车，前些日子刚发布了7.0版本。它是一个十足的革命者，每一次亮相，都会把新的思想和软件层面的实现提供给开发者，从Angularjs1.0时代推翻jQuery的统治地位，到Angular2.0时代基于Typescript的全面升级，再到
Angular环境搭建及简单体验
一、安装开发环境npminstall-gtypescriptnpminstall-g@angular/cli二、创建hello-world项目创建项目ngnewangular2-hello-world查看新建项目的目录结构cdangular2-hello-worldsudoaptinstalltreetree-F-L1.├──angular.json├──karma.conf.js
angular的生命周期
ngOnInit  //初始化ngAfterViewInit //视图加载完成ngOnChanges()当angular设置或重新设置数据绑定的输入时响应ngDoCheck  检测，发生在angular无法检测或不愿检测时@ViewChild("xxx")xxx:any   //获取dom父组件也可以给子组件传方法：[run]="run" 
angular加载图片、条件判断
当要加载的资源在assets里时，路径可以直接写assets/xxx/xxx条件判断*ngIf[ngSwitch]="orderStatus"*ngSwitchCase="1" 动态样式[ngClass]='{"blue":flag,"red":!flag}'[ngStyle]="{'color':'red'}"   [ngSt
【Angular专题】——【译】Angular中的ForwardRef
原文地址:https://blog.thoughtram.io/angular/2015/09/03/forward-references-in-angular-2.html作者：ChristophBurgdorf译者注：文章内容比较老，控制台信息等与新框架不完全一致，理解思路即可。一.问题点在哪里先做一个小声明，我们现在拥有一个AppComponent，并使用DI系统向其中
【响应式编程的思维艺术】 5Angular中Rxjs的应用示例
【摘要】Rxjs在angular中的基本应用本文是【Rxjs响应式编程-第四章构建完整的Web应用程序】这篇文章的学习笔记。示例代码托管在：http://www.github.com/dashnowords/blogs一.划重点RxJS-DOM原文示例中使用这个库进行DOM操作，笔者看了一下github仓库，400多星，而且相关的资料很少，所
Angular 学习笔记 (Angular 12 get started)
Angular12视乎比以往更稳定了. 这里记入一般的getstarted结构和做法.  第1步,创建项目.ngnewproject--create-application=false默认会自动创建app,先关掉它. 第2步,装eslint和prettier 早期ng是用tslint的,后来废弃了,现在改用eslint 
angular实现图片压缩、裁剪功能
<nz-descriptions-itemnzTitle="头像"nzSpan="24"><nz-uploadclass="avatar-uploader"nzAction="/baseupload"nzListType="picture-card"[nzShowUploadList]="false"[
Angular前端框架学习心得
引用1》CDN引用：<scriptsrc=“https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js”>2》本地下载后使用：<scriptcharset=“utf-8”src="…/…/lib/angular/angular/angular-min.js">使用分层controller层：(function(){varapp=angular.module(“app
入门前遇到的问题总结
1.环境nodejs：我用的版本是v14.17.0angularcli：最好不要安装太新的版本，由于版本的问题，我这个新手真的踩了好多不必要的坑2.关于版本的命令ng-v一堆命令（已经安装了某个版本的angular）ngversion查看版本3.angular的卸载和指定版本的安装npmuninstall-g@angula
Angular 项目里 angular.json 文件内容的学习笔记
看一个基于Angular的SAPSpartacus项目里angular.json的例子：version:Theconfiguration-fileversion.newProjectRoot:Pathwherenewprojectsarecreated.Absoluteorrelativetotheworkspacefolder.defaultProject:Defaultprojectnametouseinco
【Angular专题】 (3)装饰器decorator，一块语法糖
一.Decorator装饰器修饰器是ES7加入的新特性，Angular中进行了大量使用，有很多内置的修饰器，后端的同学一般称之为“注解”。修饰器的作用，实际上就是设计模式中常说的装饰者模式的一种实现，早在ES6开始，设计模式原生化就已经是非常明显的趋势了，无论是for..of..和Iterator接口的配合内
angular学习4-表单
9.angular表单9.1.1表单概述模板式表单表单的数据模型是通过组件模板中的相关指令来定义的，因为使用这种方式定义表单的数据模型时，我们会受限与HTML的语法，所以模板驱动方式只适用于一些简单的场景 响应式表单使用响应式表单时，你通过编写TypeScript代码而不是Html代码来创
重新学习angularjs--第一篇入门
几乎是一年之前，泛泛接触了angularjs,也做了一些项目，但是时至今日，几乎已经忘记了ng的使用，由于业务需要，近日要攻克这座难关，重新学习。会把学习的一些东西拿出来，记录之。   angularjs的官网：https://angularjs.org/，就不介绍这个框架了，直接学习这个框架。   同jquery一样，
vue进阶——vue简介
vue起源​Vue的作者是留美中国学生尤玉溪，Vue起源于2013到2014年，这仅仅是Vue的起源。在Vue不断的发展过程中被开发者普遍认可的大概在2016年，直到今天Vue的发展较为健康，Vue3.0正式版本很快也将发布。Vue的健康发展离不开起框架本身的特点。但是不可否认Vue的一些思想是借鉴于
创建自定义的指令
前言   最近工作比较清闲，然后上班时候看了看angular，在看到自定义指令的时候，尝试了一下，发现了一点小感悟。正文    <!DOCTYPEhtml><html><head><metacharset=
Angular踩坑-ExpressionChangedAfterItHasBeenCheckedError异常
和Angular打交道的过程中大概率会遇到ExpressionChangedAfterItHasBeenCheckedError，这个异常通常只在开发调试时会被抛出，生产环境里会被'吞掉',虽然生产环境中看不到这个异常，但这并不意味着不需要处理这个问题;出现这个异常可能导致ui上显示的数据和实际的不同步.我在初学Angul
Angular：都2021年了，你为啥还没用Angular
本文分享自华为云社区《什么是Angular数据绑定及其实现方式？》，原文作者：Yuchuan。Web开发需要模型和视图之间的数据同步。这些模型基本上包含数据值，而视图则处理用户看到的内容。因此，如果您想知道这在Angular中是如何发生的，这篇有关Angular数据绑定的文章将为您提供帮助。下面提
【华为云技术分享】三大前端技术(React,Vue,Angular)探密下
【华为云技术分享】三大前端技术(React,Vue,Angular)探密（上）【Angular】Angular（通常被称为 "Angular2+"或 "Angularv2及以上版本"）是一个基于TypeScript的开源Web应用框架，由Google的Angular团队和由个人以及企业组成的社区领导。 Angular是由构建AngularJS的同一个团队从零开始
Angular依赖注入笔记
@Injectable({ providedIn:'root',})providedIn:'root',表示在这个application中的任何地方都可以看到，如果不使用这个，就需要在app.module.ts中进行providers使用这个装饰器，表示这个service可以注入，并且在每一个地方都是相同的instance（单例），这个和DIToken有关系，DIToken实际上
Angular依赖注入笔记
@Injectable({ providedIn:'root',})providedIn:'root',表示在这个application中的任何地方都可以看到，如果不使用这个，就需要在app.module.ts中进行providers使用这个装饰器，表示这个service可以注入，并且在每一个地方都是相同的instance（单例），这个和DIToken有关系，DIToken实际上
angular 2个项目以上
1生成项目ngnewxxx--createApplication=false--directory=frontend--interactive=false--createApplication=false参数避免创建初始应用程序（默认值为true）。否则，AngularCLIsrc在新工作空间的文件夹中创建一个应用程序。在工作空间的子文件夹（projects）中生成应用程序。
Angular 登陆注销
前言之前一直感觉自己对登陆注销掌握的很好，无非就是登陆的时候一个验证用户名密码，设置判断登陆的标志，就有点飘，一直没有认真看代码是怎么实现的，包括到上次老师让我写登陆和个人中心的时候才意识到自己还没有搞清楚很多细节（对我来说）。登陆一、验证用户名密码首先说一下我对登陆的理
Angular数据双向绑定
AngularJS诞生于2009年，由MiskoHevery等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular实现了双向绑定机制。所谓的双向绑定，
angular 修仙之路
Angular修仙之路目录angular-movie-appwhat-is-a-service-in-angular-js-why-to-use-itAngular6学习笔记——路由详解【前端】Angular8入门教程笔记+Angularmaterial安装与使用Angular服务Angular服务是单例对象，在应用程序的生存期内只实例化一次。它们包含在应用程
Angular form控件原生HTML代码里ng-reflect-form属性和其值的生成时机
简单的Component代码：import{Component}from'@angular/core';import{FormControl}from'@angular/forms';@Component({selector:'app-reactive-favorite-color',template:`FavoriteColor:<inputtype="text&quo
angular组件以及组件里面的模板
angular组件以及组件里面的模板<h1>{{title}}</h1><div>1+1={{1+1}}</div><!--绑定HTML--><div[innerHTML]="h"></div><!--绑定属性--><div[id]="id"[title]="msg">调试工具看看我
    pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native