angularjs指令

一、对于MVVM的理解？ MVVM 是 Model-View-ViewModel 的缩写。 Model 代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View ViewModel 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。 ViewModel 二、Vue的生命周期 beforeCreate （创建前） 在数据观测和初始化事件还未开始 created （创建后） 完成数据观测，属性和方法的运算，初始化事件，$el属性还没有显示出来 beforeMount （载入前） 在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以下的配置：编译模板，把data里面的数据和模板生成html。注意此时还没有挂载html到页面上。 mounted （载入后） 在el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用。实例已完成以下的配置：用上面编译好的html内容替换el属性指向的DOM对象。完成模板中的html渲染到html页面中。此过程中进行ajax交互。 beforeUpdate （更新前） 在数据更新之前调用

一、什么是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中大量的DOM 操作使页面渲染性能降低，加载速度变慢，影响用户体验。 区别：vue数据驱动

vue导读 """ vue框架 vue是前台框架：Angular、React、Vue vue：结合其他框架优点、轻量级、中文API、数据驱动、双向绑定、MVVM设计模式、组件化开发、单页面应用 vue环境：本地导入与cdn导入 """ ​ # vue是js渐进式框架 # 根据开发需求，可以决定vue框架控制项目的具体方位：可以为一个标签，也可以为一个页面，甚至可以为整个项目 实例成员 - 挂载点 """ 1、vue渐进式框架：控制页面及项目的范围 2、vue的环境导入：本地、cdn 3、vue框架的优点：轻量级、中文API、数据驱动、双向绑定、MVVM设计模式、组件化开发、单页面应用 4、vue如何与html页面结构建立关联：挂载点 """ # 1) html与body不能作为挂载点 # 2) 一个vue对象挂载点之后索引一个匹配结果，所以挂载点一般用id标识 <div id="wrap"> {{ }} <hr> <div class="main"> {{ }} </div> <hr> <div class="main"> {{ }} </div> </div> <script src="js/vue.js"></script> <script> new Vue({ el: '#wrap' // el表示挂载点 }) </script> js对象(字典)补充 let b = 20;

AngularJS中通过ngRoute来实现相关的路由功能,基本的安装和使用请看官网. 模板的视图刷新 ng-view这个指令和路由组合之后就可以将$route对应的视图放入指定的HTML中,这一过程中它会创建自己的作用域并将模板嵌套在内部. ng-view指令的优先级是1000(终极),所以AngularJS不会运行同一元素上的低优先级指令,也就是说如果一个div有ng-view指令,它上面再写其他指令都是没意义的. ng-view这个指令每次会创建一个新的作用域,同时移除上一个视图及其作用域,并将新的作用域和模板关联起来.如果路由中又相关的定义,那么继续将对应的控制器和当前创建的作用域联系起来,这些都完成后会触发$viewContentLoaded事件. 视图的刷新是在每次的$routeChangeSuccess事件之后. 路由的定义 路由通常在模块config部分,通过$routeProvider的when和otherwise定义. angular.module('myApp',[]).config(['$routeProvider',function($routeProvider){ $routeProvider.when('/',{ templateUrl: 'view/index.html', controller:: 'IndexController' })

vue导读 """ vue框架 vue是前台框架：Angular、React、Vue vue：结合其他框架优点、轻量级、中文API、数据驱动、双向绑定、MVVM设计模式、组件化开发、单页面应用 vue环境：本地导入与cdn导入 """ # vue是js渐进式框架 # 根据开发需求，可以决定vue框架控制项目的具体方位：可以为一个标签，也可以为一个页面，甚至可以为整个项目 实例成员 - 挂载点 """ 1、vue渐进式框架：控制页面及项目的范围 2、vue的环境导入：本地、cdn 3、vue框架的优点：轻量级、中文API、数据驱动、双向绑定、MVVM设计模式、组件化开发、单页面应用 4、vue如何与html页面结构建立关联：挂载点 """ # 1) html与body不能作为挂载点 # 2) 一个vue对象挂载点之后索引一个匹配结果，所以挂载点一般用id标识 <div id="wrap"> {{ }} <hr> <div class="main"> {{ }} </div> <hr> <div class="main"> {{ }} </div> </div> <script src="js/vue.js"></script> <script> new Vue({ el: '#wrap' // el表示挂载点 }) </script> js对象(字典)补充 let b = 20;

Ken Coding 我的公号 看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。 切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。 不然，稍微有水平的面试官一看就能看出，是否有真才实学还是刚好背中了这道面试题。（都是一些基础的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, 不需要关注数据状态的同步问题

路飞项目 ''' 1.vue框架 前台html+css+js框架,是不同于js与jq的数据驱动框架 指令 | 实例成员 | vue项目 2.drf框架 django的插件,完成前后台分离项目后台接口编写的框架 序列化组件 | 三大认证组件 | 分页,筛选,过滤,排序 | 请求,解析,响应 3.路飞项目 前台有vue完成,后台由drf完成的前后台分离项目 git | 短信认证 | celery异步任务 | 项目上线 ''' vue导读 """ vue框架 vue是前台框架：Angular、React、Vue vue：结合其他框架优点、轻量级、中文API、数据驱动、双向绑定、MVVM设计模式、组件化开发、单页面应用 vue环境：本地导入与cdn导入 """ # vue是js渐进式框架 # 根据开发需求，可以决定vue框架控制项目的具体方位：可以为一个标签，也可以为一个页面，甚至可以为整个项目 实例成员 - 挂载点 """ 1、vue渐进式框架：控制页面及项目的范围 2、vue的环境导入：本地、cdn 3、vue框架的优点：轻量级、中文API、数据驱动、双向绑定、MVVM设计模式、组件化开发、单页面应用 4、vue如何与html页面结构建立关联：挂载点 """ # 1) html与body不能作为挂载点 # 2) 一个vue对象挂载点之后索引一个匹配结果，所以挂载点一般用id标识

Vue框架 1.什么是Vue 　　可以独立完成前后端分离式web项目的javascript框架 2.为什么要学习Vue 　　三大主流框架之一：Angular React Vue 　　先进的前端设计模式：MVVM 　　可以完全脱离服务器端，以前端代码复用的方式渲染整个页面：组件化开发 3.特点 　　单页面web应用 　　数据驱动 　　数据的双向绑定 　　虚拟DOM 4.如何使用Vue 　　官网：https://cn.vuejs.org/ 　 　　开发版本：[vue.js](https://vuejs.org/js/vue.js) 　　生产版本：[vue.min.js](https://vuejs.org/js/vue.min.j <div id="app"> {{ }} </div> <script src="js/vue.min.js"></script> <script> new Vue({ el: '#app' }) </script> Vue是js渐进式框架，根据开发需求，可以决定Vue框架控制项目的具体方位：可以为一个标签，也可以为一个页面，甚至可以为整个项目 Vue实例 挂载点 """ 1.Vue渐进式框架：控制页面及项目的范围 2.Vue的环境倒入：本地、cdn 3.Vue框架的优点：轻量级、中文API、数据驱动、双向绑定、MVVM设计模式、组件化开发、单页面应用 4

路飞项目：1，vue知识 1，vue导读： 2，vue基础知识： 3，实例成员-数据（data） 4，实例成员—过滤器 filters, 指令相关： 5，文本指令 6.事件指令： 7，属性指令 8.动态修改文本样式案列 9，表单指令（数据的双向指定） 1,vue框架 前台html+css+js框架。是不同于js与 jq的数据驱动框架 指令| 实例成员| vue项目2，drf框架 Django的插件，完成前后端分离项目后台接口编写的框架 序列化组件 | 三大认证组件| 分页，筛选，过滤，排序| 请求，解析，响应3，路飞项目 前端有vue完成，后台你有drf完成前后端分离项目 Git| 短信认证 | celery异步任务 1，vue导读： vue是什么： vue是前台框架，其中前端框架还有：Angular、React、Vue # vue是js渐进式框架 # 根据开发需求，可以决定vue框架控制项目的具体方位：可以为一个标签，也可以为一个页面，甚至可以为整个项目 vue的优点： 是结合了其他两个框架的优点，轻量级的，中文版本，数据驱动，双向绑定，MVVM设计模式、组件化开发、单页面应用 vue的使用： vue环境：本地导入与cdn导入 1，本地导入（下载vue） <script src="js/vue.js"></script> 2，cdn导入 <script src="https:/

转载自：https://www.cnblogs.com/aimeeblogs/p/9501490.html 如有侵权 联系删除 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其实区别并不大