| const students = [ | |
| { | |
| id: '1', | |
| isSelected: true, | |
| name: 'Mike', | |
| }, | |
| { | |
| id: '2', | |
| isSelected: false, | |
| name: 'Jane', |
| const students = [ | |
| { | |
| id: '1', | |
| isSelected: true, | |
| name: 'Mike', | |
| }, | |
| { | |
| id: '2', | |
| isSelected: false, | |
| name: 'Jane', |
| // IIFE to create local scope and to avoid global namespacing collisions | |
| (function () { | |
| let todoCollection = {}; | |
| let todoIds = []; | |
| /* | |
| Data Structure: | |
| const todoCollection = { | |
| "1": { |
| <!-- index.html --> | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Todo App</title> | |
| </head> | |
| <body> | |
| <h2>Todo App</h1> |
| /* css/main.css */ | |
| body { | |
| margin: 0; | |
| } | |
| .wrap { | |
| max-width: 600px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding-left: 20px; |
| Name | Minified | Minified + Gzipped | Download Over 2G | Download Over 3G | Dependencies |
|---|---|---|---|---|---|
| ZeroClipboard | 31.2 kB | 9.9 kB | 0.31 s | 0.19 s | 0 |
| clipboard.js | 9.53 kB | 2.97 kB | 0.09 s | 0.06 s | 3 |
Note: ZeroClipboard requires flash support. While clipboard.js not required flash.
| var gulp = require('gulp'); | |
| var concat = require('gulp-concat'); | |
| var uglify = require('gulp-uglify'); | |
| var postcss = require('gulp-postcss'); | |
| var autoprefixer = require('autoprefixer'); | |
| var cssnano = require('cssnano'); | |
| gulp.task('js', function() { | |
| gulp.src('app/js/*.js') | |
| .pipe(concat('script.js')) |