一、WebSocket概述

http://www.ruanyifeng.com/blog/2017/05/websocket.html

Workerman一款开源高性能异步PHP socket即时通讯框架https://workerman.net

HTTP是无连接的：有请求才会有响应，如果没有请求，服务器想主动推送信息给浏览器是不可能的。

比如图文直播、聊天室原理：长轮询。

  1. setInterval(function(){
  2. $.get()
  3. },1000)

间隔一定的时间，主动向服务器发起请求，询问是否有新消息。

WebSocket是一种网络通信协议，是HTML5中的新协议。需要服务器和浏览器共同支持，实现全双工通信。

服务器：PHP5.6、Java1.7、Nodejs 6以上。

浏览器：Android 6.0及以上版本。

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

二、Socket.io

socket.io是一个跨浏览器支持WebSocket的实时通讯的JS。Nodejs中实现socket非常好用的包。

API：

https://www.npmjs.com/package/socket.io

https://socket.io/

  1. npm install --save socket.io

默认有一个自动路由的js文件http://127.0.0.1:3000/socket.io/socket.io.js

前端代码（从官网抄的模板）：

  1. <!doctype html>
  2. <html>
  3.   <head>
  4.     <title>Socket.IO chat</title>
  5.     <style>
  6.       * { margin: 0; padding: 0; box-sizing: border-box; }
  7.       body { font: 13px Helvetica, Arial; }
  8.       form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
  9.       form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
  10.       form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
  11.       #messages { list-style-type: none; margin: 0; padding: 0; }
  12.       #messages li { padding: 5px 10px; }
  13.       #messages li:nth-child(odd) { background: #eee; }
  14.     </style>
  15.   </head>
  16.   <body>
  17.     <ul id="messages"></ul>
  18.     <form action="">
  19.           <input id="m" autocomplete="off" />
  20.         <button>Send</button>
  21.     </form>
  22.     <script type="text/javascript" src="/socket.io/socket.io.js"></script>
  23.     <script type="text/javascript">
  24.        var socket = io();
  25.     </script>
  26.   </body>
  27. </html>

后端：

  1. var express = require('express');
  2. var app = express();
  3. var http = require('http').Server(app);
  4. var io = require('socket.io')(http);
  5.  
  6. app.get('/', function(req, res){
  7.       res.sendFile(__dirname + '/index.html');
  8. });
  9.  
  10. //监听客户端，有用户连接的时候触发（建立前后端连接）
  11. io.on('connection', function(socket){
  12.       console.log('有个用户连接了');
  13. });
  14.  
  15. http.listen(3000);
  1. node app.js

现在两个端已经实时通讯连接上了：

消息收发的响应：

前端emit发：

  1. <script type="text/javascript">
  2.       var socket = io();
  3.       $("button").click(function(){
  4.              socket.emit("info", "你好");
  5.              return false;
  6.       });
  7. </script>

服务端on收：

  1. io.on('connection', function(socket){
  2.       console.log('有个用户连接了');
  3.       socket.on("info", function(data){
  4.           console.log(data);
  5.       });
  6. });

接下来的事情：

实现聊天室功能：如果有某个客户端用户将消息发给了服务端，服务端要发给所有已经连接的客户端，这里就涉及到广播，广播就是给所有已经连接服务端的socket对象进行集体的消息发送。

完整的聊天室前端：

  1. <!doctype html>
  2. <html>
  3.   <head>
  4.     <title>Socket.IO chat</title>
  5.     <style>
  6.      ...
  7.     </style>
  8.   </head>
  9.   <body>
  10.     <ul id="messages"></ul>
  11.     <form action="">
  12.           <input id="m" autocomplete="off" />
  13.         <button>Send</button>
  14.     </form>
  15.     <script type="text/javascript" src="/socket.io/socket.io.js"></script>
  16.     <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  17.     <script type="text/javascript">
  18.         var socket = io();
  19.  
  20.         //点击按钮发出数据
  21.         $("button").click(function(){
  22.             socket.emit("info" , {
  23.                 content : $("#m").val()
  24.             });
  25.             $("#m").val("");
  26.             return false;  //阻止浏览器默认请求行为，禁止刷新页面
  27.         });
  28.  
  29.         //客户端收到服务端的msg广播消息的时候触发的函数
  30.         socket.on("msg", function(data){
  31.             $("<li>" + data.content + "</li>").prependTo("ul");
  32.         });
  33.     </script>
  34.   </body>
  35. </html>

后端：

  1. io.on('connection', function(socket){
  2.       console.log('有个用户连接了');
  3.       //服务端收到了info的消息
  4.       socket.on("info" , function(data){
  5.           console.log(data.content);
  6.           //立即广播通知所有已连接的客户端
  7.           io.emit('msg', data);
  8.       });
  9. });
  10.  
  11. http.listen(3000);

三、微信小程序和WebSocket

小程序的上线版本，必须是https协议会wss协议（即websocket的安全版本）

如果结合微信小程序使用，Nodejs不能使用socket.io，因为socket.io在前端需要用script引入一个js文件，但是小程序不支持这样引入。但是没有关系，因为小程序自带websocket的API。

前端开启：

  1. Page({
  2.     onLoad(){
  3.         wx.connectSocket({
  4.             url: 'ws://127.0.0.1:8080',
  5.         })
  6.     }
  7. })

示例代码

后端需要安装一个依赖：

https://www.npmjs.com/package/ws

  1. npm install --save ws

后端app.js　　

  1. const WebSocket = require('ws');
  2. const wss = new WebSocket.Server({ port: 8080 });
  3. wss.on('connection', function connection(ws){
  4.     console.log("有人链接了");
  5. });

示例代码

  1. <!--index.wxml-->
  2. <view class="container">
  3.     <view class="t">{{a}}</view>
  4.     <button bindtap="sendmsg">按我</button>
  5. </view>
  1. //index.js
  2. Page({
  3.     data: {
  4.         a: 0
  5.     },
  6.     onLoad(){
  7.         //前端发起websocket连接
  8.         wx.connectSocket({
  9.             // 可以在WiFi环境下的IP地址测试
  10.             // url: 'ws://192.168.0.150:8080',
  11.             url: 'ws://127.0.0.1:8080'
  12.         })
  13.  
  14.         //监听WebSocket接受到服务器的广播消息通知事件
  15.         wx.onSocketMessage((res)=>{
  16.             console.log(res.data)
  17.             this.setData({
  18.                 a:res.data
  19.             })
  20.         })
  21.     },
  22.     //点击按钮发送消息给服务端
  23.     send(){
  24.         wx.sendSocketMessage({
  25.             data: "你好！",
  26.         })
  27.     }
  28. })

示例代码

后端app.js

Nodejs的ws这个库没有广播功能，必须让开发者将socket对象存为数组，要广播的时候，遍历数组中每个项，依次给他们发送信息即可。

  1. const WebSocket = require('ws');
  2. //创建连接和监听端口
  3. const wss = new WebSocket.Server({port:8080});
  4.  
  5. var ws_arr = []; //存储所有已经连接的人的ws对象
  6. var a = 0;
  7.  
  8. //响应客户端的连接
  9. wss.on('connection', function(ws){
  10.     console.log("有人连接了");
  11.     ws_arr.push(ws); //将当前进来的人存储到数组
  12.  
  13.     //监听客户端发送的消息
  14.     ws.on("message", function(message){
  15.         console.log("服务端收到了消息：" + message)
  16.  
  17.         a++;
  18.         //遍历所有人，广播通知所有客户端，把消息传送给他们
  19.         ws_arr.forEach(item=>{
  20.             item.send(a);
  21.         })
  22.     })
  23. })

示例代码

四、摇一摇大PK

微信没有提供摇一摇API，必须使用加速计，自己写代码感应x、y、z的变化。

加速计的坐标轴如图，是个三维的坐标。我们需要通过x、y、z三个轴的方向的加速度计算出摇动手机时，手机摇动方向的加速度。

index.js

  1. page({
  2. data:{
  3.    x:0,
  4.    y:0,
  5.    z:0
  6. },
  7. onLoad(){
  8.     var lastX = 0;
  9.     var lastY = 0;
  10.     wx.onAccelerometerChange((res)=>{
  11.             //如果当前的x或y减去上一次x或y的差 大于0.5，就设定为摇一摇成功
  12.             if(Math.abs(res.x - lastX) > 0.5 || Math.abs(res.y - lastY) > 0.5){
  13.                 wx.showToast({
  14.                    title: "成功"
  15.                 });
  16.                 lastX = res.x;
  17.                 lastY = res.y;
  18.  
  19.                 this.setData({
  20.                    x : res.x,
  21.                    y : res.y,
  22.                    z : res.z
  23.                 })
  24.             }
  25.  
  26. })
  27. }
  28. })

示例代码

后端app.js

  1. const WebSocket = require('ws');
  2. const wss = new WebSocket.Server({ port: 8080 });
  3.  
  4. //存储所有人的ws对象
  5. var ws_arr = [];
  6. //存储所有人的分数
  7. // var score_arr = ["nickName":"测试账户","avatarUrl":"x.jpg", "n":0];
  8. var score_arr = [];
  9. var a = 0;
  10.  
  11. wss.on('connection', function(ws){
  12.     console.log("有人链接了");
  13.     ws_arr.push(ws); //将每个进来的用户存储到数组
  14.  
  15.     ws.on('message', function(message){
  16.         console.log("服务器收到了推送：" + message);
  17.         //变为JSON对象
  18.         var messageObj = JSON.parse(message);
  19.         //当摇一摇时，判断数组中有没有这个人，有就让这个人的n++
  20.         var isHave = false;
  21.         score_arr.forEach(item=>{
  22.             if(item.nickName == messageObj.nickName){
  23.                 item.n ++;
  24.                 isHave = true;
  25.             }
  26.         });
  27.         //如果没有就添加到数组中
  28.         if(!isHave){
  29.             score_arr.push({
  30.                 nickName : messageObj.nickName,
  31.                 avatarUrl: messageObj.avatarUrl,
  32.                 n : 0
  33.             })
  34.         }
  35.  
  36.         console.log({"score_arr" : score_arr})
  37.         //广播发送给客户端（前端）
  38.         ws_arr.forEach(item=>{
  39.             item.send(JSON.stringify({
  40.                 "score_arr" : score_arr
  41.             }));
  42.         });
  43.     });
  44. });

用户摇一摇案例：

  1. <!--index.wxml-->
  2. <view class="container">
  3.     <view class="userinfo">
  4.         <button open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取头像昵称</button>
  5.     </view>
  6.  
  7.     <view wx:for="{{arr}}">
  8.         {{item.nickName}}
  9.         <image style="width:90px;height:90px;" src="{{item.avatarUrl}}"></image>
  10.         {{item.n}}
  11.     </view>
  12. </view>

index.js

  1. const app = getApp()
  2.  
  3. Page({
  4.     data: {
  5.         userInfo: {},
  6.         hasUserInfo: false,
  7.         canIUse: wx.canIUse('button.open-type.getUserInfo'),
  8.         arr : []
  9.     },
  10.     onLoad: function () {
  11.         if (app.globalData.userInfo) {
  12.             this.setData({
  13.                 userInfo: app.globalData.userInfo,
  14.                 hasUserInfo: true
  15.             })
  16.         } else if (this.data.canIUse) {
  17.             // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
  18.             // 所以此处加入 callback 以防止这种情况
  19.             app.userInfoReadyCallback = res => {
  20.                 this.setData({
  21.                     userInfo: res.userInfo,
  22.                     hasUserInfo: true
  23.                 })
  24.             }
  25.         } else {
  26.             // 在没有 open-type=getUserInfo 版本的兼容处理
  27.             wx.getUserInfo({
  28.                 success: res => {
  29.                     app.globalData.userInfo = res.userInfo
  30.                     this.setData({
  31.                         userInfo: res.userInfo,
  32.                         hasUserInfo: true
  33.                     })
  34.                 }
  35.             })
  36.         }
  37.  
  38.         //链接socket服务器（可以填WiFi的IP地址测试）
  39.         wx.connectSocket({
  40.             url: 'ws://127.0.0.1:8080'
  41.         });
  42.  
  43.         //当socket连接打开后，监听摇一摇:
  44.         var self = this;
  45.         var lastX = 0;
  46.         wx.onSocketOpen(function(res){
  47.             wx.onAccelerometerChange(function(res){
  48.                 //如果当前的x 减去上一次x的差 大于0.6，就设定为摇一摇成功
  49.                 if(Math.abs(res.x - lastX) > 0.6){
  50.                     wx.showToast({
  51.                         title: "摇一摇成功"
  52.                     });
  53.                     //告诉服务器我是谁
  54.                     wx.sendSocketMessage({
  55.                         data: JSON.stringify({
  56.                             "nickName": self.data.userInfo.nickName,
  57.                             "avatarUrl": self.data.userInfo.avatarUrl
  58.                         })
  59.                     })
  60.                 }
  61.                 lastX = res.x;
  62.             });
  63.         });
  64.  
  65.         //接收到服务器广播信息的时候做的事情
  66.         wx.onSocketMessage(function(res){
  67.             var obj = JSON.parse(res.data); //转对象
  68.             var arr = obj.score_arr;
  69.             //按照n值大小排序
  70.             arr.sort((a,b)=>{
  71.                 return b.n - a.n
  72.             })
  73.             self.setData({arr}); //存储到本地data中的arr数组
  74.         });
  75.     },
  76.     getUserInfo: function (e) {
  77.         console.log(e)
  78.         app.globalData.userInfo = e.detail.userInfo
  79.         this.setData({
  80.             userInfo: e.detail.userInfo,
  81.             hasUserInfo: true
  82.         })
  83.     }
  84. });

五、地图和地理位置

腾讯地理位置服务https://lbs.qq.com/

地图自己是不能定位的，需要获取地理位置定位，而且地图API和地理位置API是分开。

  1. <!--index.wxml-->
  2. <view class="container">
  3.     <view class="userinfo">
  4.         <button open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取头像昵称</button>
  5.     </view>
  6.  
  7.    <map markers="{{markers}}" id="map" longitude="{{longitude}}" latitude="{{latitude}}" 
    　　scale="14" style="width:100%;height:300px;"></map>
  8. </view>
  1. Page({
  2.     data: {
  3.         markers : []
  4.     },
  5.     onLoad(){
  6.         //页面加载进来要先定位
  7.         var self = this;
  8.         wx.getLocation({
  9.             type: 'gcj02',
  10.             success: function(res){
  11.                 self.setData({
  12.                     latitude: res.latitude, //纬度
  13.                     longitude: res.longitude //经度
  14.                 });
  15.             }
  16.         });
  17.  
  18.         //连接socket服务器
  19.         wx.connectSocket({
  20.             url: 'ws://192.168.1.175:8080'
  21.         });
  22.  
  23. //接收到服务器广播信息的时候做的事情
  24.         wx.onSocketMessage(function (res) {
  25.             var obj = JSON.parse(res.data);
  26.         console.log(obj)
  27. }
  28. //微信没有提供当某人地理位置改变时候的on事件，所以setInterval()。
  29. //每3秒更新一次定位，然后发送给服务端，服务端再通知客户端
  30. clearInterval(timer);
  31. var timer = setInterval(function(){
  32.     wx.getLocation({
  33.         type: 'gcj02',
  34.         success: function(res){
  35.             wx.sendSocketMessage({
  36.                 data: JSON.stringify({
  37.                     "nickName": self.data.userInfo.nickName,
  38.                     "avatarUrl": self.data.userInfo.avatarUrl,
  39.                     "latitude": res.latitude,
  40.                     "longitude": res.longitude
  41.                 })
  42.             })
  43.         }
  44.     });
  45. },);
  46.     }
  47. });

后端app.js

  1. const WebSocket = require('ws');
  2. const wss = new WebSocket.Server({ port: 8080 });
  3.  
  4. var ws_arr = []; //存储所有人的ws对象
  5. var location_arr = []; //存储所有人的地理位置
  6.  
  7. wss.on('connection', function (ws) {
  8.     console.log("有人链接了");
  9.     //放入数组
  10.     ws_arr.push(ws);
  11.  
  12.     ws.on('message', function (message) {
  13.         console.log("服务器收到了推送" + message);
  14.         //变为JSON对象
  15.         var messageObj = JSON.parse(message);
  16.         //判断数组中有没有我
  17.         var isHave = false;
  18.         location_arr.forEach(item=>{
  19.             if(item.nickName == messageObj.nickName){
  20.                 item.latitude = messageObj.latitude;
  21.                 item.longitude = messageObj.longitude;
  22.                 isHave = true;
  23.             }
  24.         });
  25.         //如果没有
  26.         if(!isHave){
  27.             location_arr.push({
  28.                 nickName : messageObj.nickName,
  29.                 avatarUrl: messageObj.avatarUrl,
  30.                 latitude : messageObj.latitude,
  31.                 longitude: messageObj.longitude
  32.             })
  33.         }
  34.         console.log({"location_arr" : location_arr})
  35.  
  36.         //广播通知客户端
  37.         ws_arr.forEach(item=>{
  38.             item.send(JSON.stringify({
  39.                 "location_arr" : location_arr
  40.             }));
  41.         });
  42.     });
  43. });

临时设置大头针markers

  1. var tempPathObj = {}; //存储这个人的昵称，根据昵称获取头像，如这个对象没有这个人就要下载头像
  2. //接收到服务器广播信息的时候做的事情
  3. wx.onSocketMessage(function(res){
  4.     var obj = JSON.parse(res.data);
  5.     self.setData({
  6.         markers : [] //清空
  7. });
  8. //iconPath不支持网络地址，要通过wx.download()接口下载得到临时地址
  9. obj.location_arr.forEach(item=>{
  10.     //根据昵称，判断这个对象中有没有这个人，如果有直接用
  11.         if(tempPathObj.hasOwnProperty(self.data.userInfo.nickName)){
  12. 　　　　self.setData({
  13.                 markers: [
  14.                     ...self.data.markers,
  15.                     {   //如果对象中有这个人，就直接用这个人的头像
  16.                         iconPath: tempPathObj[self.data.userInfo.nickName],
  17.                         id: 0,
  18.                         latitude: item.latitude,
  19.                         longitude: item.longitude,
  20.                         width: 50,
  21.                         height: 50
  22.                     }
  23.                 ]
  24.             });
  25.         } else {
  26.         //如果没有就下载头像，并且将这个人存起来，以后可以直接用
  27.             wx.downloadFile({
  28.                 url: item.avatarUrl,
  29.                 success(data){
  30.                     console.log(data.tempFilePath);
  31.                     self.setData({
  32.                         markers : [
  33.                             ...self.data.markers,
  34.                             {
  35.                                 iconPath: data.tempFilePath,
  36.                                 id: 0,
  37.                                 latitude: item.latitude,
  38.                                 longitude: item.longitude,
  39.                                 width: 50,
  40.                                 height: 50
  41.                             }
  42.                         ]
  43.                     });
  44.                     // console.log(self.data.markers);
  45.                     //将头像的临时地址存储给这个人
  46.                     tempPathObj[self.data.userInfo.nickName] = data.tempFilePath;
  47.                 }
  48.             })
  49.         }
  50.     });
  51. });

前端笔记之微信小程序（四）WebSocket&Socket.io&摇一摇案例&地图|地理位置的更多相关文章

  1. 前端笔记之微信小程序（二）{{}}插值和MVVM模式&数据双向绑定&指令&API

    一.双花括号{{}}插值和MVVM模式 1.1 体会{{}}插值 index.wxml的标签不是html的那些标签,这里的view就是div. {{}}这样的插值写法,叫做mustache语法.mus ...

  2. 前端笔记之微信小程序（一）初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR

    一.小程序概述 2017 年 1 月 9 日小程序正式上线,腾讯开放了个人开发者开发小程序,小程序从此就开始火爆,这一年,小程序狂揽 4 亿用户.1.7 亿的日常活跃,上线 58 万个.这是一个巨大的 ...

  3. 前端笔记之微信小程序（三）GET请求案例&文件上传和相册API&配置https

    一.信息流小程序-GET请求案例 1.1服务端接口开发 一定要养成接口的意识,前端单打独斗出不来任何效果,必须有接口配合,写一个带有分页.关键词查询的接口: 分页接口:http://127.0.0.1 ...

  4. 微信小程序之WebSocket

    本文版权归 OSChina jsongo0 所有,转载请标明出处,以示尊重! 原文:https://my.oschina.net/jsongo/blog/757871 为什么需要websocket?传 ...

  5. 对于前端，「微信小程序」其实不美好

    微信小程序开放公测了,9月底我曾经写过一篇 「微信小程序」来了,其中最后一句:"谢天谢地,我居然还是个前端". 这种火爆的新事物总是令人激动,感谢这个时代. 但是,当我真作为开发者 ...

  6. 微信小程序开发——websocket测试

    服务端 在windows下执行 node  server.js 也可参照我的前一篇部署https var httpServ = require('http') var WebSocketServer ...

  7. mpvue学习笔记-之微信小程序数据请求封装

    简介 美团出品的mpvue已经开源出来很久了,一直说要进行一次实践,这不最近一次个人小程序开发就用上了它. 看了微信官方的数据请求模块--request,对比了下get和post请求的代码,发现如果在 ...

  8. 微信小程序四（设置底部导航）

    好了 小程序的头部标题 设置好了,我们来说说底部导航栏是如何实现的. 我们先来看个效果图 这里,我们添加了三个导航图标,因为我们有三个页面,微信小程序最多能加5个. 那他们是怎么出现怎么着色的呢?两步 ...

  9. 基于vs2015 SignalR开发的微信小程序使用websocket实现聊天功能

    一)前言 在微信小程上实现聊天功能,大致有三种方式:1)小程序云开发 2)购买第三方IM服务 3)使用自己的服务器自己开发. 这里重要讲使用自己的服务器自己开发,并且是基于vs的开发. 网上提供的解决 ...

随机推荐

  1. Python连载20-偏函数&zip函数&enumerate函数

    一. 偏函数 二. #先举个例子 #把字符串转换为十进制数字 int(') #help(int),int函数中有一个参数base代表把它转换某个进制的数字 #把八进制的字符串转换为十进制 eight ...

  2. Vue的生命周期函数

    详解Vue Lifecycle 先来看看vue官网对vue生命周期的介绍 Vue实例有一个完整的生命周期,也就是从开始创建.初始化数据.编译模板.挂载Dom.渲染→更新→渲染.销毁等一系列过程,我们称 ...

  3. Nginx部署多个站点

    Nginx部署多个站点 一,介绍与需求 1.1,介绍 详细介绍请看nginx代理部署Vue与React项目,在这儿主要介绍多个站点的配置 1.2,需求 有时候想在一台服务器上为不同的域名/不同的二级域 ...

  4. 利用MAT分析JVM内存问题，从入门到精通（二）

    上一篇文章MAT入门到精通(一)介绍了MAT的使用场景和基本概念,这篇文章开始介绍MAT的基本功能,后面还有两篇,一篇是MAT的高级功能,另一篇是MAT实战案例分析. 三.欢迎页 使用MAT打开一个h ...

  5. 并发编程-concurrent指南-阻塞双端队列-链阻塞双端队列LinkedBlockingDeque

    LinkedBlockingDeque是双向链表实现的阻塞队列.该阻塞队列同时支持FIFO和FILO两种操作方式,即可以从队列的头和尾同时操作(插入/删除): 在不能够插入元素时,它将阻塞住试图插入元 ...

  6. MySQL之基础操作

    一.安装 Mysql是最流行的关系型数据库管理系统之一,由瑞典MySQL AB公司开发,目前属于Oracle公司. MySQL是一种关联数据库管理系统,关联数据库将数据保存在不同的表中,而不是将所有数 ...

  7. git简单使用-GitHub

    本文描述window下如何使用git工具,操作GitHub远程代码库 一,准备工作: 1,安装git工具,一路默认next安装即可,下载地址 2,注册账号或者创建厂库(已有忽略) 注册账号后,创建仓库 ...

  8. 究竟什么是Windows句柄

    图解说明——究竟什么是Windows句柄     这里需要说明: 1.这里将句柄所能标识的所有东西(如窗口.文件.画笔等)统称为“对象”. 2.图中一个小横框表示一定大小的内存区域,并不代表一个字节, ...

  9. Oracle数据库常用的脚本命令（一）

    --连接数据库的命令connect,用于切换连接用户,简写形式conn--语法格式:conn 用户名/密码conn yanln/yanln --显示当前登录的用户show user --执行操作系统的 ...

  10. 微信小程序之楼层效果

    今天做了一个小程序实现一个楼层效果  带大家分享下经验和api的使用吧 如图 将左边和右边各分了一个组件  目录如下 其中list页面是这个楼层效果的页面 components是组成这个页面的两个组件 ...