Javascript | Starck Lin

Rquire.js with Jasmine 2

Coding — Tags: jasmine, javascript, require.js, Testing — Posted by Starck on February 21, 2014

Require

Project structure

Project/
│
├── css/
│   └── jasmine.css
├── js/
│   ├── require.js
│   ├── main.js
│   ├── models/
│   │   ├── player.js
│   │   └── song.js
│   └── test
│       ├── spec/
│       │   └── playerSpec.js
│       ├── jasmine.js
│       ├── jasmine-html.js
│       └── boot.js
└── index.html

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="css/jasmine.css">
</head>
<body>
  <!-- development -->
  <script src="js/test/jasmine.js"></script>
  <script src="js/test/jasmine-html.js"></script>
  <script src="js/test/boot.js"></script>
  <!-- require.js -->
  <script src="js/require.js" data-main="js/main"></script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

main.js

require.config({

    baseUrl: "/",
    urlArgs: 'cb=' + Math.random(),
    paths: {
        // jasmine
        'jasmine': 'js/test/jasmine',
        'jasmine-html': 'js/test/jasmine-html',
        'jasmine-boot': 'js/test/boot',

        // models
        'models': 'js/models',

        // testing files
        'spec': 'js/test/spec',
    },
    shim: {
        'jasmine': {
            exports: 'jasmine'
        },
        'jasmine-html': {
            deps: ['jasmine'],
            exports: 'jasmine'
        },
        'jasmine-boot': {
            deps: ['jasmine', 'jasmine-html'],
            exports: 'jasmine'
        }
    }

});


require(['jasmine-boot'], function() {

    // your models...
    require(['models/player', 'models/song'], function() {
        // loading spec files
        require(['spec/playerSpec'], function() {
            // Initialize the HTML Reporter and execute the environment (setup by 'boot.js')
            window.onload();
        });
    });

});

require.config({

baseUrl: "/",

urlArgs: 'cb=' + Math.random(),

paths: {

// jasmine

'jasmine': 'js/test/jasmine',

'jasmine-html': 'js/test/jasmine-html',

'jasmine-boot': 'js/test/boot',

// models

'models': 'js/models',

// testing files

'spec': 'js/test/spec',

shim: {

'jasmine': {

exports: 'jasmine'

'jasmine-html': {

deps: ['jasmine'],

exports: 'jasmine'

'jasmine-boot': {

deps: ['jasmine', 'jasmine-html'],

exports: 'jasmine'

}

});

require(['jasmine-boot'], function() {

// your models...

require(['models/player', 'models/song'], function() {

// loading spec files

require(['spec/playerSpec'], function() {

// Initialize the HTML Reporter and execute the environment (setup by 'boot.js')

window.onload();

});

js/models/player.js

function Player() {
}
Player.prototype.play = function(song) {
  this.currentlyPlayingSong = song;
  this.isPlaying = true;
};

Player.prototype.pause = function() {
  this.isPlaying = false;
};

Player.prototype.resume = function() {
  if (this.isPlaying) {
    throw new Error("song is already playing");
  }
  this.isPlaying = true;
};

Player.prototype.makeFavorite = function() {
  this.currentlyPlayingSong.persistFavoriteStatus(true);
};

function Player() {

}

Player.prototype.play = function(song) {

this.currentlyPlayingSong = song;

this.isPlaying = true;

};

Player.prototype.pause = function() {

this.isPlaying = false;

};

Player.prototype.resume = function() {

if (this.isPlaying) {

throw new Error("song is already playing");

}

this.isPlaying = true;

};

Player.prototype.makeFavorite = function() {

this.currentlyPlayingSong.persistFavoriteStatus(true);

};

js/models/song.js

function Song() {
}

Song.prototype.persistFavoriteStatus = function(value) {
  // something complicated
  throw new Error("not yet implemented");
};

function Song() {

}

Song.prototype.persistFavoriteStatus = function(value) {

// something complicated

throw new Error("not yet implemented");

};

js/test/spec/playerSpec.js

define('playerSpec', function(){
  describe("Player", function() {
    var player;
    var song;
  
    beforeEach(function() {
      player = new Player();
      song = new Song();
    });
  
    it("should be able to play a Song", function() {
      player.play(song);
      expect(player.currentlyPlayingSong).toEqual(song);
  
      //demonstrates use of custom matcher
      expect(player).toBePlaying(song);
    });
  
    describe("when song has been paused", function() {
      beforeEach(function() {
        player.play(song);
        player.pause();
      });
  
      it("should indicate that the song is currently paused", function() {
        expect(player.isPlaying).toBeFalsy();
  
        // demonstrates use of 'not' with a custom matcher
        expect(player).not.toBePlaying(song);
      });
  
      it("should be possible to resume", function() {
        player.resume();
        expect(player.isPlaying).toBeTruthy();
        expect(player.currentlyPlayingSong).toEqual(song);
      });
    });
  
    // demonstrates use of spies to intercept and test method calls
    it("tells the current song if the user has made it a favorite", function() {
      spyOn(song, 'persistFavoriteStatus');
  
      player.play(song);
      player.makeFavorite();
  
      expect(song.persistFavoriteStatus).toHaveBeenCalledWith(true);
    });
  
    //demonstrates use of expected exceptions
    describe("#resume", function() {
      it("should throw an exception if song is already playing", function() {
        player.play(song);
  
        expect(function() {
          player.resume();
        }).toThrowError("song is already playing");
      });
    });
  });
});

define('playerSpec', function(){

describe("Player", function() {

var player;

var song;

beforeEach(function() {

player = new Player();

song = new Song();

});

it("should be able to play a Song", function() {

player.play(song);

expect(player.currentlyPlayingSong).toEqual(song);

//demonstrates use of custom matcher

expect(player).toBePlaying(song);

});

describe("when song has been paused", function() {

beforeEach(function() {

player.play(song);

player.pause();

});

it("should indicate that the song is currently paused", function() {

expect(player.isPlaying).toBeFalsy();

// demonstrates use of 'not' with a custom matcher

expect(player).not.toBePlaying(song);

});

it("should be possible to resume", function() {

player.resume();

expect(player.isPlaying).toBeTruthy();

expect(player.currentlyPlayingSong).toEqual(song);

});

// demonstrates use of spies to intercept and test method calls

it("tells the current song if the user has made it a favorite", function() {

spyOn(song, 'persistFavoriteStatus');

player.play(song);

player.makeFavorite();

expect(song.persistFavoriteStatus).toHaveBeenCalledWith(true);

});

//demonstrates use of expected exceptions

describe("#resume", function() {

it("should throw an exception if song is already playing", function() {

player.play(song);

expect(function() {

player.resume();

}).toThrowError("song is already playing");

});

method

toBe()
toEqual()
.not
toMatch(/Regex/)
toBeDefined()
toBeUndefined()
toBeNull()
toBeTruthy()
toBeFalsy()
toContain()
toBeLessThan()
toBeGreaterThan()
toBeCloseTo(e, number)
toThrow()
spyOn(obj, ‘method’)
- toHaveBeenCalled()
- toHaveBeenCalledWith(args…)
- mostRecentCall

Comments (0)

Backbone.js notes

Coding, Log — Tags: backbone.js, javascript — Posted by Starck on October 18, 2013

Backbone.Events

var evtObj = {}
_.extend( evtObj, Backbone.Events );

1 2	var evtObj = {} _.extend( evtObj, Backbone.Events );

Method	Note
object.on(event, callback, [context])	註冊監聽一個事件, 並指定觸發 callback, 如果需要在 callback function 中改變 this 的對象, 將對象傳入 context
object.off([event], [callback], [context])	取消監聽事件, 不指定事件將取消所有的事件

Backbone Event Testing

Backbone.Model

var Model = Backbone.Model.extend({
});

var ChildModel = Model.extend({
});

var Model = Backbone.Model.extend({

});

var ChildModel = Model.extend({

});

Properties / Method	Note
constructor()	You can use `Backbone.Model.apply(this, arguments)` to invoke constructor function of parent class
initialize()	If you definean initialize function, it’ll be invoked when the model is created.
defaults	Remember that in JavaScript, objects are passed by reference, so if you include an object as a default value, it will be shared among all instances. Instead, define defaults as a function.
attributes	If you’d like to retrieve and munge a copy of the model’s attributes, use `_.clone(model.attributes)` instead.
validate(attrs, options)	By default validate is called before save, but can also be called before set if `{validate:true}` is passed. Return your custom error message, and it will be stored to `validateError`
isValid()	Run `validate()` to check the model state.
validationError	The value returned by validate during the last failed validation.
`set()` `get()`	set(‘attr’, ‘value’) or set({ attr: value})
destroy()	You can use `_.invoke()` to call destroy function for a batch of models. ex: `_.invoke(modelsArray, 'destroy')`

Backbone.Collection

create({ attr: value })
fetch()

var Collection = Backbone.Collection.extend({
})

1 2	var Collection = Backbone.Collection.extend({ })

Properties / Method	Note
model
url
models	Raw access to the JavaScript array of models inside of the collection.
add
create
reset

Project Template

Backbone.View

var View = Backbone.View.extend({
});

1 2	var View = Backbone.View.extend({ });

Properties / Method	Note
tagName
id
className
attributes
el and $el
events
render()	A good convention is to return this at the end of render to enable chained calls.

Backbone JS Data Types Primer

Backbone.LocalStorage

localStorage: new Backbone.LocalStorage("SomeCollection"), // Unique name within your app.

1	localStorage: new Backbone.LocalStorage("SomeCollection"), // Unique name within your app.

Example: TodoList

Backbone TodoList

Comments (0)

Object.defineProperty

Coding — Tags: javascript — Posted by Starck on October 6, 2013

writable
configurable
enumerable
get(getter) / set(setter)

JS Bin

Reference: Mozilla Developer

Comments (0)

Function.bind

Coding, Log — Tags: javascript — Posted by Starck on October 4, 2013

你可以利用 function.bind 來改變呼叫函式的對象(this): JS Bin

try starck.callBySelf(); or starck.callByWindow(); in console.

function.bind

For a given function, creates a bound function that has the same body as the original function. In the bound function, the this object resolves to the passed in object. The bound function has the specified initial parameters.

function.bind(thisArg[,arg1[,arg2[,argN]]])

Reference

Callback 的應用: JS Bin try starck.say('hi')

Comments (0)

JavaScript Authoring Workflow of Now

Coding — Tags: javascript, workflow — Posted by Starck on August 25, 2013

JavaScript Authoring Workflow with Google Chrome

Chrome Workspace

To enable the Experiments tab of the Settings pane you need to navigate to about:flags and scroll down to the Experimental Developer Tools experiments flag. Enable it then restart the browser.

Comments (0)

Single Web Page Design

Design — Tags: javascript, jQuery — Posted by Starck on May 17, 2013

jquery
bootstrap javascript
modernizr
plugins.js
- FancyBox
- jQuery.ScrollTo
- array.reverse
SMINT

app.js

(function($){
  $(function(){

    // fancybox
    if($(window).width() >= 768){

      $('a.thumb[href$=.png], a.thumb[href$=.jpg], a.thumb[href$=.gif]').fancybox({
          'titleShow': false
        , 'transitionIn': 'elastic'
        , 'transitionOut': 'elastic'
      });

    // scrolling
    var nav = $('#topbar') // nav element
      , navY = nav.offset().top // default position
      , navHeight = nav.height() * 2 // nav height for calculating offsets
      , navLinks = nav.find('a[href^="#"]') // on-page links in nav
      , pageHeight = $('body').height()
      , sections = $('article[role=main]').find('section').reverse() // reversed set of nav sections
      , scrollPos = $(window).scrollTop(); // where are we on the page?
        $(window).scroll(function(){
          scrollPos = $(this).scrollTop();
          // get the active nav item
          navLinks.removeClass('active');
          if(scrollPos &lt; 30){
            $('a[href=#top]').addClass('active');
            $('body').removeClass('scrolled');
          }else{
            $('body').addClass('scrolled');
            sections.each(function(){
              if(scrollPos + navHeight >= $(this).offset().top){
                navLinks.filter('a[href=#' + $(this).attr('id') + ']').addClass('active');
                return false;
              }
            });
          }
        });

        // scrollTo on nav click
        navLinks.click(function(e){
          e.preventDefault();
          var destination = $( $(this).attr('href') ).offset().top,
            distance;
          // have we taken the nav out of flow? offset by navHeight if so
          if(destination > navY){
            destination -= navHeight;
          }
          // distance to scroll as a percent of total height of page
          distance = Math.abs((scrollPos - destination) / pageHeight);
          // sqrt the distance to compress the difference a bit
          // otherwise, short distances will appear to scroll too fast, long ones too slowly
          // goal is to feel as 'proportional' as possible without actual linearity
          // this is based on a 1s scroll time for the whole page, adjust as needed
          $(window).scrollTo(destination, Math.sqrt(distance) * 1000, {
            easing: 'swing'
            });
        });

        //set active state on domready
        $(window).scroll()
          // update anything that could be affected by image heights
          .load(function(){
            navY = nav.offset().top;
            pageHeight = $('body').height();
          })
          .mousemove(function(evt){
            if(evt.clientY &lt; 30){
              $('body').addClass('trigger-menu');
            }else{
              $('body').removeClass('trigger-menu');
            }
          });
    } // window constraint

  });
})(jQuery);

(function($){

$(function(){

// fancybox

if($(window).width() >= 768){

$('a.thumb[href$=.png], a.thumb[href$=.jpg], a.thumb[href$=.gif]').fancybox({

'titleShow': false

, 'transitionIn': 'elastic'

, 'transitionOut': 'elastic'

});

// scrolling

var nav = $('#topbar') // nav element

, navY = nav.offset().top // default position

, navHeight = nav.height() * 2 // nav height for calculating offsets

, navLinks = nav.find('a[href^="#"]') // on-page links in nav

, pageHeight = $('body').height()

, sections = $('article[role=main]').find('section').reverse() // reversed set of nav sections

, scrollPos = $(window).scrollTop(); // where are we on the page?

$(window).scroll(function(){

scrollPos = $(this).scrollTop();

// get the active nav item

navLinks.removeClass('active');

if(scrollPos < 30){

$('a[href=#top]').addClass('active');

$('body').removeClass('scrolled');

}else{

$('body').addClass('scrolled');

sections.each(function(){

if(scrollPos + navHeight >= $(this).offset().top){

navLinks.filter('a[href=#' + $(this).attr('id') + ']').addClass('active');

return false;

}

});

}

});

// scrollTo on nav click

navLinks.click(function(e){

e.preventDefault();

var destination = $( $(this).attr('href') ).offset().top,

distance;

// have we taken the nav out of flow? offset by navHeight if so

if(destination > navY){

destination -= navHeight;

}

// distance to scroll as a percent of total height of page

distance = Math.abs((scrollPos - destination) / pageHeight);

// sqrt the distance to compress the difference a bit

// otherwise, short distances will appear to scroll too fast, long ones too slowly

// goal is to feel as 'proportional' as possible without actual linearity

// this is based on a 1s scroll time for the whole page, adjust as needed

$(window).scrollTo(destination, Math.sqrt(distance) * 1000, {

easing: 'swing'

});

//set active state on domready

$(window).scroll()

// update anything that could be affected by image heights

.load(function(){

navY = nav.offset().top;

pageHeight = $('body').height();

})

.mousemove(function(evt){

if(evt.clientY < 30){

$('body').addClass('trigger-menu');

}else{

$('body').removeClass('trigger-menu');

}

});

} // window constraint

});

})(jQuery);

Comments (0)

Viewing Chrome Cache

Coding — Tags: Chrome, javascript — Posted by Starck on May 14, 2013

In Chrome chrome://cache/
Click on whichever file you want to view
Settings > Tools > JavaScript Console
Paste code below:

(function() {
    var preTags = document.getElementsByTagName('pre');
    var preWithHeaderInfo = preTags[0];
    var preWithContent = preTags[2];

    var lines = preWithContent.textContent.split('\n');
    var text = '';
    for (var i = 0; i < lines.length; i++) {
        var line = lines[i];
        var firstIndex = 11; // first index of the chars to match
        var indexJump = 4;
        var totalCharsPerLine = 16;
        index = firstIndex;
        for (var j = 0; j < totalCharsPerLine; j++) {
            var hexValAsStr = line.substr(index, 2);
            if (hexValAsStr == '  ') {
                // no more chars
                break;
            }

            var asciiVal = parseInt(hexValAsStr, 16);
            text += String.fromCharCode(asciiVal);

            index += indexJump;
        }
    }

    var headerText = preWithHeaderInfo.textContent;
    var elToInsertBefore = document.body.childNodes[0];
    var insertedDiv = document.createElement("div");
    document.body.insertBefore(insertedDiv, elToInsertBefore);

    // find the filename
    var nodes = [document.body];
    var filepath = '';
    while (true) {
        var node = nodes.pop();
        if (node.hasChildNodes()) {
            var children = node.childNodes;
            for (var i = children.length - 1; i >= 0; i--) {
                nodes.push(children[i]);
            }
        }

        if (node.nodeType === Node.TEXT_NODE && /\S/.test(node.nodeValue)) {
            // 1st depth-first text node (with non-whitespace chars) found
            filepath = node.nodeValue;
            break;
        }
    }
    
    outputResults(insertedDiv, convertToBase64(text), filepath, headerText);

    insertedDiv.appendChild(document.createElement('hr'));

    function outputResults(parentElement, fileContents, fileUrl, headerText) {
        // last updated 1/27/12
        var rgx = /.+\/([^\/]+)/;
        var filename = rgx.exec(fileUrl)[1];

        // get the content type
        rgx = /content-type: (.+)/i;
        var match = rgx.exec(headerText);
        var contentTypeFound = match != null;
        var contentType = "text/plain";
        if (contentTypeFound) {
            contentType = match[1];
        }

        var dataUri = "data:" + contentType + ";base64," + fileContents;

        // check for gzipped file
        var gZipRgx = /content-encoding: gzip/i;
        if (gZipRgx.test(headerText)) {
            filename += '.gz';
        }
        
        // check for image
        var imageRgx = /image/i;
        var isImage = imageRgx.test(contentType);
            
        // create link
        var aTag = document.createElement('a');
        aTag.textContent = "Left-click to download the cached file";
        aTag.setAttribute('href', dataUri);
        aTag.setAttribute('download', filename);
        parentElement.appendChild(aTag);
        parentElement.appendChild(document.createElement('br'));
    
        // create image
        if (isImage) {
            var imgTag = document.createElement('img');
            imgTag.setAttribute("src", dataUri);
            parentElement.appendChild(imgTag);
            parentElement.appendChild(document.createElement('br'));
        }
    
        // create warning
        if (!contentTypeFound) {
            var pTag = document.createElement('p');
            pTag.textContent = "WARNING: the type of file was not found in the headers... defaulting to text file.";
            parentElement.appendChild(pTag);
        }
    }

    function getBase64Char(base64Value) {
        if (base64Value < 0) {
            throw "Invalid number: " + base64Value;
        } else if (base64Value <= 25) {
            // A-Z
            return String.fromCharCode(base64Value + "A".charCodeAt(0));
        } else if (base64Value <= 51) {
            // a-z
            base64Value -= 26; // a
            return String.fromCharCode(base64Value + "a".charCodeAt(0));
        } else if (base64Value <= 61) {
            // 0-9
            base64Value -= 52; // 0
            return String.fromCharCode(base64Value + "0".charCodeAt(0));
        } else if (base64Value <= 62) {
            return '+';
        } else if (base64Value <= 63) {
            return '/';
        } else {
            throw "Invalid number: " + base64Value;
        }
    }

    function convertToBase64(input) {
        // http://en.wikipedia.org/wiki/Base64#Example
        var remainingBits;
        var result = "";
        var additionalCharsNeeded = 0;

        var charIndex = -1;
        var charAsciiValue;
        var advanceToNextChar = function() {
            charIndex++;
            charAsciiValue = input.charCodeAt(charIndex);
            return charIndex < input.length;
        };

        while (true) {
            var base64Char;

            // handle 1st char
            if (!advanceToNextChar()) break;
            base64Char = charAsciiValue >>> 2;
            remainingBits = charAsciiValue & 3; // 0000 0011
            result += getBase64Char(base64Char); // 1st char
            additionalCharsNeeded = 3;

            // handle 2nd char
            if (!advanceToNextChar()) break;
            base64Char = (remainingBits << 4) | (charAsciiValue >>> 4);
            remainingBits = charAsciiValue & 15; // 0000 1111
            result += getBase64Char(base64Char); // 2nd char
            additionalCharsNeeded = 2;

            // handle 3rd char
            if (!advanceToNextChar()) break;
            base64Char = (remainingBits << 2) | (charAsciiValue >>> 6);
            result += getBase64Char(base64Char); // 3rd char
            remainingBits = charAsciiValue & 63; // 0011 1111
            result += getBase64Char(remainingBits); // 4th char
            additionalCharsNeeded = 0;
        }

        // there may be an additional 2-3 chars that need to be added
        if (additionalCharsNeeded == 2) {
            remainingBits = remainingBits << 2; // 4 extra bits
            result += getBase64Char(remainingBits) + "=";
        } else if (additionalCharsNeeded == 3) {
            remainingBits = remainingBits << 4; // 2 extra bits
            result += getBase64Char(remainingBits) + "==";
        } else if (additionalCharsNeeded != 0) {
            throw "Unhandled number of additional chars needed: " + additionalCharsNeeded;
        }

        return result;
    }
})()

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

(function() {

var preTags = document.getElementsByTagName('pre');

var preWithHeaderInfo = preTags[0];

var preWithContent = preTags[2];

var lines = preWithContent.textContent.split('\n');

var text = '';

for (var i = 0; i < lines.length; i++) {

var line = lines[i];

var firstIndex = 11; // first index of the chars to match

var indexJump = 4;

var totalCharsPerLine = 16;

index = firstIndex;

for (var j = 0; j < totalCharsPerLine; j++) {

var hexValAsStr = line.substr(index, 2);

if (hexValAsStr == ' ') {

// no more chars

break;

}

var asciiVal = parseInt(hexValAsStr, 16);

text += String.fromCharCode(asciiVal);

index += indexJump;

}

var headerText = preWithHeaderInfo.textContent;

var elToInsertBefore = document.body.childNodes[0];

var insertedDiv = document.createElement("div");

document.body.insertBefore(insertedDiv, elToInsertBefore);

// find the filename

var nodes = [document.body];

var filepath = '';

while (true) {

var node = nodes.pop();

if (node.hasChildNodes()) {

var children = node.childNodes;

for (var i = children.length - 1; i >= 0; i--) {

nodes.push(children[i]);

}

if (node.nodeType === Node.TEXT_NODE && /\S/.test(node.nodeValue)) {

// 1st depth-first text node (with non-whitespace chars) found

filepath = node.nodeValue;

break;

}

outputResults(insertedDiv, convertToBase64(text), filepath, headerText);

insertedDiv.appendChild(document.createElement('hr'));

function outputResults(parentElement, fileContents, fileUrl, headerText) {

// last updated 1/27/12

var rgx = /.+\/([^\/]+)/;

var filename = rgx.exec(fileUrl)[1];

// get the content type

rgx = /content-type: (.+)/i;

var match = rgx.exec(headerText);

var contentTypeFound = match != null;

var contentType = "text/plain";

if (contentTypeFound) {

contentType = match[1];

}

var dataUri = "data:" + contentType + ";base64," + fileContents;

// check for gzipped file

var gZipRgx = /content-encoding: gzip/i;

if (gZipRgx.test(headerText)) {

filename += '.gz';

}

// check for image

var imageRgx = /image/i;

var isImage = imageRgx.test(contentType);

// create link

var aTag = document.createElement('a');

aTag.textContent = "Left-click to download the cached file";

aTag.setAttribute('href', dataUri);

aTag.setAttribute('download', filename);

parentElement.appendChild(aTag);

parentElement.appendChild(document.createElement('br'));

// create image

if (isImage) {

var imgTag = document.createElement('img');

imgTag.setAttribute("src", dataUri);

parentElement.appendChild(imgTag);

parentElement.appendChild(document.createElement('br'));

}

// create warning

if (!contentTypeFound) {

var pTag = document.createElement('p');

pTag.textContent = "WARNING: the type of file was not found in the headers... defaulting to text file.";

parentElement.appendChild(pTag);

}

function getBase64Char(base64Value) {

if (base64Value < 0) {

throw "Invalid number: " + base64Value;

} else if (base64Value <= 25) {

// A-Z

return String.fromCharCode(base64Value + "A".charCodeAt(0));

} else if (base64Value <= 51) {

// a-z

base64Value -= 26; // a

return String.fromCharCode(base64Value + "a".charCodeAt(0));

} else if (base64Value <= 61) {

// 0-9

base64Value -= 52; // 0

return String.fromCharCode(base64Value + "0".charCodeAt(0));

} else if (base64Value <= 62) {

return '+';

} else if (base64Value <= 63) {

return '/';

} else {

throw "Invalid number: " + base64Value;

}

function convertToBase64(input) {

// http://en.wikipedia.org/wiki/Base64#Example

var remainingBits;

var result = "";

var additionalCharsNeeded = 0;

var charIndex = -1;

var charAsciiValue;

var advanceToNextChar = function() {

charIndex++;

charAsciiValue = input.charCodeAt(charIndex);

return charIndex < input.length;

};

while (true) {

var base64Char;

// handle 1st char

if (!advanceToNextChar()) break;

base64Char = charAsciiValue >>> 2;

remainingBits = charAsciiValue & 3; // 0000 0011

result += getBase64Char(base64Char); // 1st char

additionalCharsNeeded = 3;

// handle 2nd char

if (!advanceToNextChar()) break;

base64Char = (remainingBits << 4) | (charAsciiValue >>> 4);

remainingBits = charAsciiValue & 15; // 0000 1111

result += getBase64Char(base64Char); // 2nd char

additionalCharsNeeded = 2;

// handle 3rd char

if (!advanceToNextChar()) break;

base64Char = (remainingBits << 2) | (charAsciiValue >>> 6);

result += getBase64Char(base64Char); // 3rd char

remainingBits = charAsciiValue & 63; // 0011 1111

result += getBase64Char(remainingBits); // 4th char

additionalCharsNeeded = 0;

}

// there may be an additional 2-3 chars that need to be added

if (additionalCharsNeeded == 2) {

remainingBits = remainingBits << 2; // 4 extra bits

result += getBase64Char(remainingBits) + "=";

} else if (additionalCharsNeeded == 3) {

remainingBits = remainingBits << 4; // 2 extra bits

result += getBase64Char(remainingBits) + "==";

} else if (additionalCharsNeeded != 0) {

throw "Unhandled number of additional chars needed: " + additionalCharsNeeded;

}

return result;

}

})()

Comments (0)

V8 Javascript Engine for PHP on Mac

Log — Tags: github, javascript, PHP — Posted by Starck on April 8, 2013

This is a PHP extension embeds the Google V8 Javascript Engine.

V8js extension on Github

Installation

brew install v8
git clone https://github.com/preillyme/v8js
cd v8js
phpize
# MacOS
# ./configure CXXFLAGS="-Wno-c++11-narrowing"
./configure
make; sudo make install

brew install v8

git clone https://github.com/preillyme/v8js

cd v8js

phpize

# MacOS

# ./configure CXXFLAGS="-Wno-c++11-narrowing"

./configure

make; sudo make install

Usage

check samples and tests folder

Problems

如果你經由 PECL 安裝 v8js:

sudo pecl install v8js

你可能會遇到一些編譯上的錯誤, 造成這個問題的原因是因為在 PECL 上的版本 0.1.3 使用了一個已經被最新版 V8 engine 所廢除的函式, 如果想要使用這個版本的話必須要使用 V8 3.15.11 的版本, 降版的方式如下:

brew install v8-3.15.11

如果之後想要切換回新版:

# 查看目前安裝哪些版本
brew info v8
# 切換版本
brew switch 3.17.10

# 查看目前安裝哪些版本

brew info v8

# 切換版本

brew switch 3.17.10

–

Comments (0)