• 2024-07-01【App Service】解决 .NET Profiler 报告打开后无数据加载的问题
    问题描述AppService上可以收.NET应用的ProfileTrace文件,并且可以自动分析报告。CollectaProfilerTraceIfyourappisdownorperformingslow,youcancollectaprofilingtracetoidentifytherootcauseoftheissue.Profilingislightweightandisdesigne
  • 2024-06-30334 Login UI
    步骤1、login-user.ts运行如下命令ng g class models\LoginUser生成的login-user.ts更新后显示如下exportclassLoginUser{email:string|null=null;password:string|null=null;}2、account.service.tsimport{HttpClient,HttpHeaders}from'
  • 2024-06-20Angular 兄弟组件之间的传值
    Angular兄弟组件之间的传值 在Angular中,兄弟组件之间直接传递数据并不直接支持,但可以通过以下几种方式实现通信:1使用服务(Service):创建一个服务,用于存储和管理需要共享的数据。在这个服务中定义一个BehaviorSubject或ReplaySubject(来自rxjs库),这些是可观察的对象,可以用
  • 2024-06-18electron打包angular为exe程序,比较新版本的angular和electron
    一。先创建一个angular项目,具体安装步骤可以查看angular官网介绍,这里不做过多介绍,(https://angular.cn/guide/setup-local)这是官网安装地址,有可能地址会访问不了:1.全局安装AngularCLI:npminstall-g@angular/cli   2.创建一个名称为test的项目:ngnewtest二。安
  • 2024-06-18Angular项目简单使用拦截器 httpClient 请求响应处理
    1:为啥要使用拦截器httpClient请求响应处理,其作用我们主要是:目前我的Angular版本是Angular17.3,版本中实现请求和响应的拦截处理了。这种机制非常适合添加如身份验证头、错误统一处理、日志记录等功能。======具体的操作步骤=======2:注入服务:nggsservices/myhttp-intercept
  • 2024-06-18Angular项目路由配置与导航守卫
    1:一个项目的所有组件如下测试案例:AppComponent,HomeComponent,TopComponent,MenuComponent,ProductComponent,BodyComponent,MydialogComponent,MybooksComponent,StudentComponent,TeacherComponent,WelcomeComponent,
  • 2024-06-17Angular 18+ 高级教程 – Memory leak, unsubscribe, onDestroy
    何谓 MemoryLeak?Angular是SPA(Single-pageapplication)框架,用来开发SPA。SPA最大的特点就是它不刷新页面,不刷新就容易造成memoryleak。举个例子:有一个页面A,我们写了一个setInterval执行一些代码(比如autoplay幻灯片)。当用户离开页面A去页面B时,传统网
  • 2024-06-14Angular 集成 StreamSaver 大文件下载
    应用场景:实现目标:在网页端实现大文件(文件大小>=2G)断点续传实际方案:发送多次请求,每次请求一部分文件数据,然后通过续写将文件数据全部写入.难点:无法实现文件续写,最后采用 StreamSaver来解决这个问题. 1.首先从github将 StreamSaver拉取下来.Strea
  • 2024-06-13Angular Material 18+ 高级教程 – Material Form Field
    介绍FormField或TextField是MaterialDesign独有的设计风格。它长这样注:MaterialDesign管它叫TextField,AngularMaterial管它叫FormField。我们不要乱,本篇统一叫FormField就好。顾名思义,Form代表表单,Field代表<fieldset>里的field。拿一个 W3Schools
  • 2024-06-11【Spring Boot 整合 Angular】
    今天我们尝试SpringBoot整合Angular,并决定建立一个非常简单的SpringBoot微服务,使用Angular作为前端渲编程语言进行前端页面渲染.基础环境技术版本Java1.8+SpringBoot1.5.x创建项目初始化项目bashmvnarchetype:generate-DgroupId=com.edurt.sli.sliss-Dartifact
  • 2024-06-10Web前端三大主流框架
    1.React.js:React.js是由Facebook开发的一款用于构建用户界面的JavaScript库。它采用组件化的设计思想,可以将一个页面拆分成多个独立的组件进行开发,然后通过组合这些组件来构建复杂的用户界面。React.js使用VirtualDOM技术来实现高效的页面渲染,只更新需要变化的部
  • 2024-06-08IT闲谈-WEB前端主流三大框架
    目录一、Angular二、React三、Vue.js小结前言这里给大家简单介绍一下web前端框架;随着互联网技术的飞速发展,Web前端技术也在不断地演进和更新。目前,前端比较多的三大主流前端框架Angular、React和Vue.js,成为前端开发者的得力助手。文章主要是讲解这三大框架的由来、发
  • 2024-06-07在我的 ngrx 效果中,switchMap 和其他运算符的区别
    我有以下效果publicSetProperTab$=createEffect(publicSetProperTab$=createEffect(()=>{返回this.actions$.pipe(ofType(actions.SetProperTab)、switchMap((action)=>;this.store$.select(selectors.GetHasLogicalPr
  • 2024-06-06Angular Material 18+ 高级教程 – CDK Drag and Drop
    前言         目录上一篇 AngularMaterial18+高级教程–MaterialTooltip下一篇 AngularMaterial18+高级教程–CDKTable想查看目录,请移步 Angular18+高级教程–目录喜欢请点推荐
  • 2024-06-052024流行的前端框架
     随着技术的进步,一些前端框架的设计是为了让开发人员获得最高的效率。所有框架都有其独特的功能,使得开发人员很难选择一个。由于每个企业都有不同的需求和目标,因此其网站和应用程序的开发也应根据其需求和梦想进行管理。市场上最好的前端框架一直存在争议。然而,最近的
  • 2024-06-04Angular Material 18+ 高级教程 – 大杂烩
    前言本篇记入一些AngularMaterial的小东西。 OverrideMaterialIconButtonSize参考:StackOverflow– Changesizeofmat-icon-button想overrideMaterialstyles有好几招可以用。第一招是overrideCSSvariables,这是最安全有效的方式,但是AngularMaterial不
  • 2024-06-04前端开发框架发展概览
    本文分享自天翼云开发者社区《前端开发框架发展概览》,作者:张****亮随着互联网技术的不断发展,Web应用程序的复杂性也在不断增加。前端开发框架也在不断地进化。早期,jQuery作为一种常用的JavaScript库,被广泛应用于网页开发。但是,随着Web应用程序复杂性的增加,jQuery的维护和扩展变
  • 2024-06-03前端开发三大主流框架解析
    Web前端三大主流框架分别是Angular、React和Vue.js。以下是《优联前端》关于这三个框架解析介绍:Angular:来源与开发者:Angular是由Google开发的前端框架。功能特点:Angular是一个完整的框架,包括了数据绑定、组件化、路由、依赖注入等功能。它采用了TypeScript作为开发语言,这是J
  • 2024-06-01web前端三大主流框架详细介绍
    1.AngularAngular是一个由Google开发的用于构建Web应用的开源JavaScript框架。Angular使用TypeScript语言编写,它是一种由Microsoft开发的JavaScript超集,可以提供更丰富的功能和更严格的类型检查。Angular是MVC(Model-View-Controller)框架,它提供了一种结构化的方法来开发Web应用
  • 2024-05-31Angular 18+ 高级教程 – Coding Style Guide 编码风格
    前言Angular从v14开始大改特改,改最多的就是编码风格。以前偏向classfirst,@Decoratorfirst,mutablefirst。现在偏向functionfirst,immutablefirst。本篇主要是探讨v14后,尤其是Signal后的Angular编码风格,看看怎么写会比较合理舒服
  • 2024-05-30web前端三大主流框架
    Web前端三大主流框架分别是Angular、React和Vue.js。下面我将分别详细介绍这三个框架的特点、优缺点以及应用场景。1.Angular特点:完整性:Angular是一个完整的框架,提供了数据绑定、组件化、路由、依赖注入等功能。TypeScript支持:Angular使用TypeScript进行开发,提供了静态类型
  • 2024-05-29深入解析Web前端三大主流框架:Angular、React和Vue
    Web前端三大主流框架分别是Angular、React和Vue。下面我将为您详细介绍这三大框架的特点和使用指南。Angular核心概念:组件(Components):组件是Angular应用的构建块,每个组件由一个带有装饰器的类、一个HTML模板、一个CSS样式表组成。组件通过输入(@Input)和输出(@Output)装饰
  • 2024-05-29Angular (四) | 创造属性指令-15
    1.简单属性指令的创建@Directive装饰器类似于@Component先创建选择器select创造函数里的实参为DOM元素值directive和component在ngMoudule里声明在一起2.获取元素属性值@Attribute在constructor获取属性值的参数3.输入属性可以通过指令的选择器直接获取参数值,但在
  • 2024-05-28Angular primeNg i18n 国际化多语言处理
    i18nAPI允许为组件全局设置翻译并与翻译库集成。PrimeNg官网相关地址详细步骤如下: 1:安装如下两个包。一个是翻译的一个是语音请求的npminstall@ngx-translate/core@ngx-translate/http-loader--save2:项目assets目录下创建en.json和zh.json两个文件或者更多国
  • 2024-05-28界面组件Kendo UI for Angular教程 - 构建强大的PDF阅读器(二)
    如今当用户需要处理PDF文件时,通常不得不下载应用程序或者浏览器插件,控制用户如何与PDF交互并不是一件容易的事。如果我们提供PDF作为内容,用户可以下载它并使用浏览器或PDF本身提供的控件进行交互。然而,一些企业可能希望控制用户使用PDF的方式,以提供更好的体验或在某些条件下限制下