(1)笔试中有一个自定义事件的题,这个题其实考的就是观察者模式。 (2)Js中实现双向数据绑定也可以用观察者模式。所谓双向数据绑定指的是:数据的操作可以实时反映到数据,数据的变更也可以实时的展现在页面。(如AngularJs) 观察者模式是一种设计模式,又叫发布订阅模式(Publish/Subscr ...
分类:
其他好文 时间:
2016-08-29 12:56:58
阅读次数:
126
刚开始接触时总是去wiki或各种百科以了解一番。它们会告诉我一些MVVM、双向数据绑定、依赖注入等等名词,觉得这些名词好上档次,然后我很可能就不打算用这个东西了。 AngularJS是什么? 完全使用 JavaScript编写的客户端技术。同其他历史悠久的 Web技术( HTML、 CSS 和Jav ...
分类:
Web程序 时间:
2016-08-26 22:39:12
阅读次数:
167
今天我们要讲的是angular2系列教程的第一篇,主要是学习angular2的运行,以及感受conponents以及模板语法。 http://lewis617.github.io/angular2-tutorial/hellowold/ 例子 这个例子非常简单,是个双向数据绑定。 运行方法: 全局安 ...
分类:
其他好文 时间:
2016-08-18 21:20:45
阅读次数:
135
angular js的双向数据绑定,在开发中起到的作用灰常大,但是,并不是所有时候都能起作用。 找了下资料发现,双向数据绑定其实也就是当模型发生了变化的时候,重绘了DOM,使你看到数据被更新了,引发模型变化的情况有: 1,dom事件; 2,xhr响应触发回调; 3,浏览器的地址变化; 4,计时器触发 ...
分类:
移动开发 时间:
2016-08-17 19:33:27
阅读次数:
279
1. angular的数据绑定采用什么机制?详述原理 angularjs的双向数据绑定,采用脏检查(dirty-checking)机制。ng只有在指定事件触发后,才进入 $digest cycle : - DOM事件,譬如用户输入文本,点击按钮等。( ng-click ) - XHR响应事件 ( $ ...
分类:
Web程序 时间:
2016-08-16 13:14:32
阅读次数:
437
准备知识 1. 前端开发基础 html、css、js2. 前端模块化基础3. 对ES6有初步的了解 vuejs官网:cn.vuejs.org HTML: Js: 实例2: html: js: ...
分类:
Web程序 时间:
2016-08-07 10:55:01
阅读次数:
315
在开始本文之前,你可能需要先了解以下相关内容: Vue.js 一款高性能轻量化的MVVM框架 Webpack 前端模块化代码构建工具 Vue组件介绍 基于vue.js高效的双向数据绑定特性,让我们在开发高可用组件时可以更加专注于数据逻辑开发; 忘记DOM操作,忘记事件绑定,让开发的专注力集中于数据上 ...
分类:
其他好文 时间:
2016-07-25 18:14:01
阅读次数:
192
一 简介AngularJS提供了一个非常酷的特性叫做双向数据绑定(Two-way Data Binding),这个特性大大简化了我们的代码编写方式。数据绑定意味着当View中有任何数据发生了变化,那么这个变化也会自动地反馈到scope的数据上,也即意味着scope模型会自动地更新。类似地,当scop ...
分类:
移动开发 时间:
2016-07-24 01:42:51
阅读次数:
342
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <script> function DataBinder( object_id ) { // Create a simple PubS ...
分类:
Web程序 时间:
2016-07-21 21:35:53
阅读次数:
181
angularJs共有4大模块构成MVC,模块和依赖注入、指令,双向数据绑定,虽然分为四大块但是我觉得无论使用那一块的知识都离不开指令,也就是说指令贯穿整个angularJs的应用。MVC里的控制器ng-controller是指令,获取、同步数据ng-model是指令;模块和依赖注入ng-app也是 ...
分类:
移动开发 时间:
2016-07-08 00:09:08
阅读次数:
259