在讲到angular2 及以上项目打包之前，我先讲一下。angular cli 拥有自己的打包工具，熟悉的可以直接上手。如果用不惯，也可以去使用webpack 之类的。内置的systemjs也是很好用的。 项目都完整之后，接下来就是令人头疼的打包问题。第一步在项目根目录下运行ng build（为了方便大家对比，所以先运行此命令），如下：其次在运行ng build --prod
转载
2023-06-07 22:25:30
218阅读
前端框架是现代网页开发的核心组成部分，它们帮助开发者高效地构建复杂的用户界面和单页应用（SPA）。最常用的三个前端框架是 React、Vue 和 Angular。每个框架都有其独特的设计理念和功能特点，适用于不同的开发场景。1. ReactReact 是由 Facebook 开发和维护的一个开源 JavaScript 库，专注于构建用户界面。它被广泛用于构建单页应用（SPA），尤其是需要
1. 摘要2. https://update.angular.io/3. 总结环境:Angular CLI: 11.0.6Angular: 11.0.7Node: 12.18.3npm : 6.14.6IDE: Visual Studio Code1. 摘要近些年Web技术飞速发展，新的类库、框架如雨后春笋般不断涌现，而每个类库也不断的更新、升级，甚至是不再兼容的升级。笔者之前维护的一个6年项目，
Sonarqube与Angular集成有两种方案： 一种是使用ng test生成lcov.info文件后，通过SonarScanner CLI直接读取文件。 一种是通过在angular项目中安装sonarqube的组件，将其集成在一起。 下面会讲两种方法 方法一：使用SonarScanner CLI
原创
2022-10-19 10:31:19
214阅读
什么是框架？众所周知，就是一种实现的结构，从程序员的角度看，前端框架是一种特殊的、已经实现了的web应用，我们只需要对他进行具体的业务逻辑的填充即可，由框架根据具体的业务逻辑来调用代码的执行。angular就是一个这样的JavaScript框架。下面我们就来说一下，angular2安装过程中所需要的环境配置。一、解析环境1、Node. js下载解析： Node.js是一个让JavaScript运行
转载
2023-12-06 23:07:45
44阅读
angularjs缺点： 1。本身的脏值检查机制，当页面数据发生变化时，就会触发检查机制，当页面绑定的数据越来越多时，就会造成程式不断的去触发脏值检查机制，程序的相应就会越来越慢2.路由，子路由不可嵌套，提供了一个第三方解决方式uirouter,但是使用起来非常不稳定。3.作用域$scope作用域的限制，使得很多原生的事件不能使用。比如click事件，必须使用指令来实现4.表单校验的时候必须写一个
转载
2024-01-29 11:41:10
41阅读
1、技术概述HttpClient是Angular框架中用来创建和发送Get、Post等Http请求的实用模块。因为我们的团队项目是前后端分离的架构，由Angular编写的前端（客户端）要与Java编写的后端（服务器）通信，所以需要学习该技术。其难点我认为主要在于请求体的写法。2、技术详述（1）引入：
在需要使用到HttpClient的组件（通常是某个服务）的构造方法中，通过依赖注入的方式引入：co
转载
2023-07-04 14:23:23
49阅读
1.angularjs简介
AngularJS 是一款以前后端分离为优势的前端 JavaScript 框架，也有人将其称为MVC（model、view、controller）框架，AngularJS 通过 指令 扩展了 HTML.且通过 表达式 实现页面与js数据的双向绑定,采用路由（route）模式实现单页面跳转，AngularJS有着诸多特性，最为核心的是：MVC、模块化、双向数据绑定、语义
转载
2024-08-12 13:55:44
52阅读
路由与导航 import { Routes, RouterModule, ... } from '@angular/router'; const routes: Routes = [ { path: '', component: HomeComponent }, { path: 'path/:routeParam', component...
原创
2023-03-05 15:39:30
152阅读
angular的封装与继承面向对象的三大特征是继承、封装、多态。JavaScript可以模拟实现继承和封装，但是无法很好的模拟实现多态，所以我们说JavaScript是一门基于对象的语言，而非是面向对象的语言。当然在TypeScript可以实现多态，后面会有实例讲到。参考网址：https://github.com/Murphycx94/blog/issues/30step1：D:\vue\unti
原创
2022-03-28 17:10:20
443阅读
angular的封装与继承面向对象的三大特征是继承、封装、多态。JavaScript可以模拟实现继承和封装，但是无法很好的模拟实现多态，所以我们说JavaScript是一门基于对象的语言，而非是面向对象的语言。当然在TypeScript可以实现多态，后面会有实例讲到。参考网址：https://github.com/Murphycx94/blog/issues/30step1： D:\vue\untitled2906\src\app\SomeClass.tsexport namespace App
原创
2022-04-19 11:55:54
204阅读
# Angular、React、Vue与jQuery 科普文章
## 引言
在现代的Web开发中，前端框架扮演着重要的角色。Angular、React、Vue与jQuery是目前最受欢迎的前端框架之一。本文将对它们进行深入的介绍，并通过代码示例来展示它们的特点和用法。
## jQuery
jQuery是一个功能丰富且易于使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画
原创
2023-09-11 06:53:24
67阅读
背景在Angular产品开发中，随着功能的增多，项目的性能会变慢。其中一个重要原因就是每次model数据改变时，都会触发大量组件的变更检测。为了解决问题，我们可以应用Onpush策略。方案本文参考了大量理论资料，并结合实际项目提出了应用OnPush策略的最佳实践，供读者参考。最佳实践 1. 尽量在所有组件中应用OnPush策略。2. 进行变更检测一定要有原因，不要随便进行变更检测。 https:/
相同点：都拥有双向绑定机制和指令 不同点： ng是一个完整的mvvm框架，vue主要是view层展示 ng双向绑定基于模板编译规则（脏检查），v...
原创
2022-03-02 13:53:45
572阅读
Scope层级结构顶层服务对象$rootScope来源于ng模块。由$RootScopeProvider提供。由于ng模块是angular.bootstrap()运行时依赖的模块，所以在整个应用中都能够通过$rootScope引用，并且在这个应用中是唯一的。但唯一性仅限于单个应用内，由于服务都存在注
转载
2018-03-03 16:05:00
88阅读
2评论
对于Angular我们知道，其是一款来自谷歌的用HTML和TypeScript构建客户端应用的平台与的开源web框架。而Angular本身就是用TypeScript开发而成的。它将核心功能和可选功能作为一组TypeScript库进行实现，可以根据需求把它们导入到应用中。Angular的基本构造块是NgModule，它为组件提供了编译的上下文环境。NgModule会把相关的代码收集到一些功能集中。事
原创
精选
2019-05-18 19:21:14
2384阅读
背景 近期我司项目的需要，采用Angular(4)+SpringBoot前后端分离的架构。并且在需要在项目中实现Arcgis地图。 寻 像我这种菜鸡遇到这种没有干过的事情肯定是先问百度和谷歌,两个关键词敲下。几乎搜索的内容里很少有两个关键字共存的。但是我这慧眼识得好代码，于是发现了这: https:
转载
2020-08-13 13:27:00
137阅读
点赞
1评论
Angular 是一个不断发展的框架，从其诞生到现在，经历了多个版本的更新与演变。每个版本都带来了新的特性、性能改进和开发体验的提升。本文将回顾 Angular 从 Angular 2 到 Angular 14 的演变历程，并展望其未来的发展方向。Angular 2：框架的重生Angular 2 是 Angular 1.x 的彻底重写，旨在克服 AngularJS 的性能瓶颈，提升开发体验。它的关
Create an app with routing config: If you want to generate a new module with routing , you can also do: Define env variable: You can create a custom e
转载
2017-03-23 21:48:00
252阅读
2评论
{% block main %} <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular.min.js"></script> <script type="t
转载
2016-03-03 16:13:00
95阅读
2评论
