foo9 foo9

JavaScriptの継承について

全然理解出来てなかったので調べてみた。

function f () {
	// Class
}

31 Aug 2011

#Backbone.jsでUIバインディング

Backbone.jsはAngularJSのようなUIバインディングを持たないので自分でバインドしなければなりません。例えば、テキストボックスの入力内容をモデルに格納して、さらにモデルの内容を別のDOM要素に表示する、というのはこんな感じかと思います。

	// app.js, ommitting IIFE's for brevity

	APP = {};

	_.extend(APP, Backbone.Events);

	// views.js

	APP.Views.Login = Backbone.View.extend({

	/*
	** Client side - /public/src/app.js
	*/

	var myApp = {
	// Collections
	Collections: {
	list: Backbone.Collection.extend()
	},
	// Views

	<script id="modal-view-template" type="text/html">
	<div class="modal-header">
	<h2>This is a modal!</h2>
	</div>
	<div class="modal-body">
	<p>With some content in it!</p>
	</div>
	<div class="modal-footer">
	<button class="btn">cancel</button>
	<button class="btn-default">Ok</button>

	# Mac OS X Lion introduced a new, iOS-like context menu when you press and hold a key
	# that enables you to choose a character from a menu of options. If you are on Lion
	# try it by pressing and holding down 'e' in any app that uses the default NSTextField
	# for input.
	#
	# It's a nice feature and continues the blending of Mac OS X and iOS features. However,
	# it's a nightmare to deal with in Sublime Text if you're running Vintage (Vim) mode,
	# as it means you cannot press and hold h/j/k/l to move through your file. You have
	# to repeatedly press the keys to navigate.

	package com.google.android.gcm.demo.app;

	import android.content.Context;
	import android.content.Intent;

	public final class CommonUtilities {

	/** サードパーティのID登録/解除用URL */
	static final String SERVER_URL = "http://localhost:8080/jsp";

	/**
	Workaround for iOS 6 setTimeout bug using requestAnimationFrame to simulate timers during Touch/Gesture-based events
	Author: Jack Pattishall ([email protected])
	This code is free to use anywhere (MIT, etc.)

	Note: UIWebView does not support requestAnimationFrames. If your timer is failing during a scroll event,
	take a look at https://gist.github.com/ronkorving/3755461 for a potential workaround.

	Usage: Pass TRUE as the final argument for setTimeout or setInterval.