- 博客(17)
- 资源 (1)
- 收藏
- 关注
原创 Vue完美记住滚动条和实现下拉加载
滚动条常见于移动端 App 在滚动点击进入的时候问题描述当我们在开发 web app 的时候,经常会遇到一个问题,就是当从一个可滚动的列表页进入到下一个详情页面,然后返回列表页面的时候,很难去还原滚动条的状态,无法记住进来时候的位置。以前我尝试过很多方法:有 vue-router 自带的 scrollBehavior,需要记住 scrollTop,然后还原,但是管理这个 scrollTop 显得很麻烦,有的时候还不容易取值还有使用纯 CSS 的方式,在列表页面放置一个 router-vie
2020-07-21 10:05:56 413 1
原创 搭建完整的IM(即时通讯)应用(2)
即时通讯应用服务,整套包含服务端、管理端和客户端,欢迎Star支持和查看源码。现已部署上线,欢迎体验客户端和管理端咱们书接上文,继续完成完整的即时通讯服务,这篇着重讲下Server端项目中我认为几个重要的点,大部分内容需要去我的仓库源码和 egg 官网查看。server 端详细说明使用脚手架npm init egg --type=simple初始化 server 项目,安装 mysql(我的是 8.0 版本),配置上 sequelize 所需的数据库链接密码等,就可以启动了着重讲下 Server
2020-07-20 09:22:56 884
原创 搭建完整的IM(即时通讯)应用(1)
介绍即时通讯应用服务,整套包含服务端、管理端和客户端预计3篇分享:这次是第一篇,项目的整体介绍和实体关系的梳理现已部署上线,客户端和管理端,欢迎体验可以注册客户端账号,也可以使用初始默认账号,现有初始账号说明:账号密码说明admin123456管理端账号user123456客户端普通用户账号muteuser123456客户端被禁言用户账号disabled123456客户端被封禁用户账号member1123456客户端普通用户账号
2020-07-15 10:51:45 1979
原创 从零开始探索 Spring Security 使用方法
从零开始探索 Spring Security 的基础使用方法,最终掌握较复杂的 SecurityFilterChain 的使用方式。
2023-10-11 16:54:27 178
原创 浅析使用 JWT 的正确姿势
在很长的一段时间里,我都没有正确的使用 jwt,意识到这个问题之后,把我最真实的思考和总结拿出来和大家分享下,欢迎一起讨论。
2022-08-04 10:52:51 868
原创 Pinia的写法探索
在最新的Vue官方文档中,核心库的地址已经指向了,这表明已经把Pinia当做Vue3.x的官方状态管理库了。下面来探索下Pinia的使用方式。
2022-07-19 16:17:57 344
原创 从0实现RBAC权限模型
RBAC基于角色的访问控制(Role-based access control),指的是通过用户的角色(Role)授权其相关权限,这实现了更灵活的访问控制,相比直接授予用户权限,要更加简单、高效、可扩展。
2022-07-06 08:14:14 506
原创 Vue3内置组件Teleport用法详解
Vue 3.0 新增了一个内置组件teleport,主要是为了解决以下场景:有时组件模板的一部分逻辑上属于该组件,而从技术角度来看,最好将模板的这一部分移动到 DOM 中 Vue app 之外的其他位置场景举例:一个Button,点击后呼出模态对话框这个模态对话框的业务逻辑位置肯定是属于这个Button,但是按照DOM结构来看,模态对话框的实际位置应该在整个应用的中间这样就有了一个问题:组件的逻辑位置和DOM位置不在一起按照以前Vue2的做法,一般是使用position: fixed;等CSS
2021-10-20 09:39:02 2297
原创 Threejs实现穿越云层动效
上文说到,我对《你的性格主导色》活动中最感兴趣的部分就是通过 Three.js 实现穿越云层动效了,据作者说每朵云出现的位置都是随机的,效果很好,下图是我实现的版本。在线 Demo首先说下实现穿越云层动效的基本思路:沿着Z轴均匀的放一堆64*64的平面图形,这些平面的X坐标和Y坐标是随机的(很像下图的桶装薯片)把上面的所有图形合并成一个大的图形把大的图形和贴片材质(云)生成网格,网格放进场景中动效就是将相机从远处沿着Z轴缓慢移动,就会有了穿越云层的效果首先官方文档提供了一个创建一个场景
2021-08-17 10:09:54 1427
原创 《你的性格主导色》揭秘
很久没有过分享了,标题看着有点“标题党”,但我这个是真的揭秘~介绍《你的性格主导色》是今年网易云音乐前端团队开发的一款测试用户主导色的 H5 应用,上线后反响很好,刷爆了微博和朋友圈。项目的主要开发者 imyzf 发表了一篇文章《官方揭秘!你的颜色是这样算出来的》,解释了一些动效和最后主导色的计算方面的问题。但由于涉及到了具体的业务,所以作者没有开源出源码,但是热心的作者给了很多的提示。我就是根据这些提示,揭秘了我比较感兴趣的部分。在线 Demo由于一直没有在生产环境中使用Vue3.0和vite,
2021-08-17 10:08:54 155
原创 浏览器缓存最佳实践
最佳实践上来先说结论,原因放在后面:index.html 不做缓存,每次请求都获取最新版本使用 webpack 等 build 后的其他所有资源文件(包括 js、css 和图片等),都做强缓存(一个月打底,可以设置一年)原因强缓存和协商缓存在社区已经被写烂了,都知道是怎么回事,这里就不做详细解释了,这里解释下为什么说上面的是最佳实践。我们知道协商缓存其实也向服务端发起了一个请求,只不过最后经过一系列验证,结果就是不传输具体内容了,但是验证的过程也给后端造成了一些开销,所以我们要尽量减少这种开
2020-08-06 15:55:37 167
原创 有趣的算法『打开转盘锁』
题目描述你有一个带有四个圆形拨轮的转盘锁。每个拨轮都有 10 个数字: ‘0’, ‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’, ‘7’, ‘8’, ‘9’ 。每个拨轮可以自由旋转:例如把 ‘9’ 变为 ‘0’,‘0’ 变为 ‘9’ 。每次旋转都只能旋转一个拨轮的一位数字。锁的初始数字为 ‘0000’ ,一个代表四个拨轮的数字的字符串。列表 deadends 包含了一组死亡数字,一旦拨轮的数字和列表里的任何一个元素相同,这个锁将会被永久锁定,无法再被旋转。字符串 target 代表可
2020-08-05 15:05:02 497 1
原创 QT界面切换
应用场景淡入淡出界面平移回弹效果应用场景在开发桌面应用的时候,经常性的会在几个界面之间切换 可以是局部的,也可以是整个界面 以前我总是利用hide和show来完成 但是很缺乏动态的美感,用户在使用的时候体验不好 今天就来解决这个问题下面进入正题: QPropertyAnimation 在QT中使用这个类可以很容易的设置一般的动画淡入淡出 QPropertyAnimation
2015-12-08 22:15:26 10955 6
原创 开博
序想写博客由来已久,迟迟未能有所动作,想来是以下几个方面没时间担心自己水平不行,被人嘲笑懒后来想了想也没什么,多总结多分享才是好的,“公孙二狗”哥给我很多动力,再次感谢 下面开更:
2015-12-08 21:52:03 396
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人