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