- 博客(5)
- 收藏
- 关注
原创 开源项目学习——基于Pusher和Vue构建即时聊天平台(二)
UI界面实现目录一、实现效果二、UI界面实现1.引入库项目入口文件App.js总结 提示:项目详情及配置请参考上一篇文章[开源项目学习——基于Pusher和Vue构建即时聊天平台(一)](https://editor.youkuaiyun.com/md/?articleId=111767569) 一、实现效果 登录界面 二、UI界面实现 1.引入库 项目入口文件App.js 总结 ...
2020-12-27 21:20:47
334
原创 开源项目学习——基于Pusher和Vue构建即时聊天平台(一)
项目配置前言一、项目情况二、项目配置全局安装cli项目目录结构:安装项目依赖核心文件main.js路由router.jsVuex配置store/index.js参考文献 前言 我们将使用由ChatKit (Pusher提供)提供的Vue.js构建一个实时聊天应用程序。ChatKit服务将提供一个跨平台的完整后端,让我们专注于构建一个通过ChatKit客户端包连接到ChatKit服务的前端用户界面。 一、项目情况 项目将实现以下功能: 多通道和房间 房间成员列表和在线状态展示 用户正在输入状态 二、项.
2020-12-26 20:56:13
836
原创 图解浅拷贝、深拷贝、赋值
一、基本知识 在ES5中有6种数据类型,其中又分为两类: 基本数据类型 – String – Number – Null – Undefined – (es6中还有Symbol) 引用数据类型 –对象 基本数据类型数据直接存储在栈中 引用数据类型,在栈中只存储指向堆中该实体起始地址的指针 二、浅拷贝、深拷贝、赋值 这三个的区别主要体现在引用数据类型 看一个例子 var object1 = { 'a':'sample', 'b': [1,2,[3]] //object2 }; 上面的对象
2020-10-20 17:13:00
183
原创 vue-koa框架下的socket组播
文章目录前言一、WebSocket是什么?Socket.IOVue-Socket.io二、使用步骤1.后端引入2.前端引入3.服务器端4.客户端总结 前言 最近项目涉及到小组协作,需要及时同步用户更改,这种情况下http协议只能使用轮询机制,消耗大量资源,因此尝试使用WebSocket。同时如果采用广播的话,每个用户的每一个操作都会被广播到所有用户的客户端,随着用户的增加,消息数几乎呈指数增长,安全性也得不到保障。 因此最后决定使用WebSocket组播。 一、WebSocket是什么? WebSo
2020-09-28 17:07:09
603
原创 Koa框架session-cookie方式鉴权
文章目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结 前言 最近需要为项目做鉴权,前端框架vue,使用axios,后端框架koa2,前后端做了跨域。 考虑到项目应用场景,选择session-cookie方式做鉴权。下面将简略介绍一下实现原理,使用步骤,以及可能出现的bug。 一、权限控制 前后端分离前,页面通过后台渲染。前后端分离后,页面元素及页面路由由前端控制,后端提供接口。 前端的权限控制主要有三种...
2020-09-24 15:39:36
842
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅