- 博客(225)
- 收藏
- 关注
RSS订阅原创 offset和client家族
一、scollTop和scrollLeft 二、clientWidth和clientHeight 三、offsetWidth和offsetHeight
2024-01-17 15:22:33
557
原创 Vue路由嵌套和携带参数的几种方法
2、跳转路由并且携带query参数，to的字符串写法。3、跳转路由并且携带query参数，to的对象写法。1、不携带参数的跳转。中使用children嵌套子路由。
2023-11-27 16:14:19
725
原创 Vue路由器（详细教程）
路由：1.理解：一个路由(route)就是一组映射关系（key-value)，多个路由需要路由器（router）进行管理。2.前端路由：key是路径，value是组件。1、先安装vue-router路由2.中应用插件3.创建路由router文件夹router.
2023-11-27 13:06:28
813
原创 文章列表分页查询（条件分页）
resours下的mapper结构目录一定要跟上面的mapper结构目录一样。需要拼接sql语句，所有我们用ArticleMapper.xml中写拼接代码。
2023-11-21 14:36:56
274
原创 Util工具类（JwtUtil、MD5Util、ThreadLocalUtil、拦截器配置）
【代码】Util工具类（JwtUtil、MD5Util、ThreadLocalUtil、拦截器配置、全局异常处理器）
2023-11-18 21:59:17
673
原创 Springboot更新用户头像
人们通常(为徒省事)把一个包含了修改后userName的完整userInfo对象传给后端，做完整更新。但仔细想想，这种做法感觉有点二，而且浪费带宽。于是patch诞生，只传一个userName到指定资源去，表示该请求是一个局部更新，后端仅更新接收到的字段。
2023-11-17 14:50:33
839
原创 ThreadLocal优化
ThreadLocalUtil.set(claims)将数据存储到ThreadLocal中。：改用ThreadLocalUtil获取用户name，在把参数传给findByName方法。测试类证明一下ThreadLocal存储的数据是线程程安全的。接上一篇获取用户详细信息，用ThreadLocal进行优化。
2023-11-17 10:17:29
430
1
原创 获取用户详细信息
controller.UserController：在@RequestHeader请求头中携带登录之后的token，解析出token获取到里面的用户名，然后调用之前的findByName方法，查出用户的信息。：配置文件开启驼峰命名。pojo中定义的驼峰命名，数据库中是下划线命名。无法自动转换，数据库信息就无法展示。：@JsonIgnore注解作用忽略密码属性，返回给用户的信息不能有敏感属性密码。
2023-11-17 09:33:14
96
原创 JWT登录认证（2认证）
用户登录成功后，系统会自动下发JWT令牌，然后在后续的每次请求中，浏览器都需要在请求头header中携带到服务器，请求头的名称为。如果检测到用户未登录，则http相应状态码为。，值为登录时下发的JWT令牌。
2023-11-15 22:07:28
444
原创 MySQL实用命令
order by 需要排序的列表 ASC|DESC。案例：user_test表对班级字段进行去重操作。判断某字段的值是否属于in列表中的某一项。正序ASC倒序EDSC。
2023-08-03 16:09:37
290
原创 Vue中默认插槽，具名插槽，作用域插槽区别详解
中传过来的数据，scope这里面的名子自己定义，取games数据时候用自己定义的scope中的名字来取xxx.games，如中定义了其他数据，也可以xxx.msg，这样取定义的其他数据。: 在app.vue中使用MyCategory，里面包裹的结构是不显示的，要想在页面中显示，就需要用到插槽。: 可以用多个插槽，插入在不同位置，需要在子组件中定义
2023-07-31 15:48:03
337
原创 Vue中TodoList案例_动画
主要是引入了import 'animate.css'样式库，然后再li标签外套了transition标签，引用了name里面的名称是animate.css拿过来的，绑定了enter-active-class和leave-active-classanimate库内自带的绑定样式。
2023-07-26 22:50:00
271
原创 Vue过度与动画
先导入import 'animate.css'，多条数据transition-group，name用的animate.css库中的name，进出离开效果自动触发，enter-active-class和leave-avtive-class绑定的效果。元素外面包一层transition，展示的时候就默认调用style里面的v-enter-action和v-leave-action执行进入和退出效果，appear上来默认展示动画效果。: 安装第三方样式库。
2023-07-26 22:25:51
473
原创 Vue全局事件总线
删除props接收的checkTodo，deleteTodo，删除给MyItem绑定的：checkTodo :deleteTodo。删除之前给Mylist绑定的：checkTodo :deleteTodo。: 删除props接收的checkTodo，deleteTodo。
2023-07-25 13:50:28
283
原创 Vue组件自定义事件
通过父组件给子组件绑定一个自定义事件实现：子给父传递数据（第一种写法，使用@或者v-on），通过父组件给子组件传递函数类型的props实现：子给父传递参数。
2023-07-24 22:12:09
319
原创 Vue中TodoLists案例_底部交互
与上一篇有俩个文件变化了：定义了一个方法checkAllTodo，实现全选和取消全选，并将方法传给儿子组件MyFooter：使用props接收checkAllTodo方法，并且定义一个change改变事件，触发checkAll方法将参数通过checkAllTo传给App.vue，这里的(e.target.checked)值为true或false效果。
2023-07-22 17:26:50
476
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人