angular1x初始与架构演进（二）

最新推荐文章于 2024-06-23 17:16:57 发布
最新推荐文章于 2024-06-23 17:16:57 发布
阅读量1.3k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端 Angular 文章标签： angular 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_26744901/article/details/54233090
本文介绍了作者在项目中如何引入并应用CDN、OcLazyLoad等技术来优化前端架构，实现更高效的开发流程和部署策略，包括使用Gulp进行自动化构建、迁移至Git版本控制系统及实施Code Review等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

很荣幸第二个项目全权是由我负责的，推进了公司前端技术架构：


CDN：js全部cdn通过时间轴来进行区域覆盖更新
OcLazyLoad：Angular按需加载模块js，Angular也可以通过requirejs进行按需加载，我选择最简单
Gulp：通过监控js，less源文件变化，编译压缩生产min版本，自动更新页面时间轴，采取非打包模式，个人习惯导致
Git：svn在开发环境下，后端部署的时候频繁出现文件丢失，文件未覆盖的问题，于是我们迁移到了git，git的优势更多不一一说了
GitLab：进行codeReview（代码审核）
负载均衡：采取踢掉一台，部署一台，再上线到负载上，重复所有机器完成为止，保证服务稳定，不间断。
模块开发：列表-详情-新增-修改为一个模块
缺少：单元测试，监控层

Angular1.x入门级自定义组件（导航条）
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
04-20 5193
<!DOCTYPE html> <html lang="zh" ng-app="app"> <head> <meta charset="UTF-8"> <title>百度导航条</title> <script src="../angular.js"></script> ...
angular入门（1.x）
weixin_44708911的博客
11-24 1147
angular.js: 教程可以作为跳板，因为vue也参考了angular的设计。 angular.js是google开源的前端js结构化框架 第一次学习结构化框架，它和函数库有什么区别呢？ 比如jQuery中，安装之后，可以在编写js中有一个$符帮助我们去寻找特定的方法，方便记忆和使用（能够提高效率），在jQuery中所有的都是属于函数调用（对内容封装，给出api）。 angular.js的特性和优点： 双向数据绑定 声明式依赖注入 解除耦合应有逻辑，数据模型和视图。（耦合度，会让开发比.
Angular1.x学习
Venus_j的博客
09-19 990
引入AngularJS库文件 &lt;script type=”text/javascript” src=”angular.min.js”&gt;&lt;/script&gt;一般的js文件都是放在&lt;body&gt;的底部，为了优化应用加载时间   AngularJS的加载执行过程： HTML页面加载的时候，会触发加载页面包含的所有JS文件 找到ng-app，它是启动angular...
Angular1.x 基础入门
Chans_troye的博客
06-26 1721
一、Angular1.x概述致力于单页面应用（single page application）不直接操作DOM元素，数据驱动为核心，以操作数据完成页面的一系列二、Angular1.x特点MVCMVC模式Model：模型，业务数据，存储于特定作用范围内的变量View：视图，负责页面的展示，HTML + directiveController：控制器，在controller中声明模型数据可以实现模型和...
Angular1.x基础知识
baidu_30907803的博客
03-08 1848
总结Angular1.x的基础知识
AngularJS1.x快速入门
石头的博客
04-26 7809
AngularJS1.x快速入门 1. 简介  AngularJS是一个基于MVC处理模式，实现了MVVM数据双向绑定的用于开发动态web项目的框架。以其数据和展现分离、MVVM、MVC、DI等强大的特性活跃于前端开发市   场，是前端敏捷开发使用的主流的必须掌握的框架之一。    AnuglarJS是前后端分离软件架构模型下，前端业务处理的解决方案！     注意：库
AngularJS 1.x 简单使用
LGX_TvT的博客
09-19 1661
AngularJS 1.x 的使用
Angularjs 1.x 学习笔记
王扬扬的博客
05-02 1130
一，引入百度CDN：&lt;script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"&gt;&lt;/script&gt;引入参考地址：http://www.angularjs.net.cn/download/二，AngularJS 指令当网页加载完毕，AngularJS 自动开启。ng-app 指令告诉 Ang...
纯angular1.x 前端框架
03-10
使用angular1.x 做的web端的单页面前端框架，使用wampserver可运行查看。主要用了$state模块。
Angular1.x安装与配置
H5BOYs的博客
10-19 2891
关于angularJS的安装与配置； 安装： 1.首先要安装node.js和它的npm包管理系统。（nodejs相关待整理） 2.安装grunt 　　.grunt是一个基于任务的Javascript工程命令行构建工具。 　　在dos窗口输入：npm install grunt-cli -g 　　具体模块安装：npm install(grunt或grunt模块
Angular 1.x 精华一页纸
起了大早，赶了晚集
04-07 587
AngularJS/Vue/React 都是通过JS利用H5自定义标签和属性的能力，提供一些指令和逻辑控制，实现界面逻辑。所以他们在很多设计方面都有相似点。 1、典型用法 I、基本架构 HTML5 部分 -- 引入应用和控制器，并指定其作用域 JS部分 var app = angular.module('myApp', []); app.contro
angular1.x初步学习
sunzr_17的博客
01-06 281
angular1.x初步学习 双向绑定 跟vue和react 一样得得绑定 ng 有指令操作 可以用ng - init直接 初始化一个值 ng-bind=“” 可以直接绑定 可以 允许 自制的属性 比如data-ng-init 实例 的书写方法跟vue 一样 AngularJS 模块（Module） 定义了 AngularJS 应用。 AngularJS 控制器（Controller） 用于控制 AngularJS 应用。 ng-app指令指明了应用, ng-controller 指明了控制
Angular 1.x 和 Angular 2.x 的区别
猎人在吃肉
07-07 467
Angular2 不是从 Angular1 升级过来的，Angular2 是重写的，所以他们之间的差别比较大； Angular2 使用了 javascript 的超集‘Typescript’，所以 Angular1 和 Angular2 从设定之初就是不一样的； Angular1 在设计之初主要是针对 pc端 的，对移动端支持较少（当然也有其他一些衍生框架如ionic），而 Angular2 是设计 包含移动端 的； Angular1 的核心概念是 scope ， 但 是 Angular2 中 没 有 s.
Angular1.x知识点总结
weixin_39407291的博客
08-10 169
从去年五月份开始，公司项目一直都用angular1.x,直到最近7月份，开始了新的项目换用了Vue,今天就把angular1.x的知识点总结一下。 angular.forEach ng-if ng-show $scope $rootScope 全局变量 ng-app ng-init ng-bind ng-model ng-controller ng-repeat ng-if ng-select ng-change ng-click 自定义模块 angular.module(‘myModule’,[ng
angular1.x中$apply()、$evalAsync()、$digest()比较说明
Bidding
05-05 678
一般情况下，我们都是在AngularJS的上下文中操作的，angularJS会帮我们自动的计算和检测发生变化的变量以及对象。然而，当我们在angularJS上下文之外操作的时候，angularJS是检测不到的，所以需要我们手动的去同步： 1、$apply() 2、$evalAsync() 3、$digest() 4、$timeout() 以下简要的说明一下这几个方法： $...
Angular1.x与Angular2+区别
baidu_30907803的博客
03-09 706
Angular1.x与Angular2,Angular4的区别？
（10）AngularJS 1.X 之常用服务
王培晓Carpenter
02-08 802
引言 常用服务的使用 1scope和rootScope服务的使用 11 scope服务的使用 12 rootscope服务的使用 13 供应商服务注入到其他方法中apprun方法 2 http服务的使用 21 httpget方法的使用 22 httppost方法的使用 3 location服务的使用 31 host方法的使用 32 url方法的使用 33 path方法的使用 34 replace方法
全面分析一下前端框架Angular的来龙去脉，分析angular的技术要点和难点，以及详细的语法和使用规则，底层原理-小白进阶之路
最新发布
zhang9880000的博客
06-23 4779
Angular 是一个由 Google 维护的开源前端框架。它最早在 2010 年发布，最初版本称为 AngularJS。2016 年，团队发布了一个完全重写的版本，称为 Angular 2，之后的版本（如 Angular 4、Angular 5 等）都统称为 Angular。Angular 使用 TypeScript 编写，提供了静态类型检查、现代 JavaScript 特性等优点，有助于提高代码质量和开发效率。采用组件式开发，将应用程序分割成独立的、可复用的组件，每个组件包含自己的模板、样式和逻辑。使用
AngularJS1.X学习笔记1-整体看看
weixin_30907935的博客
03-31 171
　　听说 明天是愚人节，这与我有什么关系呢！我可 不想被愚弄，但是但是，我这么笨怎么才能不被愚弄呢？左思右想，我决定从现在开始闭关，闭关干啥哩？学习！学习AngularJS。以前学习过Angular的，不过很久没用都忘的差不多了，所以决定好好复习一下。这两天我将多发几篇随笔，记录一下我的学习过程。参考用书《AngularJS高级程序设计-Adam Freeman》，我会参考书中的例子做一遍，谈谈自...
从零搭建大型电商分布式系统架构演进之旅
基于这些分析，设计出一套能够支撑业务需求的初始架构方案。 - **技术选型**：选择适合的编程语言、数据库、中间件、服务框架、开发框架等。例如，对于电商系统而言，常用的编程语言有Java、Python、Go等；数据库可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值