dxcqcv

Stream 写入后无法 rename

dxcqcv — Wed, 11 Oct 2017 12:50:30 +0800

我尝试在 writeStream 完成后 rename 文件名，promisify 了 rename 和 writeStream 并使用 async/await 来模拟同步，但遇到报错在 writeStream 完成后 rename 无法找到文件，但打印文件路径都能得到，请高手指点，大致代码如下

async path => {
   const tempPath = `${path}Temp`
   //oldPath, 读取的文件 
   //makeRegex, 正则替换规则
   //replaceFn, 替换函数
   //replaceObj， 替换对象
   await promiseTempStream({oldPath, makeRegex, replaceFn, replaceObj, tempPath})
   console.log(fs.existsSync(tempPath)) // 输出true
   console.log(tempPath) // 输出路径正常
   await promiseRename(tempPath, oldPath)
 }

 function promiseRename(oldPath, newPath) {
   return new Promise((res, rej) => {
   console.log(11111)
   console.log(oldPath) // output static\projects\lotteryNine-40\index.htmlTemp
   console.log(newPath) // output ./static/projects/lotteryNine-40/index.html
   console.log(11111)
   fs.rename(oldPath, newPath, (err) =>{
     if(err) rej(err)
     res()
     })
   })
 }

 function promiseTempStream({oldPath, makeRegex, replaceFn, replaceObj, tempPath}) {
   return new Promise((res, rej) => {
     const writable = fs.createWriteStream(tempPath)

     fs.createReadStream(oldPath, 'utf8')
       .pipe(replaceStream(makeRegex ,replaceFn.bind(this, replaceObj), {maxMatchLen: 5000}))
       .pipe(writable)

     writable 
       .on('error', (err) => {rej(err)})
       .on('finish', () => {res()})
    })
 }

报错信息为

Error: ENOENT: no such file or directory, open 'D:\dev\github\auto-activity\static\projects\lotteryNine-40\index.htmlTemp'

我很奇怪，既然能打印出文件路径为什么还会报找不到文件呢？

是否可以用 node 的 stream 来读并改写最后写入到同一个文件？

dxcqcv — Mon, 02 Oct 2017 09:23:10 +0800

我现在的做法是多创建一个临时文件，然后删除原文件，重命名临时文件，我想知道有没有更好的办法来实现用 node 流来改写同文件？

代码如下

const rm = require('rimraf')
const through2 = require('through2')
const fs = require('graceful-fs')
// source file path
const replacementPath = `./static/projects/${destPath}/index.html`
// temp file path
const tempfilePath = `./static/projects/${destPath}/tempfile.html`
// read source file then write into temp file
await promiseReplace(replacementPath, tempfilePath)    
// del the source file
rm.sync(replacementPath)
// rename the temp file name to source file name
fs.renameSync(tempfilePath, replacementPath)
// del the temp file
rm.sync(tempfilePath)

// promiseify readStream and writeStream
function promiseReplace (readfile, writefile) {
  return new Promise((res, rej) => {
    fs.createReadStream(readfile)
      .pipe(through2.obj(function (chunk, encoding, done) {
        const replaced = chunk.toString().replace(/id="wrap"/g, 'dududud')
        done(null, replaced)
      }))
      .pipe(fs.createWriteStream(writefile))
      .on('finish', () => {
        console.log('replace done')
        res()
      })
      .on('error', (err) => {
        console.log(err)
        rej(err)
      })
  })
}

无法从 pug-loader 传参数至 pug (jade) 模板在 webpack 中，为什么？

dxcqcv — Mon, 28 Nov 2016 17:02:28 +0800

有人用过 pug-loader 在 webpack 中吗？

我的配置如下

使用 pug-html-loader

然后配置 webpack.config.js

{
  test:/\.pug$/,
  exclude: ['/node_modules/'],
  loader: 'pug-html-loader',
  query: {
    data: {name:'test'},
    pretty: true
  }
},

最后在 pug(jade) 文件中调用数据

h3.title= data.name

但 data 中没有数据传入，NodeJs 版本为 7.1, pug-html-loader 为 1.0.9，webpack 为 1.13,html-webpack-plugin 为 2.24

Babel 编译 ES6 的 class extends Array 时，无法获取方法，求助

dxcqcv — Sun, 20 Nov 2016 17:40:55 +0800

代码如下


class MyCoolArray extends Array {
     first() { return this[0];}
  }
var a = new MyCoolArray(1,2,3);
console.log(a.first());// get error 'a.first is not a function'

谁知道为什么 first 无法执行？谢谢

babel 在线 https://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Ces2015-loose%2Ces2016%2Ces2017%2Clatest%2Creact%2Cstage-0%2Cstage-1%2Cstage-2%2Cstage-3&code=class%20MyCoolArray%20extends%20Array%20%7B%0A%20%20first%20%7B%20return%20this%5B0%5D%3B%7D%0A%20%7D%0A%0Avar%20a%20%3D%20new%20MyCoolArray(1%2C2%2C3)%3B%0A%0A%0Aconsole.log(a.first)%3B()

路由器网页如何实现比较好

dxcqcv — Fri, 06 Feb 2015 13:09:43 +0800

现在的实现方法是，底层数据全用 C 获取操作，然后直接用 json 传给前端，前端的所有请求都是 ajax 的

这样做有 2 个问题比较麻烦

1。没有后台程序，所以用户登录信息都保存在 cookies 里，会被看到，加上如果用户禁用 cookies 就无法登录了 2。ajax 请求 C 的数据有时候会慢

考虑是不是加入个 RUBY 之类的后台语言和数据库比较好？还是这样做是对的，只是我们没处理好？

resize 得到错误的值，求助

dxcqcv — Tue, 02 Dec 2014 21:10:09 +0800

我取 window 的宽度，减掉点什么，然后放大缩小浏览器，再点击 p 标签会得到 2 个值，一个正确的，一个错误的，为什么？

html 代码如下

click me get value

js 代码如下

(function(){

test();

$(window).resize(function(){ test(); });

}());

function test() { var t = $(window).width()-74; alert('one ' +t); $(document).on('click', '.test',{t: t}, get); } function get(event) { var l = event.data.t alert('two ' +l) } jsfiddle 地址 http://jsfiddle.net/dxcqcv/xetbhwpv/1/

这种焦点图特效是怎么实现的？

dxcqcv — Sun, 07 Sep 2014 16:06:40 +0800

网站地址：http://www.fudan.edu.cn/

首页的焦点图，无论点击下面的 1，2，3，4 那个数字，都是一张图片滑动出去，一张图片滑动经来，

不理解他是怎么实现的？我做的焦点图都是用 margin-left:-每张图片的宽度 px 这样，所以当点击最后一张的时候会划过所有的图片，比如 bilibili 这样http://www.bilibili.com/index.html

我想知道复旦这个怎么实现的，什么原理，或者给我关键词也好，非常感谢

我想定制滚动条的高度

dxcqcv — Sat, 16 Aug 2014 19:47:36 +0800

我想做 qq 设置里那种效果，但每个浏览器的滚动条都不一样，怎么用 JS 定制滚动条高度？

关于声明变量和函数的优先级

dxcqcv — Fri, 16 May 2014 11:00:57 +0800

var a = 1;
function b() {
    a = 10;
    return;
    function a (){};
}
b();
alert(a);

运行结果是 1，为什么？同名函数 a 替代了 a 的赋值吗？

帮忙看下这段程序为会返回未定义？

dxcqcv — Sun, 06 Oct 2013 08:12:36 +0800

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

<script type="text/javascript" src='js/jquery-1.9.1.js'></script>
<script type="text/javascript">
(function() {
function container() {
this.current = 0;
this.max = 5;
this.loop;
this.start = true;
}

container.prototype.play = function() {
if (this.start) {
this.start = false;
this.loop = setInterval(this.showNext, 1500);
}
};
container.prototype.showNext = function() {
if(this.current < this.max) {
this.current++;
}
console.log(this.current);
};
var ex = new container();
ex.play();
})();
</script>
</body>
</html>

this.current 为什么会返回未定义呢