运行gulp项目报错：AssertionError: Task function must be specified。

解决方案 今天像往常一样，编写文章，并使用gulp bulid压缩代码，但是一运行：gulp build 就出现了这个错误：AssertionError: Task function must be specified。 gulp项目需要全局安装gulp和项目内安装gulp，通过 gulp -v 查看全局gulp 和本地项目的gulp版本： image.png 这俩显然，不一致。 下面，我们可以看到项目里记录的gulp的版本号： image.png 可以卸载修改json文件里面的版本号：为gulp 3 版本。如 3.9.1 重新运行 npm install gulp 3 和 gulp 4运行方式是不一样的，所以会出现错误。具体细节，可以看这里 gup3 VS gulp4 区别 Gulp 4最大的变化就是你不能像以前那样传递一个依赖任务列表。 Gulp3，如果有一个任务A，B和C的列表，你想在一个序列中运行（确保A在B开始之前完成，而B在C开始之前完成），代码如下：

1
2
3
4
5
6
7
8
9
gulp.task('a', function () {
  // Do something.
});
gulp.task('b', ['a'], function () {
  // Do some stuff.
});
gulp.task('c', ['b'], function () {
    // Do some more stuff.
});

  在Gulp 4中，你不能再这样做了。你会得 […]

用gulp实现代理，解决跨域问题

gulpfile.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var gulp = require('gulp');
var webserver = require('gulp-webserver');
 
gulp.task('webserver', function () {
  gulp.src('./')
    .pipe(webserver({
      host: 'localhost',
      port: 3000,
      livereload: true,
      open: './pages/myPages/login.html',
      directoryListing: {
        enable: true,
        path: './'
      },
      proxies: [
        {
            source: '/api', target: 'http://jsonplaceholder.typicode.com'
        }
      ]
    }))
});
gulp.task('default', ['webserver'], function () {
  console.log('成功');
});

  1、在本地起一个服务，端口号为3000。 2、open：默认打开的文件的路径 3、directoryListing：是否显示文件列表 4、proxies： 设置代理 接口调用： 接口调用 url http://localhost:3000/api 作者：动次动次forever 链接：https://www.jianshu.com/p/237bc5c04fa1 来源：简书 简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

【五】gulp之用建立一个代理服务器（解决前端跨域问题）

为什么需要使用代理？ 目前，前端发展飞速，前后端分离式开发已经不是新鲜事儿。 1 如果前端只是静态的页面（不需要调用后端的api加载动态数据），那么前端直接在本地开发即可。 即使是前后端分开部署，只需要单独为前端启动一个服务，使用gulp-connect即可。不会？（请戳gulp之用gulp-connect开启一个本地webServer） 2 如果前端需要调用后端提供的接口呢？除非前后端部署在同一个服务器上，否则由于浏览器的限制是没办法跨域请求数据的。真实情况是，我们在本地开发时就需要访问接口，这时后端的程序猿给你的往往是这样一个地址 http://192.168.1.123/controller/action，有人说上传代码到http://192.168.1.123/放在一个目录下不就行了，是啊！可以的。但是好麻烦有没有，调试接口需要传代码上去！！！！ 3 如果我的数据是从其他的服务器来的呢？例如我想访问豆瓣的开放接口

1
2
3
4
  $.post(<span class="hljs-string">'https://api.douban.com/v2/book/1220562'</span>,{},<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">data</span>)</span>{
    <span class="hljs-built_in">console</span>.log(data);
  })
 

豆瓣告诉你，不行！你跨域了！ 所以，还是代理来的方便。 代理是个什么鬼？ 代理请求通俗点讲，就是把发 […]

学习ES6零基础-彩票项目中，解决项目代码中运行错误的问题

最近在学习ES6，在B站上看了一些视频再结合阮一峰老师的《ES6标准入门》基本上对ES6的各特性过了一遍，那就开始动手练项目咯，在找到视频对应的代码后，下载并运行出现了几个问题，通过百度又没查到相关的解决思路，这不还得科学上网，毕竟你询问的人群是全世界，总有适合的哪一个。话不说，开始叙述问题，并一步步的解决问题。项目的源代码在我的github上：https://github.com/sun2013126370/es6-lottery-master，视频的话去B站找咯。 先说一下我的相关配置吧

1
2
3
4
nodejs版本： v10.13.0
npm版本：6.4.1
gulp版本：CLI version 3.9.1（全局安装-npm install -g gulp）
 

1 2 3 第一个问题： Failed to load external module @babel/register 网上说gulp的版本变成3.9.0（命令：npm install -g gulp@3.9.0）就可以，可以解决这个问题，但是至今还没找到出现这个问题的原因。还好，这个问题并不影响项目的运行，因此选择忽略这个错误或者将gulp的版本换成3.9.0都可以。 第二个问题：TypeError: require.extens […]

Nodejs Sass安装报错一招解决

背景： 这个问题不是一天两天了，有时候是网速不行，有时候是被墙了，有时候是github把node-sass的包转移目录导致下载失败。 Cannot download "https://github.com/sass/node-sass/releases/download/xxx/binding.node的问题 另附node-sass的binding.node各个版本的安装包，哪里少，就单独下载哪个，下载完了之后，跟着我，一起把文件放在指定位置即可解决这个问题 https://github.com/sass/node-sass/releases/tag/v4.7.2 1.本机位置 C:\Users\Administrator\AppData\Roaming\npm-cache\node-sass\ 这个里面是各种版本，报错提示你哪个版本下载失败，你就塞到哪个版本的文件夹里，如图所示 2.删除项目的node_moduls目录 3.重新npm install 4.另附全局安装命令

1
2
3
npm i sass-loader node-sass webpack <span class="hljs-comment">--g</span>
npm i style-loader css-loader <span class="hljs-comment">--g</span>
 

qq 43163707 落雨 本文地 […]

静态资源缓存控制编译工具

前不久在 知乎 上回答了一个问题：大公司里怎样开发和部署前端代码？。其中讲到了大公司在前端静态资源部署上的一些要求： 配置超长时间的本地缓存 —— 节省带宽，提高性能 采用内容摘要作为缓存更新依据 —— 精确的缓存控制 静态资源CDN部署 —— 优化网络请求 更资源发布路径实现非覆盖式发布 —— 平滑升级 其中比较复杂的部分就是 以文件的摘要信息为依据，控制缓存更新与非覆盖式发布 这个细节。因此基于 fis 包装了一个简单的命令行工具，并设立此项目，用于演示这部分功能。 这个工具基于 fis 的小工具是完全可以用作工程中的，有任何问题可以在 这里 留言。 请跟着下面的步骤来使用这个命令行小工具： 第一步：安装工具 这个命令行小工具依赖 nodejs 环境，因此，请先确保本地安装了它。 使用 nodejs 随带的 npm 包管理工具进行安装：

1
npm install -g rsd

第二步：创建项目 在 命令行 下clone本仓库，或者自己创建一个新的项目，并进入：

1
2
mkdir rsd-project  <span class="pl-c"><span class="pl-c">#</span> 项目名任意</span>
<span class="pl-c1">cd</span> rsd-project

在项目根目录下创建一个空的 f […]

node.js连接mssql，并用moment格式化时间

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var http = require('http');
var moment = require('moment');
process.env.TZ = "Asia/Shanghai";
 
http.createServer(function (request, response) {
    var sql = require('mssql');
    sql.close();
 
    //连接方式1："mssql://用户名:密码@ip地址（无需端口号）/SqlServer名/数据库名称"
    //连接方式2："mssql://用户名:密码@ip地址:1433(默认端口号)/数据库名称"
    sql.connect("mssql://sa:s1a2@127.0.0.1/DBNAME").then(function () {
        
        new sql.Request().query('select top 10 * from TABLENAME').then(function (result) {
 
            response.writeHead(200, { "content-type": "text/html;charset=utf-8;" });
 
            result.recordset.forEach(row => {
                response.write(row.ID + ' - ' + row.Name + ' - ' + moment(row.DateTime).utc().format("YYYY-MM-DD HH:mm:ss") + "<br>");
            });
            
            response.end();
 
        }).catch(function (err) {
            console.log(err);
        });
        
    }).catch(function (err) {
        console.log(err);
    });
 
 
}).listen(8886);

  引用： https://blog.csdn.net/u010668495/article/details/50817136 https://www.npmjs.com/package/mssql https://www.cnblogs.com/cyfhykx/p/6224078.html

解决Node.js调用fs.renameSync报错的问题（Error: EXDEV, cross-device link not permitted）

今天开始学习Node.js，在写一个文件上传的功能时候，调用fs.renameSync方法错误   出错代码所在如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
1 function upload(response,request){
2     console.log("upload called");
3     var form = new formidable.IncomingForm();
4     console.log("about to parse");
5     form.parse(request, function(error, fields, files) {
6         console.log("parsing done");
7         fs.renameSync(files.upload.path, "./tmp/test.jpg");
8         response.writeHead(200, {"Content-Type": "text/html"});
9         response.write("received image:&lt;br/&gt;");
10         response.write("&lt;img src='/show' /&gt;");
11             response.end();
12     });
13 }

大致分析后，预计是因为跨磁盘分区移动或操作文件会有权限问题。 下面提供两种解决办法： 方法一： 主要利用fs的createReadStream、createWriteSream和unlinkSync方法 具体代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
1 function upload(response,request){
2     console.log("upload called");
3     var form = new formidable.IncomingForm();
4     console.log("about to parse");
5     form.parse(request, function(error, fields, files) {
6         console.log("parsing done");
 
7 //      fs.renameSync(files.upload.path, "./tmp/test.jpg");
8         <strong>var readStream=fs.createReadStream(files.upload.path);
9         var writeStream=fs.createWriteStream("./tmp/test.jpg");
10         readStream.pipe(writeStream);
11         readStream.on('end',function(){
12             fs.unlinkSync(files.upload.path);
13         });
</strong>14         response.writeHead(200, {"Content-Type": "text/html"});
15         response.write("received image:&lt;br/&gt;");
16         response.write("&lt;img src='/show' /&gt;");
17         response.end();
18     });
19 }

PS：我用的node版本是0.10.69,如果使用的是0.6以下的版本，可以使用util.pump 相应代码只需将上面的代码中readStream.on处改成：(注意引入util模块)

1
2
3
util.pump(readStream,writeStream, function() {
    fs.unlinkSync('files.upload.path');
});

  方法二： 这种就简洁很多了 添加一个 form.uploadDir=’tmp' 即可（写一个临时路径）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1 function upload(response,request){
2     console.log("upload called");
3     var form = new formidable.IncomingForm();
4    <strong> form.uploadDir='tmp';
</strong> 5
6     console.log("about to parse");
7     form.parse(request, function(error, fields, files) {
8         console.log("parsing done");
9         fs.renameSync(files.upload.path, "./tmp/test.jpg");
10         response.writeHead(200, {"Content-Type": "text/html"});
11         response.write("received image:&lt;br/&gt;");
12         response.write("&lt;img src='/show' /&gt;");
13         response.end();
14     });
15 }
16

解决问题后，就可以很开心的继续我的Node学习了，感觉路还很 […]

Nodejs接收图片base64格式保存为文件

base64的形式为“data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0。。。。”； 当接收到上边的内容后，需要将data:image/png;base64,这段内容过滤掉，过滤成：“iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0。。。”；然后进行保存。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
app.post(<span class="hljs-string">'/upload'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(req, res)</span></span>{
    <span class="hljs-comment">//接收前台POST过来的base64</span>
    <span class="hljs-keyword">var</span> imgData = req.body.imgData;
    <span class="hljs-comment">//过滤data:URL</span>
    <span class="hljs-keyword">var</span> base64Data = imgData.replace(<span class="hljs-regexp">/^data:image\/\w+;base64,/</span>, <span class="hljs-string">""</span>);
    <span class="hljs-keyword">var</span> dataBuffer = <span class="hljs-keyword">new</span> Buffer(base64Data, <span class="hljs-string">'base64'</span>);
    fs.writeFile(<span class="hljs-string">"image.png"</span>, dataBuffer, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(err)</span> </span>{
        <span class="hljs-keyword">if</span>(err){
          res.send(err);
        }<span class="hljs-keyword">else</span>{
          res.send(<span class="hljs-string">"保存成功！"</span>);
        }
    });
});
 
from:https://segmentfault.com/a/1190000005364299

用node.js进行微信公众平台的开发

基本原理 用nodejs怎样来实现对微信公众平台的开发呢？ 别的就不多说了，先来简单介绍微信公众平台的基本原理。 微信服务器就相当于一个转发服务器，终端（手机、Pad等）发起请求至微信服务器，微信服务器，然后将请求转发给自定义服务（这里就是我们的具体实现）。服务处理完毕，然后转发给微信服务器，微信服务器再将具体响应回复到终端；通信协议为：HTTP；数据格式为：XML。 　　具体的流程如下图所示： 其实，我们需要做的事情，就是对HTTP请求，做出响应。具体的请求内容，我们按照特定的XML格式去解析，处理完毕后，也要按照特定的XML格式返回。 平台注册 要想完成对微信公众平台的开发，我们需要注册一个微信公众平台帐号。注册步骤如下： 　　打开微信公共平台的官网，https://mp.weixin.qq.com/，点击“立即注册”。 然后根据提示，填写基本信息，邮箱激活，选择类型，信息登记，公众号信息，完成注册。 在注册完成以后，我们要对公众号进行一些基本的设置。登录公众号，找到【公众号设置】，然后设置头像以及其它信息。 nodejs环境搭建 我们需要在公网上找一台服务器，以便可以启动我们的n […]

10+ 最佳的 Node.js 教程结合实例

如果你正在找Node.js的学习资料及指南，那么请继续（阅读），我们的教程将会覆盖即时聊天应用、API服务编写、投票问卷应用、人物投票APP、社交授权、 Node.js on Raspberry Pi等等。 以下是Node.js入门的简单介绍，如果你对Node.js略有了解可以直接跳过此部分。 那什么是Node.js呢？ Node.js是迄今运用最多的服务端JavaScript运行时环境，使用JavaScript开发跨平台的实时WEB应用。 Node.js基于Google的V8 JavaScript引擎。基于事件驱动，非阻塞的输入输出模型，这也使得其高效而轻量。 Node.js的强大之处在于其能力支持数据密级性的交互应用，因为这类应用的函数围绕着用户事件，数据I/O和数据流的处理。对于JSON的API，Node.js同样显得很神奇，它是单页WEB应用的心脏和灵魂。 Node.js的流行程度可以感觉得到，像eBay、target、City Group、Sony、Uber、LinkedIn、Medium、Netflix等等的大公司都有在他们的web项目中应用。 怎样学习Node.js呢？ […]

2016 年你应该学习的语言和框架

2015年，软件开发界发生了很多变化。有很多流行的新语言发布了，也有很多重要的框架和工具发布了新版本。下面有一个我们觉得最重要的简短清单，同时也有我们觉得值得你在2016年花时间精力去学习的新事物的一些建议。 大趋势 在过去的几年里，有一个越来越明显的趋势是web应用的商业逻辑逐步从后端转移到了前端，然后后端变得只需要处理简单的数据API。这就让前端开发框架的选择变得尤为重要了。 另外一个重要的改变是2015年发布的 Edge 浏览器。这是IE的替代品，拥有全新的界面和更好的性能。跟IE不一样的是它同样采用了跟 FireFox 和 Chrome 一样的快速发布策略。这让JavaScript 开发者社区能够以周为单位获得最新版JavaScript 和 Web标准特性支持而不是像过去一样需要等很多年。 语言和平台 Python 3.5 在今年发布了，带来了很多新特性 比如 Asyncio，为你带来了类似 node.js 的事件机制，还有type hints。 鉴于Python 3 终于真正地火起来了我们强烈建议你替换掉 Python 2。几乎所有的库都已经支持 Python 3 了，所以现 […]