09 2019 档案
摘要:一、解决办法:给body添加一个position-fixed类即可
阅读全文
摘要:一、前言 二、主要内容 1、分析实现的逻辑 第一步:用户登录成功之后需要找到目的对象发起私聊。 第二步:数据双向绑定监听输入内容 第三步:点击发送按钮的时候请求后端接口。 第四步:后端建立接口完毕后返回前端聊天数据 第五步:前端触发后端定义的socket.io中接收消息的逻辑 第六步:接收到后台回复
阅读全文
摘要:1、问题描述:如下所示想根据不同用户的id和username请求到不同用户的信息。但是始终只能请求到第一个。 2、解决办法使用watch监听一下:
阅读全文
摘要:一、前言 1、最近在开发前后台分离项目的时候用到了socket.io实现了在线聊天的功能、文本记录一下项目中的注意点。 1、Node搭建的后台部分 第一节:socket.io连接服务端端口 第二节: 定义服务端操作socket.io的方法,监听前端用户聊天和登录 2、vue.js前台部分 二、主要知
阅读全文
摘要:一、前言 1、保存历史搜索记录也是一个常用的功能。 2、两种比较流行的历史记录保存的方法: localstorage: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/localStorage sessionstorage: https
阅读全文
摘要:一、前言 下面这个功能也是比较常见的一个炫酷的功能,vue配合移动端滑动事件实现左右滑动的效果 二、主要内容 1.第一步:组件准备 导航条使用的是一个公共组件NavBar.vue 2.第二步:router中的路由配置,将切换的路由添加到router里面 3.第三步:因为项目中需要用到v-touch所
阅读全文
摘要:时间 待完善的功能 是否完成 2019-09-05 后期需要实现一个图片查看器的功能 2019-09-06 比较着急完成的是在线聊天功能
阅读全文
摘要:一、前言 1、如下面演示所示:点击评论的时候是评论该条动态,点击评论的内容列表就是在回复发起评论的那个人。 二、主要知识 1、功能实现分析 第一步:用户点击“评论”,跳转到一个单独的评论页面 第二步:如果是点击评论列表,跳转到一个单独的回复页面(评论页面和回复页面是同一个) 第三步:输入评论或者回复
阅读全文
摘要:一、前言 项目演示:用户可以向发布朋友圈一样发布动态,并且一张图片,四张图片,九张图片的排列方式不太相同 二、主要内容 1、分析 第一步:用户点击“+”号选择图片,input的change方法监听到图片的改变 第二步:将用户选择的图片用canvas画布画在预览区域 第三步:点击发送按钮,请求后端,将
阅读全文
摘要:一、前言 项目演示:每个新用户登录之后会有个默认的头像,用户可以根据自己选择自己的头像图片进行更改。 二、主要内容 1、需求实现的思路分析。 第一步:用户点击按钮选择图片其实是间接触发input图片选择 第二步:input表单被监听change事件 第三步:选择图片,然后将图片用canvas画在预览
阅读全文