NodeJS后台

迷南。 2021-09-19 15:46 403阅读 0赞

## NodeJS后台 ##

后台：  
1.PHP  
2.Java  
3.Python

优势  
1.性能  
2.跟前台JS配合方便  
3.NodeJS便于前端学习

[https://nodejs.org/en/][https_nodejs.org_en]

![image.png][]

![image.png][image.png 1]

![image.png][image.png 2]

1.切换盘符 e:  
2.改变目录 cd 目录名  
3.执行程序 node xxx.js

const http = require('http');
    
    http.createServer(function(req, res){
     // 前台响应
     res.write("dashucoding");
     res.end();
    });
    
    // 监听
    // 端口
    server.listen(123);

nodeJS——服务器

http——协议  
request 请求  
response 响应

![image.png][image.png 3]

文件操作：fs——File System  
http——模块

异步 vs 同步  
异步——多个操作可以同时进行，前一次的操作没完事，后一次也能开始  
同步——一次一个

![image.png][image.png 4]

![image.png][image.png 5]

![image.png][image.png 6]

const fs=require('fs');
    
    //writeFile(文件名, 内容, 回调)
    fs.writeFile("bbb.txt", "dda", function (err){
      console.log(err);
    });

buffer类用于二进制数据的存储提供一个缓存区  
settimeout函数用于指定时间到达执行一个指定函数，指定方法为从当前时刻之后多少毫秒  
cleartimeout函数用于取消在settimeout函数内指定的函数的执行

var http = require('http');
    http.createServer(function(req,res){
    res.writeHead(200, {'Content-Type':'text/html'});
    res.write('<head><meta charset="utf-8"/></head>');
    res.end('你好\n');
    }).listen(1234,"127.0.0.1");

var http=require('http');
    
    http.createServer(function(req,res){
    // 回调函数中的代码
    })

![image.png][image.png 7]

//一行
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    //两行
     text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;

![image.png][image.png 8]

![image.png][image.png 9]

小程序简单实现双击事件

data = {
          tabBar: [],
          // recommendList: [],
          floorList: [],
          banners: [],
          currentIndex: 1,
          canGetCoupon: false,
          // 触摸开始时间
          touchStartTime: 0,
          // 触摸结束时间
          touchEndTime: 0,
          // 最后一次单击事件点击发生时间
          lastTapTime: 0
        }

getCoupon: function (e) {
            let that = this
            if (that.touchEndTime - that.touchStartTime < 350) {
              // 当前点击的时间
              let currentTime = e.timeStamp
              let lastTapTime = that.lastTapTime
              // 更新最后一次点击时间
              that.lastTapTime = currentTime
              // 如果两次点击时间在300毫秒内，则认为是双击事件
              if (currentTime - lastTapTime < 300) {
                // 成功触发双击事件时，取消单击事件的执行
                // clearTimeout(that.lastTapTimeoutFunc)
                getCoupon({}).then(res => {
                  this.canGetCoupon = false
                })
                wx.showToast({
                  title: '优惠券领取成功',
                  duration: 3000
                })
              }
            }

doubleClick(e){
    	//e.timeStamp：当前点击时的毫秒数；
    	// this.touchStartTime： 储存上一次点击时的毫秒数，默认0
            if (e.timeStamp - this.touchStartTime  < 300){
                双击，进入
            }
    
            this.touchStartTime = e.timeStamp;
            单击
        }

/*
            if ((e.timeStamp - this.touchStartTime) < 100) {
              getCoupon({}).then(res => {
                this.canGetCoupon = false
              })
              wx.showToast({
                title: '领取成功',
                icon: 'none',
                duration: 3000
              })
            }
            this.touchStartTime = e.timeStamp
            */

// 触摸开始时间
      touchStartTime: 0,
      // 触摸结束时间
      touchEndTime: 0,  
      // 最后一次单击事件点击发生时间
      lastTapTime: 0, 
      // 单击事件点击后要触发的函数
      lastTapTimeoutFunc: null,

/// 双击
      doubleTap: function(e) {
        var that = this
        // 控制点击事件在350ms内触发，加这层判断是为了防止长按时会触发点击事件
        if (that.touchEndTime - that.touchStartTime < 350) {
          // 当前点击的时间
          var currentTime = e.timeStamp
          var lastTapTime = that.lastTapTime
          // 更新最后一次点击时间
          that.lastTapTime = currentTime
     
          // 如果两次点击时间在300毫秒内，则认为是双击事件
          if (currentTime - lastTapTime < 300) {
            console.log("double tap")
            // 成功触发双击事件时，取消单击事件的执行
            clearTimeout(that.lastTapTimeoutFunc);
            wx.showModal({
              title: '提示',
              content: '双击事件被触发',
              showCancel: false
            })
          }
        }
      },

![image.png][image.png 10]

![image.png][image.png 11]

![image.png][image.png 12]

![image.png][image.png 13]

![image.png][image.png 14]

![image.png][image.png 15]

![image.png][image.png 16]

![image.png][image.png 17]

![image.png][image.png 18]

![image.png][image.png 19]

![image.png][image.png 20]

![image.png][image.png 21]

![image.png][image.png 22]

![image.png][image.png 23]

![image.png][image.png 24]

控制台，全局作用域，全局变量和全局函数，事件处理机制以及事件环机制，怎么使用node.js框架中提供的调试工具。

--------------------

## 请点赞！因为你的鼓励是我写作的最大动力！ ##

![官方微信公众号][1240]

吹逼交流群：**711613774**

![吹逼交流群][1240 1]

[https_nodejs.org_en]: https://nodejs.org/en/
[image.png]: /images/20210724/9ca0bf9da842415b9ff82c0625eeca03.png
[image.png 1]: /images/20210724/049ec227bb3d4b2ba9a43f3f9562b495.png
[image.png 2]: /images/20210724/389a4d09d46b41158ea97ff4e3832b9b.png
[image.png 3]: /images/20210724/4e140a2b4a6c489490dbf611a78e267a.png
[image.png 4]: /images/20210724/3ea452740e324094bb6e18506ab81e1d.png
[image.png 5]: /images/20210724/c84750e452d44df59e5fd3f53bc0a0b4.png
[image.png 6]: /images/20210724/f3f2c257c1d840ebacfeb4b5c338bfbb.png
[image.png 7]: /images/20210724/3f4138a29dfe4a61962f20eb23f2b470.png
[image.png 8]: /images/20210724/bed7b8b1429b4b4a80be27b2487ce2fb.png
[image.png 9]: /images/20210724/a25e6e2003c44e4d9f01994ac1d6124e.png
[image.png 10]: /images/20210724/7938d8d1fa524e4f929083425c250615.png
[image.png 11]: /images/20210724/d1c7f4384ffd4593aa23575ba0ab30e6.png
[image.png 12]: /images/20210724/73b9d5d987ec4fecb46f08c76ec86c98.png
[image.png 13]: /images/20210724/9a3c52f1c19c416589a98dd3d3665d1f.png
[image.png 14]: /images/20210724/15f8ccf49bd04423b8e83d549268206d.png
[image.png 15]: /images/20210724/42288dd30be74a72a3cadb17023b884a.png
[image.png 16]: /images/20210724/7078183c8441404e801fd6844b9eeb31.png
[image.png 17]: /images/20210724/ddf377a203a64e4ba8517fe2e446bca0.png
[image.png 18]: /images/20210724/4e877097c85542059565731724c43929.png
[image.png 19]: /images/20210724/1a974986c10b4c6eacf3752b586a4ba1.png
[image.png 20]: /images/20210724/b41c876bbce44d18b6a13ae463c53a2c.png
[image.png 21]: /images/20210724/31de1dc9056449619451798bbdb36215.png
[image.png 22]: /images/20210724/738ce10571d743c4adce9bda45315985.png
[image.png 23]: /images/20210724/d3813ddb4e75459ca9ab8c34d93ddb41.png
[image.png 24]: /images/20210724/32094416ffff4cd68b97cb3940b04117.png
[1240]: /images/20210724/54f37f2be61b4b39ba1584476e7ef9d0.png
[1240 1]: /images/20210724/4fef6996ad74431e95db540d5f149d9b.png