最近在使用ionic3过程中,使用了eval()方法进行字符串拼接成一个function使用 在eval()方法中,只能使用局部变量,全局变量无法使用,ionic3的this在eval中失效(undefined) 同时,在eval()方法拼接起来的function中,调用自定义的function,同样也无法使用this(全局变量) 因为eval()方法,ionic3的脏值检测失效,当this中的值改变时,需要在页面回显的值没办法跟着改变 因此,需要手动提醒数据刷新 所以,找到了 ChangeDe…
文章转自:http://www.ituring.com.cn/article/39865 构建自己的AngularJS,第一部分:Scope和Digest 原文链接:http://teropa.info/blog/2013/11/03/make-your-own-angular-part-1-scopes-and-digest.html Angular是一个成熟和强大的JavaScript框架.它也是一个比较庞大的框架,在熟练掌握之前,需要领会它提出的很多新概念.很多Web开发人员涌向Angul…
目录 一: 概念简介 脏值检测,简单的说就是在MVC的构架中,视图会通过模型的change事件来更新自己. 脏值检测的核心代码是观察者模式的实现,其机制会执行digest循环,在特定UI组件的上下文执行注册的各种表达式. 那么脏值检测在单页应用扮演了什么角色呢? 为了支持单页SPA应用,angular1引入了指令的概念,能够扩展HTML标签并且封装相关的DOM逻辑,以此来构建组件,组件再组合成一个个网页.angular2也保留了指令的概念.那么angular2和1版本的区别在哪里呢?angula…
add by zhj: 目前组里使用的是前端技术是jQuery + Bootstrap,后端使用的Django,Flask等,模板是在后端渲染的.前后端没有分离,这种做法有几个缺点 1. 模板一般是由前端工程师完成的,但由于模板的渲染是在后端,所以需要学点后端技术.对于我们组来说,就是要学点Python 2. 由于前后端在一起,所以上线也是一起的.即使只修改了前端,后端也要被迫跟着一起上线,对于大点的系统来说,后端的上线耗时比较长.这有点麻烦 3. 从技术上来讲,前端技术和后端技术是独立发展的,…
angular和vue双向数据绑定的原理(重点是vue的双向绑定) 我在整理javascript高级程序设计的笔记的时候看到面向对象设计那章,讲到对象属性分为数据属性和访问器属性,我们平时用的js对象90%以上都只是用到数据属性;我们向来讲解下数据属性和访问器属性到底是什么? 数据属性:数据属性包含一个数据值的位置,在这个位置可以读取和写入值. 访问器属性:访问器属性不包含数据值;他们包含一对getter和setter函数在读取访问器属性时,会调用getter函数,这个函数负责返回有效的值,在写…
脏值检查 注:请点击此处进行充电! 需求 在项目开发过程中,需要对药店信息进行更改.如下图所示.现在的需求是:当药店信息没有发生变化时,点击"更新信息"按钮,提示"药店信息未做任何更改". 实现 可以利用angualr的脏值检查机制解决. 由于对angular的脏值检测机制不是很了解,貌似也不太好学习.就考虑使用别的方法,也可以使用ng-change内置指令,通过控制业务逻辑实现.Demo如下: View视图: <input ng-model="ad…
demo.html <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-html="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset=…
<!--v-model 实现双向数据绑定 其中一个值发生改变,另一个值也将实时发生改变--> <div id="app09"> <h1>{{ message }}</h1> <input v-model="message" /> </div> 调用: Study_V_Model("#app09"); 实现 function Study_V_Model(obj) { new V…
1.用data对象存储变化的数据 js: $scope.data={}; $scope.data.keywords = ""; $scope.search = function(){ $state.go("search",{keywords:$scope.data.keywords}); } html: <ion-view view-title="Home" hide-nav-bar="true"> <ion…
Vue 框架-03-键盘时间及健值修饰符 一.键盘事件,当按键盘时,在控制台输出提示 html 源码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>VueLearn-cnblogs/xpwi</title> <!--引入自定义的样式--> <link rel="stylesheet" href=&q…