haaaaadion / blog Goto Github PK

// 确保切到到这个目录
$cd ~

// JAVA_HOME 文件
$vim . bash_profile

// 切换JAVA_HOME版本保存后执行
$source .bash_profile

// 查看所有JAVA_HOME版本
$/usr/libexec/java_home -V

function getImageBlob(url, cb) {
  const xhr = new XMLHttpRequest();
  xhr.open('get', url, true);
  xhr.responseType = 'blob';
  xhr.onload = () => {
    if (this.status === 200) {
      if (cb) cb(this.response);
    }
  };
  xhr.send();
}

function preView(url) {
  const reader = new FileReader();

  getImageBlob(url, (blob) => {
    reader.readAsDataURL(blob);
  });

  reader.onload = (e) => {
    console.log(e.target.result);
  };
}

// 调用
preView('http://www.you-img-url.com/url.jpg');

 /*
　 *　方法:Array.remove(dx)
　 *　功能:删除数组元素.
　 *　参数:dx删除元素的下标.
　 *　返回:在原数组上修改数组
　 */
//经常用的是通过遍历,重构数组.
Array.prototype.remove=function(dx)
　{
　　if(isNaN(dx)||dx>this.length){return false;}
　　for(var i=0,n=0;i<this.length;i++)
　　{
　　　　if(this[i]!=this[dx])
　　　　{
　　　　　　this[n++]=this[i]
　　　　}
　　}
　　this.length-=1
　}
　a = ['1','2','3','4','5'];
　alert("elements: "+a+"nLength: "+a.length);
　a.remove(0); //删除下标为0的元素
　alert("elements: "+a+"nLength: "+a.length);

/*
　 *　方法:Array.baoremove(dx)
　 *　功能:删除数组元素.
　 *　参数:dx删除元素的下标.
　 *　返回:在原数组上修改数组.
　 */
　　
　//我们也可以用splice来实现.
　　
　Array.prototype.baoremove = function(dx)
　{
　　if(isNaN(dx)||dx>this.length){return false;}
　　this.splice(dx,1);
　}
　b = ['1','2','3','4','5'];
　alert("elements: "+b+"nLength: "+b.length);
　b.baoremove(1); //删除下标为1的元素
　alert("elements: "+b+"nLength: "+b.length);

Array.prototype.del=function(n) {　//n表示第几项，从0开始算起。
//prototype为对象原型，注意这里为对象增加自定义方法的方法。
　if(n<0)　//如果n<0，则不进行任何操作。
　　return this;
　else
　　return this.slice(0,n).concat(this.slice(n+1,this.length));
　　/*
　　　concat方法：返回一个新数组，这个新数组是由两个或更多数组组合而成的。
　　　　　　　　　这里就是返回this.slice(0,n)/this.slice(n+1,this.length)
　　 　　　　　　组成的新数组，这中间，刚好少了第n项。
　　　slice方法： 返回一个数组的一段，两个参数，分别指定开始和结束的位置。
　　*/
}
//我们来试一试这个自己增加的方法
var test=new Array(0,1,2,3,4,5);
test=test.del(3);　//从0算起，这里也就是删除第4项。
alert(test);

var list = [
    {
    name: 'dion',
    age: '18'
    },
    {
        name: 'jack',
        age: '22'
    }
];

//这样不会被 ListView 重新渲染
list[1].age = 20;
ds.cloneWithRows(list);

 //整条记录更新才会被 ListView 重新渲染
list[1] = {name: 'jack', age: '20'};
ds.cloneWithRows(list);

createElementNS: function createElementNS(nameSpace, tagName) {
      return this.createElement(tagName)
}

let styles = `
    .title{
        color: #f00;
    }
`
console.log(styles);
//.title{
//    color: #f00;
//}

require('insert-css')(styles);

const csjs = require('csjs');

const styles = csjs`
    .title {
        color: #f00;
    }
`;

export default`
    ${csjs.getCss(styles)}
    .global{
        font-size: 12px
    }
`
//结果
//.title_KvcoI {
//    color: #f00;
//}
//.global{
//    font-size: 12px
//}

const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    //...
    module: {
        loaders: [
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract('style-loader', 'css-loader?modules')
            }
        ]
    },
    //...
    plugins: [
        new ExtractTextPlugin("qqq/[name]-[chunkhash].css", {
            allChunks: true
        })
    ]
    //...
}

//打包的代码就不重复了,只需要加上`AssetsPlugin`实例就可以了
const AssetsPlugin = require('assets-webpack-plugin');

module.exports = {
    //...
    plugins: [
        new AssetsPlugin({filename: 'assets.json', path: './public/static/js-built'}),
        new ExtractTextPlugin(...)
    ]
    //...
}

import createHistory from 'history/lib/createHashHistory'

//使用apphistory代替hashHistory
const apphistory = useRouterHistory(createHistory)({
    queryKey: false
})

const routes = {
    component: Init,
    childRoutes: [
        {
            path: '/',
            indexRoute: {
                getComponent: (nextState, cb) => {
                    require.ensure([], function (require) {
                        cb(null, require("../containers/essay"));
                    }, 'essay');
                }
            }
        },
        {
            path: 'posts',
            getComponent: (nextState, cb) => {
                require.ensure([], function (require) {
                    cb(null, require("../containers/posts"));
                }, 'posts');
            }
        }
    ]
};

function getAsyncComponent(cb, path){
    if (typeof require.ensure != 'function'){
        cb(null, require(path));
        return false;
    }
    return true;
}

//这样是会出错的
getComponent: (nextState, cb) => {
    require.ensure([], function (require) {
        cb(null, require(path));
    }, 'essay')
}

//这样才可以
getComponent: (nextState, cb) => {
    require.ensure([], function (require) {
        cb(null, require("../containers/essay"));
    }, 'essay')
}

function lazyLoadComponent(lazyModule) {  
  return (location, cb) => {
    lazyModule(module => cb(null, module))
  }
}

const routes = {
    component: Shell(Init),
    childRoutes: [
        {
            path: 'essay',
            getComponent: lazyLoadComponent(require('bundle?lazy&name=essay!../containers/essay'));
            }
        }
    ]
};

        var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee(ctx, next) {
                                     ^

ReferenceError: regeneratorRuntime is not defined
    at D:\luoo\nodejs\babel\routes\index-koa2.js:79:38
    at route (D:\luoo\nodejs\babel\routes\index-koa2.js:140:6)
    at Object.<anonymous> (D:\luoo\nodejs\babel\server.js:79:31)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)
    at Function.Module.runMain (module.js:575:10)
    at startup (node.js:160:18)
    at node.js:449:3

import 'babel-polyfill';
// 或者
require('babel-polyfill');

{
	"presets": [
		"es2015",
		"react",
		"stage-2"
	],
	"plugins": [
		"add-module-exports"
	]
}

{
//...
  "devDependencies": {
    "babel-cli": "^6.14.0",
    "babel-core": "^6.18.2",
    "babel-eslint": "^6.1.0",
    "babel-loader": "^6.2.7",
    "babel-plugin-add-module-exports": "^0.2.1",
    "babel-polyfill": "^6.9.1",
    "babel-preset-es2015": "^6.9.0",
    "babel-preset-react": "^6.5.0",
    "babel-preset-stage-0": "^6.5.0",
    "babel-preset-stage-2": "^6.18.0",
    "babel-preset-stage-3": "^6.17.0",
  }
//...
}

compression = require('compression');
app.use(compression());

var express = require('express'),
    app = express(),
    path = require('path'),
    compression = require('compression');

app.use(compression());
app.set( 'view engine', 'html' );
app.engine( '.html', require( 'ejs' ).__express );
app.set('views', path.join(__dirname, '/app/views'));
app.use(express.static(path.join(__dirname, '/public')));
require('./app/routes/index')(app);

Name                Status          Type        Initiator       Size          Time
static.js           200             script      (index):2       135 KB        16 ms
vendors.js          200             script      (index):2       250 KB        18 ms
client.js           200             script      (index):2       111 KB        18 ms
login.e8c9aed7.js   200             script      static.js:1     6.5 KB        3 ms

Name                Status          Type        Initiator       Size          Time
static.js           200             script      (index):2       46.1 KB       16 ms
vendors.js          200             script      (index):2       67.9 KB       18 ms
client.js           200             script      (index):2       29.9 KB       18 ms
login.e8c9aed7.js   200             script      static.js:1     2.0 KB        3 ms

var gzip = require('koa-gzip');
app.use(gzip());

//设置
import bodyParser from 'koa-bodyparser';
app.use(bodyParser());

//调用
router.post('/indie/song/1', (ctx, next) => {
    console.log(ctx.request.body);
});

fetch(url, {
    method: "post",
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    },
    body: 'title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3'
})
    .then(e => e.json())
    .then(s => {
        console.log(s);
    });

var getEntry = function (url) {
    var entry = {};
    glob.sync(url).forEach(function (name) {
        //循环所有文件，对文件名做处理，并放入entry数组中，返回entry
        if(name.indexOf('views') != -1){
            //是html页面
            var n = name.substring(13,name.lastIndexOf('.'));
        }else{
            //不是html页面  这里实际上只有js页面需要处理
            var n = name.substring((name.lastIndexOf('/') + 1),name.lastIndexOf('.'));
        }
        var name = __dirname + name.substring(1);
        if(n.indexOf('.') != 0){
            entry[n] = name;
        }
    });
    return entry;
};

var pages = getEntry('./gulp/views/**');

for(var chunkname in pages){
    var conf = {
        filename: 'html/'+chunkname+'.html',  //打包后的html存放路径，也是从distPath开始
        template: pages[chunkname], //文件模板，就是打包前的html文件
        inject: true, //可以对head和body做修改
        //设置该页面引用的文件，只有符合条件的才会被引用
        //这里是'common'和页面同名的js\css文件
        chunks : ['jquery','react','react-dom', chunkname.substring(chunkname.indexOf('/')+1)],
        //minify: { //压缩HTML,开启压缩可能会造成语法错误.无法解析后台模板变量如:"{{html}}"
          //  removeComments: true,
            //collapseWhitespace: false
        //},
        hash: true //版本号，打出来的html中对css和js的引用自带版本号
    };
    //把每个conf循环插入plugins
    plugins.push(new HtmlWebpackPlugin(conf));
}