自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 基于微信小程序的媒体列表优化

前言开发web应用的时候,总会触及到多媒体列表的加载。我们可以通过多种手段来对进行优化,这将会极大程度提高了用户的体验。效果图(注意右侧网络请求的加载)实现方案设置骨架屏网络资源的加载是非常昂贵的,在资源加载时,越来越多的APP采用了“骨架屏”的方式去提升用户体验。实现思路:图片未加载完成的时候显示骨架屏,图片加载成功之后显示关闭骨架屏的显示。1.骨架屏组件:vant2.监听image组件的bindload事件3.bindload事件执行成功后,设置load为true,关闭骨架屏:

2020-12-24 18:09:50 234 1

原创 实现一个聊天应用

废话不多说直接上效果图效果图流程图技术栈前端:vuejs,vue-socket.io,better-scroll后端:egg,egg-socket.io数据库:redis实现流程socket的连接1.vuex中定义socket模块,并且定义socket默认事件const state = { socketState: false,//连接状态 chat_list: getChatList(),//聊天记录列表}const getters = { //消息未读

2020-12-24 16:21:38 173 1

原创 基于jwt认证的实现

起因http是无状态协议,需要知道是哪一个用户,因此需要一种验证机制。随着技术的发展,分布式web应用的普及,通过session管理用户登录状态成本越来越高,因此慢慢发展成为token的方式做登录身份校验,然后通过token去取redis中的缓存的用户信息,随着之后jwt的出现,校验方式更加简单便捷化,无需通过redis缓存,而是直接根据token取出保存的用户信息,以及对token可用性校验,单点登录更为简单。具体认证的实现过程如下:什么是jwtJSON Web Token (JWT)是一个开放标

2020-12-24 16:19:47 371 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除