- 博客(6)
- 收藏
- 关注
原创 vue在前后端交互中格式化路由的两种方式
感觉此方式稍显麻烦的原因是不知道前端是不需要这个pid的,也就是本文中的第二种方式,可以把有权限访问的路由name直接发给前端。vue端建有一个完整路由表,根据name数组就可过滤出一个可访问的路由结构,而不必指定父级是谁。首先看到一些数据交互案例中,后端返回一个可访问带pid的一维路由数组,pid代表父级id,这个数组要前端格式化成。不用担心只给子路由name而无法得到父级,都是递归的应用。
2023-01-15 22:16:14
132
原创 react native中用插值实现自定义动画效果
如何实现一段抽奖转盘的动画:20%前慢,20-80%快,80-90%减慢,90-100%摇摆一下回正。难道用顺序动画去写?多种实现中感觉插值更方便,也许你没注意到它写动画中的作用。我们可以创建一个线性动画0-1,作为inputRange。输出是非线性的,以此为例可以做出你想要的动画效果。
2023-01-15 22:14:34
152
原创 用vue和react同向无限滑动和淡入淡出缩放效果轮播图的实现
1.css部分:外层div设置超出隐藏,内层ul 设置足够宽,如果放6张图,700%宽就够了,因为要在末尾多放一张,这样滑动到第7张时也就是显示的第1张图,再关动画无缝切到第1张。效果上:下一张图缩小淡入时上一个图放大淡出,这里我们把切换时间设置4秒,动画时间设置2秒,看起来比较顺滑。3.两个图层进入下一张的时机不同,动画开始上图层透明度为0,它切换到下一张后2秒淡入同时下图层淡出。4.此时把动画关闭,下图层切换到上图层那张图把change样式去掉,上图层加上change样式。2.增加class比如。
2023-01-15 22:12:11
234
原创 微信小程序中实现一个金额摇奖效果
为了过渡平滑,四个数组多塞几组0-9数字,比如0-9+0-9+0-9+1+2..+5,这是数字5的数组。由于是下翻动效果,注意是0-9+0-9+0-9+1+2..+5的倒序,但这样一开始就把金额显示出来了,下面的都隐藏了,我们在最上边再补一个0。实例上要显示四位数字,根据后台返回金额,比如5.2元,处理成从00:00快速翻动到05:20的效果,处理的要贴近现实效果一些,动画要平滑。2.每组数字为纵向排列,把得到的获奖金额,分解成四个数字,调用对应的数字动画。1.四个数字的数组容器,做好排布,设置超出隐藏。
2023-01-15 22:09:40
128
原创 shiro在springcloud中的权限路由配置
添加,如果嫌太多也可以用通配符"/**/t"表示所有末尾加"/t"的路径,然后shiroFilterFactoryBean()方法里filters.put("jwt", jwtFilter);onAccessDenied()判断逻辑:每个登录用户在请求中都会携带一个“Authorization”请求头,如果没有servletResponse.setContentType("0"),作用是约定“0”代表token为空,“1”表示已过期,“2”表示用户不存在,“3”代表没有操作权限。如果只是实现请求拦截,
2023-01-15 22:05:21
193
原创 nacos环境下seata配置
找到里面的springcloud-nacos-seata文件,我们可以拿它的stock和order模块测试,在需要用到seata服务的不同库里我们都需要引入undo_log这个表,建表语句在官网和给出案例的readme.md里都能容易找到。遗憾是按照其案例配置依然会报错,这大概和最新依赖配置不能匹配,所以按照idea工具的配置方式,配置了spring web/nacos/seata依赖。是笔者遇到的spring技术栈中配置相对麻烦的一个,而且按官方案例都不一定成功,有不少错误产生。
2023-01-15 22:01:46
1831
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人