- 博客(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关注的人