angularjs指令 | 易学教程

关于angularjs的一些看法

阅读更多关于关于angularjs的一些看法

angularjs真是一把利器，作为mvvm的一员，数据双向绑定，麻麻再也不用担心我怎么页面绑定和取数了。它的原理其实是解析dom，增加监听，实现几乎实时的数据双向绑定。作为入门，你应该要学会怎么绑定时间，添加控制器，如何在控制器外赋值及调用方法，会使用angularjs的自身的验证。作为进阶，我觉得你应该学会怎么自定义format和parse进行格式化操作。学会用指令封装第三方jquery插件。关于angularjs2，据说效率更高，但是使用了es6。对于能习惯并喜欢上.net的各种linq，lambda的语法糖，我却依然理解不了es6为什么会有这么蹩脚的语法习惯。如果你想用angularjs2，那你并不只是在学习一个新框架，更是在学习一门新语言。而且语法糖只所以能够被大多数人接受，首先是语句简明易懂，关键是IDE能够有友好的提示和智能感知。希望angularjs1和angularjs2也像jquery这样，而不是后者淘汰了前者。来源： oschina 链接： https://my.oschina.net/u/3069996/blog/792808

【总结】AngularJs学习总结

阅读更多关于【总结】AngularJs学习总结

应项目的需要，一个月之前开始做WebComponents、Javascript MVC框架的技术调研，由于重点是想做组件化，所以就没有考虑Backbone（去年就小试牛刀，太难用了)及其他的mvc框架，所以重点看了Ploymer，ploymer也是google的库，这个实在是未来的未来，很多东西都没有成为标准，如shadow dom也就chrome可以很好的支持，所以最终放弃，再后看了facebook的react和twitter的flight，这俩个由于版本过低，还没有正式发布，也只好作罢，偶然的机会，结识了AngularJs,一下子被他的特性吸引：五大特性： 1.　　双向数据绑定； 2.　　模板； 3.　　MVC，准确说是MVVM； 4.　　依赖注入； 5.　　指令（这个灰常强大，有了它我们就可以做组件了）；关于着五大特性的介绍可以参考Gbin1的这篇文章： http://www.gbin1.com/technology/javascript/20120717-AugularJS-features/ 看完这篇文章，也可以让自己对AngularJs有一个大体的了解！如果想要通过AngularJs的官方文档来学习Angular还是有一定困难的，而且官方的示例也不是很多，他的Tutorial倒是还不错，是以一个实际的项目做引导，一步步的了解AngularJs的种种特性

Vue 浅谈前端js框架vue

阅读更多关于 Vue 浅谈前端js框架vue

Vue Vue近几年来特别的受关注，三年前的时候angularJS霸占前端JS框架市场很长时间，接着react框架横空出世，因为它有一个特性是虚拟DOM，从性能上碾轧angularJS，这个时候，vue1.0悄悄的问世了，它的优雅，轻便也吸引了一部分用户，开始收到关注，16年中旬，VUE2.0问世，这个时候vue不管从性能上，还是从成本上都隐隐超过了react，火的一塌糊涂，这个时候，angular 开发团队也开发了angular2.0版本，并且更名为angular，吸收了react、vue的优点，加上angular本身的特点，也吸引到很多用户，目前已经迭代到5.0了。学习vue是现在前端开发者必须的一个技能。前端js框架到底在干嘛，为什么要用 js框架帮助开发者写js逻辑代码，在开发应用的时候js的功能划分为如下几点：渲染数据操作dom（写一些效果）操作cookie等存储机制api 在前端开发中，如何高效的操作dom、渲染数据是一个前端工程师需要考虑的问题，而且当数据量大，流向较乱的时候，如何正确使用数据，操作数据也是一个问题而js框架对上述的几个问题都有自己趋于完美的解决方案，开发成本降低。高性能高效率。唯一的缺点就是需要使用一定的成本来学习。 Vue官网介绍 vue是渐进式JavaScript框架 “渐进式框架”和“自底向上增量开发的设计”是Vue开发的两个概念

VUE vue面试题

阅读更多关于 VUE vue面试题

看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能看出，是否有真才实学还是刚好背中了这道面试题。（都是一些基础的vue面试题，大神不用浪费时间往下看）一、对于MVVM的理解？ MVVM 是 Model-View-ViewModel 的缩写。 Model 代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的，因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。 ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM

深入理解vue

阅读更多关于深入理解vue

一　理解vue的核心理念使用vue会让人感到身心愉悦,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全. 倘若用一句话来概括vue,那么我首先想到的便是官方文档中的一句话: Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。这句话可能大家并不陌生,但是真正理解这句话的可能并不多,其实,读懂了这句话,也就明白了vue的核心理念. 那么,怎样理解什么是渐进式框架?在这之前,我们首先要理解什么是框架.在最初的前端开发中,为了完成某个功能,我们需要通过js在HTML页面中获得dom节点,随后获得dom节点中的文本内容或者在dom节点上添加事件,进行一系列的程序操作,但是,如果任务量很大的情况下,代码会随着业务的增加而变得臃肿和混乱,在现实的开发中,负责的逻辑和巨大的开发量,是原生js无法完成的. 这个时候,开发人员将js代码分为了三个板块,数据(Model),逻辑控制(*),视图(View),数据板块只负责数据部分,视图板块负责更改样式,逻辑控制负责联系视图板块和数据板块,这样子有很大的好处,当需求发生变动时,只需要修改对应的板块就好这种开发模式,就是所谓的MV*结构,我们现在了解的MVC,MVP,ＭＶＶＭ都是MV*的衍生物，对比这几种框架模式，我们会总结出来一个本质的特点

AngularJS简介

阅读更多关于 AngularJS简介

AngularJS简介 AngularJS是一个JavaScript矿建，他是一个JavaSscript编写的库。可以通过<script>标签添加到HTML页面。 AngularJS是通过指令扩展了HTML，且通过表达式绑定数据到HTML。地址：<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 各个 angular.js 版本下载： https://github.com/angular/angular.js/releases AngularJS通过ng-directives扩展了HTML。 ng-app指令定义一个AngularJS应用程序。 ng-model指令把元素之（比如输入域的值）绑定到应用程序。 ng-model 指令也可以：为应用程序数据提供类型验证（number、email、required）。为应用程序数据提供状态（invalid、dirty、touched、error）。为 HTML 元素提供 CSS 类。绑定 HTML 元素到 HTML 表单 ng-bind 指令把应用程序数据绑定到 HTML 视图。 ng-init 指令初始化 AngularJS 应用程序变量。 ng-repeat 指令对于集合中（数组中）的每个项会

day-77vue框架

阅读更多关于 day-77vue框架

vue 什么是vue：　　渐进式 JavaScript 框架，一个html到整个项目的使用，也可以称为完成前后台分离的前端框架前端三大主流框架：　　Angular　　 React　　 Vue　优点： 1）单页面　　　　硬件要求低 2）组件化开发 3）数据驱动 4）数据的双向绑定 5）虚拟DOM 6）轻量级 vue的指令 1.文本指令（ v-text v-html v-once ） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文本指令</title> </head> <body> <div id="app"> <p>{{ msg }}</p>  <p>{{ (num + 1 - 3) / 2 }}</p>  <p v-text="msg"></p>  注：msg是"变量名" <p v-html="'<b>加粗文本</b>'"></p>  注：直接写字符串，就相当于直接转换 <p v-html="htmlMSG" @click="changeMsg"></p> <p v

Vue.js面试题整理

阅读更多关于 Vue.js面试题整理

Vue.js面试题整理一、什么是 MVVM ？ MVVM是 Model-View-ViewModel的缩写。 MVVM是一种设计思想。 Model 层代表数据模型，也可以在 Model中定义数据修改和操作的业务逻辑； View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来， ViewModel 是一个同步 View 和 Model的对象（桥梁）。在 MVVM架构下， View 和 Model 之间并没有直接的联系，而是通过 ViewModel进行交互， Model 和 ViewModel 之间的交互是双向的，因此 View 数据的变化会同步到 Model中，而 Model 数据的变化也会立即反应到 View 上。 ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而 View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作 DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。二、 mvvm 和 mvc 区别？它和其它框架（ jquery ）的区别是什么？哪些场景适合？ mvc和 mvvm其实区别并不大。都是一种设计思想。主要就是 mvc中 Controller演变成 mvvm中的 viewModel。 mvvm主要解决了 mvc中大量的

实例解说AngularJS在自动化测试中的应用

阅读更多关于实例解说AngularJS在自动化测试中的应用

一、什么是AngularJS ? 1、AngularJS是一组用来开发web页面的框架、模板以及数据绑定和丰富UI的组件； 2、AngularJS提供了一系列健壮的功能，以及将代码隔离成模块的方法； 3、AngularJS于2009年发布第一个版本，由Google进行维护，压缩版94k。二、AngularJS的核心思想 1、在AngularJS中通过数据视图双向绑定实现视图与业务逻辑解耦，这将提高代码的可测试性； 2、遵循MVC模式开发，鼓励视图、数据、逻辑组件间松耦合； 3、将测试与应用程序编写放在同等重要的位置，在编写模块的同时编写测试。因为各组件的松耦合，使得这种测试得以实现； 4、应用程序页面端与服务器端解耦。两方只需定义好通信API，即可并行开发。三、简单的栗子问题：假设我们需要编写一个手机列表，支持对手机信息进行模糊搜索，且按指定字段排序，要怎么实现呢？如上图所示，几乎没有DOM操作，更专注于业务逻辑！下面编写HTML 编写控制器Controller PhoneListCtrl 控制器。例子中注入了$scope(数据模型)、$http(封装了ajax的服务)这两个服务都是angularjs内置服务，服务是可以自定义的。 $scope.phones = data; 在这个地方后台返回的数据应用到了数据模型中，这时前台UI会自动响应更新。四、指令 4.1

订阅 angularjs指令