My note

jroll = new JRoll("#wrapper", {option});

jroll.on('scroll', function() {
    //视差滚动计算
});

var canvas = document.getElementById('canvas');
var can = canvas.getContext('2d');
//定义画布

/****使用自由画笔****/
function Brush(){
canvas.ontouchstart = function(e) {
	e = window.event || e;
	var sX = e.pageX - this.offsetLeft;
	var sY = e.pageY - this.offsetTop;
	//获取起始坐标
	can.beginPath();
	can.moveTo(sX, sY);
	status = 1;
}
//画笔移动的时候
canvas.ontouchmove = function(e) {
	e = window.event || e;
	var eX = e.pageX - this.offsetLeft;
	var eY = e.pageY - this.offsetTop;
	if(status == 1) {
		can.lineTo(eX, eY);
		can.stroke();
	} else {
		return false;
	}
}
//画笔抬起的时候
canvas.ontouchend = function() {
	can.closePath();
}
}
Brush();

/****画直线****/
function Line(){
canvas.ontouchstart = function(e) {
	e = window.event || e;
	sX = e.pageX - this.offsetLeft;
	sY = e.pageY - this.offsetTop;
	can.beginPath();
	can.moveTo(sX, sY);
}
canvas.ontouchmove = function(e) {
}
//画笔抬起时，画笔位置为终点
canvas.ontouchend = function(e) {
	e = window.event || e;
	var eX = e.pageX - this.offsetLeft;
	var eY = e.pageY - this.offsetTop;
	can.lineTo(eX, eY);
	can.closePath();
	can.stroke();
}
}

/****画空心圆形****/
function Arc(){
canvas.ontouchstart = function(e) {
	e = window.event || e;
	sX = e.pageX - this.offsetLeft;
	sY = e.pageY - this.offsetTop;
}
//画空心圆，鼠标抬起时，当前画笔位置为外圆结束点
canvas.ontouchend = function(e) {
	e = window.event || e;
	var eX = e.pageX - this.offsetLeft;
	var eY = e.pageY - this.offsetTop;
	var dX = eX - sX
	var dY = eY - sY;
var r = Math.sqrt(Math.pow(dX, 2) + Math.pow(dY, 2)); 
	//计算出半径
	can.beginPath();
	can.arc(sX, sY, r, 0, 360, false);
	can.closePath();
	can.stroke();
}
}

/****画矩形****/
function Rect(){
canvas.ontouchstart = function(e) {
	e = window.event || e;
	sX = e.pageX - this.offsetLeft;
	sY = e.pageY - this.offsetTop;
}
//画空心矩形，画笔抬起时，当前画笔位置为矩形的右下角
canvas.ontouchend = function(e) {
        e = window.event || e;
	var eX = e.pageX - this.offsetLeft;
	var eY = e.pageY - this.offsetTop;
	var w = eX - sX; //矩形的宽
	var h = eY - sY; //矩形的高
	can.strokeRect(sX, sY, w, h);
}
}

/****清除临时画布的函数****/
function clearContext(){
    can_bak.clearRect(0, 0, 1024, 665);
}

canvas_bak.ontouchmove = function(e) {
	e = window.event || e;
	clearContext();
	var eX = e.pageX - this.offsetLeft;
	var eY = e.pageY - this.offsetTop;
	var dX = eX - sX
	var dY = eY - sY;
var r = Math.sqrt(Math.pow(dX, 2) + Math.pow(dY, 2));
	can_bak.beginPath();
	can_bak.arc(sX, sY, r, 0, 360, false);
	can_bak.closePath();
	can_bak.stroke();
}

methods:{
    getevent: function(thisvmObject){
       thisObject = thisvmObject.currentTarget;
       console.log(thisObject.innerHTML);
    }
}

function test(){
    var NSURL = plus.ios.import('NSURL');
    var UIA = plus.ios.import('UIApplication'); 
    var obj = new UIA.sharedApplication();
    var result = obj.canOpenURL(NSURL.URLWithString('weixin://'));
    //return result;
    alert(result);
    //[[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:@"weixin://"]];
}

/**
* 
* 禁止微信原生上下滚动
*/
var overscroll = function(el) {
	el.addEventListener('touchstart', function() {
	    var top = el.scrollTop,
		totalScroll = el.scrollHeight,
		currentScroll = top + el.offsetHeight;
	    if (top === 0) {
    	el.scrollTop = 1;
        } else if (currentScroll === totalScroll) {
	        el.scrollTop = top - 1;
        }
        });
    el.addEventListener('touchmove', function(evt) {
    if (el.offsetHeight < el.scrollHeight)
      evt._isScroller = true;
   });
}
overscroll(document.querySelector('#scroll'));//此处的scroll为需要禁止原生滚动的Object
document.body.addEventListener('touchmove', function(evt) {
    if (!evt._isScroller) {
    evt.preventDefault();
    }
});

var gulp=require("gulp");//创建gulp模块
var uglify=require("gulp-uglify");//创建js混淆压缩模块
var minify_css=require("gulp-minify-css");//创建css混淆压缩模块
var less=require('gulp-less');
var gulp_concat=require('gulp-concat');//创建文件合并模块
var del=require('del');
var rename=require('gulp-rename');
var imagemin=require('gulp-imagemin');//压缩图片
var replace=require('gulp-replace');
var htmlmin=require('gulp-htmlmin');
var sourcemaps=require('gulp-sourcemaps');
function clean(path) {
    console.log('Clean:' + path)
    del(path);
}
gulp.task('less', function() {
    gulp.src('./src/less/*.less')
        .pipe(sourcemaps.init())
        .pipe(less())
        .pipe(sourcemaps.write())
        .pipe(rename({ suffix: '.min' }))
        .pipe(minify_css())
        .pipe(gulp.dest('./dist/css'));
});
gulp.task('css', function() {
    gulp.src('./src/css/*.css')
   		.pipe(rename({ suffix: '.min' }))
        .pipe(minify_css())
        .pipe(gulp.dest('./dist/css'));
});
gulp.task('javascripts', function() {
  gulp.src('./src/js/*.js')
    .pipe(replace('let ', 'var '))//微信不支持let用法因此换成var
    .pipe(replace('"use strict";', ''))//微信不支持严格模式
    .pipe(rename({ suffix: '.min' }))
    .pipe(uglify())
    .pipe(gulp.dest('./dist/js'));
});
gulp.task('html', function() {
	var options = {
        removeComments: true,//清除HTML注释
        collapseWhitespace: true,//压缩HTML
        collapseBooleanAttributes: true,//省略布尔属性的值 <input checked="true"/> ==> <input />
        removeEmptyAttributes: true,//删除所有空格作属性值 <input id="" /> ==> <input />
        removeScriptTypeAttributes: true,//删除<script>的type="text/javascript"
        removeStyleLinkTypeAttributes: true,//删除<style>和<link>的type="text/css"
        minifyJS: true,//压缩页面JS
        minifyCSS: true//压缩页面CSS
    };
    gulp.src('./src/*.html')
    .pipe(replace('let ', 'var '))//微信不支持let用法因此换成var
    .pipe(replace('"use strict";', ''))//微信不支持严格模式
    .pipe(replace('.css', '.min.css'))//将html引用的资源从css与js变成min.css与min.js
    .pipe(replace('.js', '.min.js'))
    .pipe(htmlmin(options))
    .pipe(gulp.dest('./dist/'));
});
gulp.task('images', function() {
    gulp.src(['./src/images/*.*','./src/images/**/*.*'])
    .pipe(imagemin())
    .pipe(gulp.dest('./dist/images/'));
});
gulp.task('fonts',function(){
	gulp.src('./src/fonts/*.*')
	.pipe(gulp.dest('./dist/fonts/'));
});
gulp.task('clean', function() {
    clean('./dist/*');
});
gulp.task('build', function(){
    gulp.run('less','css','javascripts','html','images','fonts');
    console.log('Done!')
});
gulp.task('default', function(){
    gulp.run('build');
    console.log('Done!')
    gulp.watch(['./src/less/*.less','./src/js/*.js','./src/css/*.css','./src/*.html','./src/images/*.*','./src/images/*/*.*'], function(){
        gulp.run('build');
    });
});

gulp.watch(['./src/less/*.less','./src/js/*.js','./src/css/*.css','./src/*.html','./src/images/*.*','./src/images/*/*.*'], function(){
//检测到文件变化时执行的操作
});

gulp.task('default', function(){
    gulp.run('build');
    console.log('Done!')
});

gulp.task('images', function() {
    gulp.src(['./src/images/*.*','./src/images/**/*.*'])
    .pipe(imagemin())
    .pipe(gulp.dest('./dist/images/'));
});

var todo_page= plus.webview.currentWebview().opener();//父页面，也可以是别的webviewObject
mui.fire(todo_page,"id",{id:1});

window.addEventListener("price",function(event){
    console.log(event.detail.price);
});