| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name='description' content='AngularJS + jQuery UI Drag-n-Drop'/> | |
| <title>JS Bin</title> | |
| <link href='//ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css' rel='stylesheet'/> | |
| <link href='//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css' rel='stylesheet'> |
This post attempts to compare RequireJS/AMD with Browserify/CommonJS as packaging and modularization approaches for modern web applications.
Modules are built according to the CommonJS pattern and work in both NodeJS and the browser. They export their dependencies through the module.exports key.
| /* =========================================================== | |
| * bootstrap-popover.js v2.0.1 | |
| * http://twitter.github.com/bootstrap/javascript.html#popovers | |
| * =========================================================== | |
| * Copyright 2012 Twitter, Inc. | |
| * | |
| * Licensed under the Apache License, Version 2.0 (the "License"); | |
| * you may not use this file except in compliance with the License. | |
| * You may obtain a copy of the License at | |
| * |
| <!DOCTYPE html> | |
| <html ng-app="App"> | |
| <head> | |
| <meta name="description" content="AngularJS + jQuery UI Drag-n-Drop" /> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | |
| <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.1/angular.min.js"></script> | |
| <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> | |
| <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css" rel="stylesheet"> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> | |
| <meta charset=utf-8 /> |
| Function Get-PendingWindowsUpdate { | |
| [CmdletBinding()] | |
| param( | |
| [Parameter(Position = 0, ValueFromPipeline = $true)] | |
| [string[]]$ComputerName = $env:COMPUTERNAME) | |
| Process { | |
| # Use this scriptblock for both remote and local execution | |
| $unifiedScriptBlock = [scriptblock]{ | |
| param([string]$computer) | |
| $ErrorActionPreference = $using:ErrorActionPreference; |
| var svg = document.getElementById('graph'), | |
| xml = new XMLSerializer().serializeToString(svg), | |
| data = "data:image/svg+xml;base64," + btoa(xml), | |
| img = new Image() | |
| img.setAttribute('src', data) | |
| document.body.appendChild(img) |
| /** | |
| * version1: convert online image | |
| * @param {String} url | |
| * @param {Function} callback | |
| * @param {String} [outputFormat='image/png'] | |
| * @author HaNdTriX | |
| * @example | |
| convertImgToBase64('http://goo.gl/AOxHAL', function(base64Img){ | |
| console.log('IMAGE:',base64Img); | |
| }) |
| #!/bin/bash | |
| # herein we backup our indexes! this script should run at like 6pm or something, after logstash | |
| # rotates to a new ES index and theres no new data coming in to the old one. we grab metadatas, | |
| # compress the data files, create a restore script, and push it all up to S3. | |
| TODAY=`date +"%Y.%m.%d"` | |
| INDEXNAME="logstash-$TODAY" # this had better match the index name in ES | |
| INDEXDIR="/usr/local/elasticsearch/data/logstash/nodes/0/indices/" | |
| BACKUPCMD="/usr/local/backupTools/s3cmd --config=/usr/local/backupTools/s3cfg put" | |
| BACKUPDIR="/mnt/es-backups/" | |
| YEARMONTH=`date +"%Y-%m"` |
| /*global document */ | |
| /** | |
| * define document.querySelector & document.querySelectorAll for IE7 | |
| * | |
| * A not very fast but small hack. The approach is taken from | |
| * http://weblogs.asp.net/bleroy/archive/2009/08/31/queryselectorall-on-old-ie-versions-something-that-doesn-t-work.aspx | |
| * | |
| */ | |
| (function () { | |
| var |
Angular doesn’t depend on jQuery. In fact, the Angular source contains an embedded lightweight alternative: jqLite. Still, when Angular detects the presence of a jQuery version in your page, it uses that full jQuery implementation in lieu of jqLite. One direct way in which this manifests itself is with Angular’s element abstraction. For example, in a directive you get access to the element that the directive applies to: