2019-07-18

webpack简易配置

目录结构

webpack-demo
  |- tsconfig.json
  |- webpack.config.js
  |- /dist
    |- bundle.js
    |- index.html
  |- /src
   |- index.ts
   |- /node_modules

tsconfig

{
  "compilerOptions": {
    "outDir": "./dist/",
    "noImplicitAny": true,
    "module": "es6",
    "target": "es5",
    "jsx": "react",
    "allowJs": true,
    "sourceMap":true
  }
}

2019-06-16

代码片段

three.js的线与三角形的笔记

线line:

var line3 = new THREE.Line3();

      line3.start = new THREE.Vector3(0,0,0);
      line3.end = new THREE.Vector3(0,0,10);

      var center = new THREE.Vector3();
      //line3.getCenter(center);
      //center = center.addVectors(line3.start,line3.end).multiplyScalar(0.5);
      let distance = line3.distance();

      console.log(distance);//10

      //console.log(Math.sqrt(2*2 + 2*2));
      //console.log(line3.start.distanceTo(line3.end))

2019-05-29

代码片段

测试webgl目前所使用显卡信息

如题

1	gl=document.createElement('canvas').getContext('webgl');gl.getParameter(gl.getExtension('WEBGL_debug_renderer_info').UNMASKED_RENDERER_WEBGL)

2019-05-29

教程

RXJS的数学类操作符

count：统计数据个数

顾名思义，就是统计上游数据流所产生的数据的个数

var  source = of(1,2,3,4,5).pipe(
  concat(of(6,7,8))
)

source = source.pipe(
  count()
)

source.subscribe(x=>{
  console.log(x);   //8
})

2019-05-29

代码片段

node保存图片

环境是前端发出一张BASE64编码的图片，后端将base64建立缓冲区，并转为字符串，通过fs进行写入

let headImgSave = function (image){
    let binaryData = Buffer.from(image,"base64").toString("binary");
    let openid = Math.random().toString(26).substr(2,8);
    let imgPath = path.join(__dirname, `upload`);
    let headImg = `${imgPath}/${openid}.jpg`;
        fs.writeFile(headImg,binaryData,'binary',function (err){
            if(err) throw err;
        })
}