最近初学了Angular.js介绍一下文件结构及目录。下图是新建项目得目录结构,下面来介绍一下目录得结构及作用。第一层目录:【node_modules 】 第三方依赖包存放目录(与vue,react作用相同)【e2e 】 端到端的测试目录 用来做自动测试的【src 】 应用源代码目录【.angular-cli.json 】 Angular命令行工具的配置文件。后期可能会去修改它,引一些其他的第三方
转载 2023-07-21 15:08:58
49阅读
一、AngularJS 简介AngularJS是Google工程师研发的一款JS框架,官方文档中对它的描述是,它是完全使用JavaScript编写的客户端技术,同其他历史悠久的Web技术(HTML,CSS等)配合使用,使得Web开发变得更简单、更高效。它是笔者用过的比较有特色的一款框架,以HTML作为模版语言并扩展HTML属性,使得应用组件开发保持高度的清晰和一致。AngularJS 是一个 Ja
学习资源: http://www.runoob.com/angularjs2/angularjs2-architecture.
原创 2017-10-14 13:56:28
44阅读
背景与概念:AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行。AngularJS2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件。AngularJS2 发布于2016年9月份,它是基于ES6来开发的。Angular2.x与Angular1.x 的区别Angular2.x与Angular1.x 的
转载 2023-08-03 23:49:13
41阅读
1. ionic g page 的问题 ionic cli 更新到3.0之后,原来生成page的方式换掉了,将每一个页面声明为独立的module,因此支持通过url地址直接跳转指定的页面。使用NavController 进行页面跳转的时候,已经无需再引入具体的page,直接使用 this.nav.push("page-name") 进行跳转即可。2. ionic2 中使用 pi...
原创 2022-02-25 16:10:38
98阅读
之前讲述过一些关于easyUI的基本用法,现在给大家简述一下angularjs与easyUI的区别。首先区分一下angularjs与easyUI1.angularjs是html和js之间的数据衔接层,可以操控html元素(数据绑定、重复、隐藏)等,上手很容易,但想要精通,了解内部运行机制不容易。2.jquery脚本是一个 JavaScript 函数库,与angularjs作用一
转载 2023-07-12 23:03:15
81阅读
angularjs学习笔记之完整的项目结构今天的主要讲解部分有以下几点:1.演示一个完整的项目结构 2.$scope的含义 3.模块化和依赖注入。一.演示一个完整的项目结构。下面的所有这些代码,都是转载于@大漠穷秋 老师的。我转载来之后放到了github上,大家可以去这个链接看源代码。一边看,一边学习,效果最好了~~~~下面我们来看这个截图,这就是一个完整的angularjs项目应该有的目录结构。
什么是框架?众所周知,就是一种实现的结构,从程序员的角度看,前端框架是一种特殊的、已经实现了的web应用,我们只需要对他进行具体的业务逻辑的填充即可,由框架根据具体的业务逻辑来调用代码的执行。angular就是一个这样的JavaScript框架。下面我们就来说一下,angular2安装过程中所需要的环境配置。一、解析环境1、Node. js下载解析: Node.js是一个让JavaScript运行
  angularjs 单页面项目使用组件化开发模式,降低模块之间的耦合性,便于协同开发;使用ui-router 作为项目的路由切换,并结合ocLazyLoad 按需加载组件(component)、服务(service)。后续结合requirejs 动态加载js 文件,解决index 页面加载大量js 文件,可能导致js 阻塞的问题。项目结构:index.html app.js js |_
Angular 2 应用程序应用主要由以下 8 个部分组成:1、模块 (Modules)2、组件 (Components)3、模板 (Templates)4、元数据 (Metadata)5、数据绑定 (Data Binding)6、指令 (Directives)7、服务 (Services)8、依赖注入 (Dependency Injection)下图展示了每个部分是如何相互工作的:图中的模板
背景与概念:AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行。AngularJS2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件。AngularJS2 发布于2016年9月份,它是基于ES6来开发的。Angular2.x与Angular1.x 的区别Angular2.x与Angular1.x 的
原创 2022-01-10 10:06:10
67阅读
学习资源: http://www.runoob.com/angularjs2/angularjs2-tutorial.html一、 运行条件目前浏览器或Node暂不支持ES6的
原创 2017-10-14 13:05:02
54阅读
为什么要使用服务1.在一个项目中不可避免的要在不同的component中使用同一份数据,普通的方式是将同样的代码在不同的地方复制粘贴,这样显然是不可取的。这时候我们可以定义一个数据服务,当我们需要它的时候只需要在相关组件中注入即可 2.服务对其调用者是透明的,使用服务可以让组件更加清洁,而且后期维护只需要修改服务就可以而不用在每一个使用数据的地方都修改服务的用法这里以官网demo为例1.先在ap
转载 2023-07-03 19:56:31
57阅读
angular2路由是管理angular2应用内部导航的一个重要内容,在angular应用中,很多的组件是通过组合完成一个复杂的应用,不可避免的是我们常会在视图间切换,那么这是就需要使用路由来管理视图间的转换。 路由定义 先看一个简单的路由定义 从这个例子可以看出路由定义的过程 1、 引入路由组件i
原创 2022-01-08 10:02:33
75阅读
在anglar2中服务是什么? 如果在项目中有一段代码是很多组件都要使用的,那么最好的方式就是把它做成服务。 服务是一种在组件中共享功能的机制,当我们使用标签将多个组件组合在一起时我们需要操作一些数据或是需要做一些运算时,我们需要做一个服务;服务能帮我们引入外部的数据。那么如何创建一个服务呢? 创建
原创 2022-01-08 10:02:33
35阅读
angular2 组件 首先了解angular2 组件的含义 angular2的应用就是一系列组件的集合 我们需要创建可复用的组件供多个组件重复使用 组件是嵌套的,实际应用中组件是相互嵌套使用的 组件中的数据调用可以使用inputs和outputs 一个组件可以是一种指令 一个组件可以包含前端表现及
原创 2022-01-08 10:02:34
53阅读
AngularJS2 TypeScript 环境配置这开始前,你需要确保你已经安装了 npm,如果你还没安装np
原创 2023-05-21 17:59:09
158阅读
AngularJS2 JavaScript 环境配置:C:\Program Files (x86)\nodejs\node_modules\npm本章节使用到的文件目录结构如下所示: 创建配置文件创建目录 $ mkdir angular-quickstart $ cd angular-quickstart C:\Program Files (x86)\nodejs\node_m
原创 2023-05-21 19:51:17
71阅读
一、 创建项目mkdir angular-quickstartcd angular-quickstart二、 创
原创 2017-10-14 13:42:28
35阅读
  • 1
  • 2
  • 3
  • 4
  • 5