js菜鸟教程(向加载好的网页注入js脚本)

一:了解AngularJS

AngularJS是一个非常优秀的前端高级JS框架，由Misko Hevery等人创建，2009年被Google收购。它被用于它的许多产品。一个全职的开发团队继续开发和维护这个库。使用这种框架，很容易构建SPA应用程序。单页web应用程序通过指令扩展HTML，并通过表达式将数据绑定到HTML。

二，AngularJS的优点

更少的代码，更强大的功能

引领前端进入MVC时代

Mvc模式:模型(Model)是应用程序的核心，意味着程序将数据存储在数据库中。

视图是应用程序的界面，它将数据库中的数据展示给程序的用户。

控制器处理用户的交互行为，程序用户更改数据，数据被控制器接受并发送给模型。

三:棱角的特征

手动音量调节

。模块化

自动双向数据绑定使用{{}}将动态数据绑定到元素的innerHTML。

指挥系统ng-

表单验证

HTML组件化

。Angular在构建添加、查询、修改、删除的页面应用时，可以充分发挥其优势。

四:AngularJS的语法特征

Angular最小化页面上的DOM操作；

使JavaScript专注于业务逻辑的代码；

通过简单的指令将页面结构与逻辑数据结合起来；

组件编程由用户自定义指令实现；

代码结构更加合理；

维护成本更低；

Angular解放了传统JavaScript中频繁的DOM操作。

五:角尺的用法

1.编写第一个角度应用程序。

网页加载时，AngularJS自动开始执行；HTML页面中ng-xxx的属性叫做directiveng-app指令告诉AngularJS，< html & gt元素是AngularJS应用管理的边界；{{}}双花括号称为数据绑定表达式，可以是任何有效的JavaScript值、变量或语句。页面上显示的是表达式计算后的结果值。管道符号可以为表达式添加筛选器，例如| number:2，|currency。

& lthtml ng-app & gt；

& lthead & gt& lt/head & gt；

& ltbody & gt

{{ "现在开始学习Angular"}}

& lt/body & gt；

& lt/html & gt；

2.模块控制器()控制器

第二行代码创建一个名为userCtrl的控制器，控制器函数controller function接受一个名为$scope的参数

var app = angular.module("myApp "，[])；//myApp模块名App是一个模块实例

App.controller ("userctrl "，function ($ scope) {//userctrl是控制器的名称

$scope.name= "李雷和韩梅梅"；//$scope用于保存数据和定义方法

});

因为篇幅会很长，而且考虑到朋友们可能没有耐心看完很长的一章，这期就写到这里。有兴趣的同学可以关注边肖，他会继续发文章的！

为了感谢大家的收看，边肖为大家准备了一份礼物。关注边肖后，私信回复“信息”即可领取！