zhongmeili-优快云博客

原创 nodejs中buffer的基本使用

什么是Buffer？ buffer是一个单独的内存区域。 Buffer是一个类。提供了很多操作字节的方法。 Buffer不需要引入。 Buffer类的方法及属性 1.申请一块内存区域 Buffer.alloc(size) //申请字节长度为10的内存空间 let buf1 = Buffer.alloc(10) log(buf1) // <Buffer 00 00 00 00 00 00 00 00 00 00> //申请内存空间并赋值 let buf2 = Buffer.alloc(

2020-08-12 16:34:50 2230 1

原创浅谈redux仓库实现原理

浅谈redux实现原理redux 和 react的关系？发布订阅模式js模拟实现一个简单的redux状态管理器使用状态管理器redux-thunk中间件 redux 和 react的关系？没有任何关系。 redux 是一个状态管理器。想理解redux的工作原理，不得不先提一下发布订阅。发布订阅模式发布者（唯一的）订阅者（多个）。主动方：发布者被动方（等待方）：订阅者发布者在发布一条信息的时候会主动通知到订阅者。 js模拟实现一个简单的redux状态管理器 function creat

2020-08-12 15:39:04 264

原创 react项目在谷歌浏览器实现点击复制功能

不多说直接上代码一、安装 npm i npm install clipboard --save 二、使用 import Clipboard from 'clipboard' export default class ShareCourseMsg extends Component{ render(){ return <div className='copy-text' data-clipboard-text='https://www.baidu.com'>复制链接&l

2020-12-22 19:09:36 415

原创 nodejs中events模块的使用

nodejs中events的基本使用 js实现一个简单的发布订阅 //订阅者集合 class EventEmitter{ constructor(){ this.listener = {} } // 订阅机制 on(name,newlistener){ if(!this.listener[name]){ this.listener[name] = [] } this.listene

2020-08-12 16:59:51 1313

原创 websocket及canvas实现五子棋对弈游戏

先上一张效果图准备工作游戏界面的思考 2d 界面还是3d界面？ 2d 选择 canvas （画布）还是 svg （矢量图形）？canvas 考虑游戏图层：棋盘棋子考虑性能问题，我们需要制作两个canvas，其中棋盘的canvas绘制好后就不再改变。如何绘制棋盘? 确认当前棋盘需要多少个格子确认每个格子的宽度确认线的总长度开始绘制的一个起始坐标确定棋盘大小不小于线的总长度如何绘制棋子？棋子棋盘的位置和棋盘的位置需要重合；确定棋子落下时，相对于当前画

2020-08-12 16:56:07 967 1

原创使用axios和multer实现文件上传及文件处理

文件上传一、前端提交方式表单提交 <form action="/upload" method="POST" encType="multipart/form-data"> <input type="file" name="user"/> <input type="submit" /> </form> 异步axios <input type="file" onChange={e=>uploadAvatar(e.target.fil

2020-08-12 15:53:00 888

原创浅谈http协议

什么是BS架构浏览器/服务器模式优点分布性强易维护什么是协议？信号的传输总要基于一定的规则，这个规则就是协议协议很多，http https ws DNS FTP SMTP 什么是http协议 http定义（超文本传输协议） http特点一定是浏览器主动向服务器发起请求一次请求都会对应一次响应服务器响应时间不一定是即时的，但它一定会响应 http状态码三个数字组成第一个数字是响应的类别，分五种类别 1XX: 我已经收到你的消息了，我正在处理 2XX: 表示我们的

2020-08-12 15:45:30 250

原创 vue路由守卫函数

一、全局路由守卫函数全局前置守卫 router.beforeEach((to,from,next)=>{ console.log(to)//到哪去 console.log(from)//从哪来 next()//通过 }) next 函数参数说明 next('/XXX') //跳转到指定地址 next(false) //中断当前导航全局后置守卫 router.afterEach((to,from)=>{ console.log(to)//到哪去 console.

2020-08-12 15:44:32 985

m0_46670906的博客