Author: Ari Lerner.
AngularJS offers a single framework that can be used to build dynamic, client-centric applications. It provides:
- Module support
- DOM manipulation
- Animations
- Templating
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="description" content="check mark success animation"> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| /* animations */ | |
| @-webkit-keyframes checkmark { |
| var http = require('http'); | |
| var request = http.request({method: 'get', host: 'images.google.com', port: 80, path: '/intl/en_ALL/images/logos/images_logo_lg.gif'}, function(response) { | |
| var data = []; | |
| response.on('data', function(chunk) { | |
| data.push(chunk); | |
| }); | |
| response.on('end', function() { |
| var CustomEvents = (function() { | |
| var _map = {}; | |
| return { | |
| subscribe: function(name, cb) { | |
| _map[name] || (_map[name] = []); | |
| _map[name].push(cb); | |
| }, | |
| notify: function(name, data) { |
| var source = require('vinyl-source-stream'); | |
| var gulp = require('gulp'); | |
| var gutil = require('gulp-util'); | |
| var browserify = require('browserify'); | |
| var reactify = require('reactify'); | |
| var watchify = require('watchify'); | |
| var notify = require("gulp-notify"); | |
| var scriptsDir = './scripts'; | |
| var buildDir = './build'; |
| var EventSystem = (function() { | |
| var self = this; | |
| self.queue = {}; | |
| return { | |
| publish: function (event, data) { | |
| var queue = self.queue[event]; | |
| if (typeof queue === 'undefined') { |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black"> | |
| <title>iScroll demo: simple</title> |
| // Core module: renderloop v0.2.0dev | |
| define([ | |
| "lodash" | |
| ], function (_) { | |
| var RenderLoop = { | |
| timer: null, | |
| queue: [], | |
| persistentTasks: [], | |
| options: { |
Author: Ari Lerner.
AngularJS offers a single framework that can be used to build dynamic, client-centric applications. It provides:
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://zeptojs.com/zepto.min.js"></script> | |
| <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>jQuery 与 Zepto 的区别</title> | |
| <style></style> | |
| <style id="jsbin-css"> | |
| .box { |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>2-column fluid masonry layout without JS plugins</title> | |
| <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> | |
| <style> | |
| body { | |
| text-align: center; | |
| padding: 3% 8%; |