- 博客(120)
- 收藏
- 关注
RSS订阅原创 Uniapp实现钉钉小程序前期基础配置
先设置{"pages": ["style": {},取消自带的导航，在页面中调用})</view>注意的是左侧返回按键是无法取消的。
2025-12-04 15:51:13
683
原创 uniapp（5）滚动列表scroll-view
进入页面默认进行数据加载，加载的列表数据为taskList数组，根据后端返回一次10条进行加载。后端返回的数据是否满足约定的10条，或者page*limit<total的判断。获取到的数组存在addList数组中，push到taskList中。触底触发@scrolltolower="lowerBottom"一个固定高度，通过 css 设置 height；如果没有加载到全部数据，触底时候继续触发。如果满足就提示已经没有更多数据了。这个时候需要进行第一次判断。使用竖向滚动时，需要给。
2025-11-03 15:38:32
362
原创 Uniapp（4）登录页静态+https请求前置配置
u-button type="primary" class="InfoSubmit" @getphonenumber="getPhone" openType="getPhoneNumber" id="getPhone">微信一键登录</u-button>//获取用户登录的code值。在我的页面点击进行登录跳转登录页面进行。3、创建httpServer文件 创建基础请求体。1、安装 luch-request封装请求。登录页的点击登录按钮为u-button。2、配置环境变量config.js。
2025-11-02 14:29:37
304
原创 uniapp（3）自定义顶部导航栏
设置 "navigationStyle": "custom"1、在pages.json中设置页面取消系统导航。3、将顶部状态栏+胶囊高度计算。2、背景色渐变设置到渐变高度。在页面顶部设置填充高度。
2025-10-31 15:11:22
136
原创 uniapp（2）自定义tabbar
使用<u-tabbar-item text="首页" @click="clicktabbar">事件进行点击匹配跳转。调用@change="name => value = name"为你配置的value值。在需求中，有点击选中未选中icon的样式大小，文字大小还有tabbar的高度问题，利用view在tabbar外包一层，设置需要的高度，颜色设置成组件一致颜色。2、使用组件tabbar或者自定义tabbar。这里使用uView的自定义tabbar。1、系统用的tabbar。
2025-10-28 17:45:51
244
原创 uniapp（1）
先创建 . gitignore文件，输入/node.modules /unpackage/dist 进行上传文件忽略。git remote add origin <远程仓库URL>3、在manifest.json中的微信小程序配置appid。2、使用HBuilder创建项目，使用uniui模版。在根目录下打开资源管理器，进行git 命令操作。1、创建小程序服务的appId，自己申请。添加暂存和提交 git add .初始化git仓库 git init。5、创建自己的git 仓库。
2025-10-27 15:15:19
141
原创 springboot--用户访问系统的增删改查记录
这时候再设置一个数据访问类方法 在repository中，因为是基础的增删查改 可以直接接口继承CrudRepository这个类 两个参数为 类名和主键ID 注解成为一个Bean。@Id 注解 注释为主键ID。@Column(name="user_id") 映射字段名 表中为user_id,代码中为驼峰命名法。因为接口中需要的为User类，需要调用。但是会在pojo中新建一个dto文件夹，使用一个UserDto类。在dto类中新增一个id和getset方法 或者新写一个DTO类。
2025-08-20 14:44:59
966
原创 Promise个人理解
解决异步流程化的一种手段 （promise本身不是异步的）通过统一的接口管理异步代码的执行流程，解决了传统回调函数（Callback）嵌套导致的“回调地狱”Promise承诺resolve 实现承诺 解决问题的情况reject 违背承诺 拒绝考虑的情况pending 等待实现承诺 等待执行的情况Promise是一个构造函数 需要newlet promise = new Promise((resolve,reject)=>{ resolve('实现承诺') })
2025-05-24 10:02:45
240
原创 vue2的项目登录逻辑
如果通过校验-调用登录api 成功登录后 调用vuex中方法将返回token存入state中。如果是其他页面 首先进行仓库中的token判断 如果没有token返回到登录页中。跳转到默认首页（涉及到路由守卫中关于token的判断）在路由守卫中线进行判断 如果是去登录页 不进行拦截。前提 使用VueX进行函数方法调用还有数据储存。点击登录进行表单校验。
2025-05-20 14:44:54
202
原创 vue+element下拉选择器默认选择第一个并根据选择项展示相关数据
再使用默认数据进行数据展示（因为我这使用的下拉数据一次性返回，前端展示不需要再次发送请求）发送请求成功后将选择框的绑定数据修改为第一项的id 就能展示相关数据。展示数据列表使用了这个 统一字段展示的列表 循环展示字段+数据。
2025-05-12 11:25:12
805
原创 Git命令
-u 表示把本地分支和远程分支进行关联，只在第一次推送的时候需要带 -u 参数。# 从远程仓库中，把对应的远程分支下载到本地仓库，并把下载的本地分支进行重命名。git checkout -b 本地分支名称 远程仓库名称/远程分支名称。# 如果希望远程分支的名称和本地分支名称保持一致，可以对命令进行简化。git push -u 远程仓库的别名 本地分支名称:远程分支名称。git rm --cached 文件 #仓库删除 文件保留。git push 远程仓库名称 --delete 远程分支名称。
2025-04-10 09:42:16
555
原创 React中使用useState的set方法没有及时更新的处理
进行一个表单筛选的提交按钮 在进行选择后搜索 在发送请求时候没有携带变化后的参数。但是useEffect这个初始化函数 群友说多次调用不好 建议更换方法。进过查询 是useState为异步函数 没有及时更新情况。查询了一下AI 建议使用useEffect进行监听。在群友建议下 使用了解构。
2025-03-25 14:54:02
555
原创 React（12）案例--layout页面的部分
需要手动修改pagejson文件中的react和react-demo版本号为 18.2.0。这里注意 react版本过高会导致antd组件无法安装。创建对应文件夹和文件的json数据。
2025-02-28 15:10:48
516
原创 React（10）
项目实践--创建项目在store的modules中创建相关的子仓库暴露到仓库index文件中导入creatSlice和axios创建仓库 和数据的异步修改方法编写异步请求函数这存在一个后端接口返回值count 不准确的情况 使用双重foreach 将count变成1初始化导出store的index注册使用在App.js中调用仓库方法映射数据在App函数中调用使用仓库数据进行渲染渲染数据 使用useSelector进行渲染。
2025-02-25 14:53:08
561
原创 react（9）-redux
使用CRA快速创建react项目安装配套工具启动项目在创建项目时候会出现一个问题解决办法卸载全局安装的create-react-app。
2025-02-21 11:33:45
594
原创 React（7）
/ 4.在哪个组件中要用到这个逻辑，就执行这个函数，解构出来状态和回调进行使用。// 3.把组件中用到的状态或者回调return出去(以对象或者数组)// 2.在函数体内封装可复用的逻辑(只要是可复用的逻辑)只能在组件的顶层调用 不能在if for 其他函数中使用。只能在组件中或者其他自定义HOOK函数中使用。//1.声明一个以use打头的函数。封装自定义hook通用思路。
2025-02-12 17:55:45
495
原创 React（6）useEffect的基础使用
useEffect是一个React Hook函数，用于在React组件中创建不是由事件引起而是由渲染本身引起的操作,比如发送AJAX请求，更改DOM等等。子组件定时任务打印 在子组件的useEffect中进行return清除定时器。useEffect的基础使用。
2025-02-12 15:57:15
487
原创 React（5）
需要再父组件中存在这个定义方法，在子组件中传入，使用点击事件调用 应该是4321顺序。3、在底层组件B中通过useContext钩子函数获取数据。2、在顶层组件A中通过Ctx.Provider提供数据。直接在子组件标签内的数据 为children属性。2、props为只读数据 需要父组件进行修改。就是A组件传值给父组件 父组件传值给B组件。3、children 特殊的props。子组件的点击事件调用父组件的函数进行修改。App组件传值给A组件里的B组件。子组件中调用父组件函数进行传值。
2025-02-11 17:34:24
578
原创 React（4）
button onClick={handleList}>发送</button>这里仅实现添加进数组，实际为接口发送数据进行二次调用。2、点击按钮将数据写入数组中（前端实现不通过接口）设置一个变量收集输入框数据使用useState方法。获取输入框的dom对象 调用focus方法。输入框进行绑定输入值 和ref对象。onChange事件获取value值。3、发送成功后清空输入框以及聚焦。点击确认按钮修改数据。
2025-02-11 15:06:34
350
原创 React（三）
3、点击删除，动态展示更新后数据（不重要 一般后端接口控制）主要记住使用条件语句 和模板字符串。2、条件控制展示自己的删除按钮。4、动态控制css样式。动态控制显示和css。1、遍历展示评论列表。
2025-02-10 14:37:07
290
原创 React学习（二）
直接使用index++ 是不会修改视图 需要调用setIndex方法 set+自定义方法名为命名规则。对象的修改必须使用。展开运算符返回新的对象，不能修改原数组。使用闭合或者成对标签。
2025-02-08 10:20:49
254
原创 vue中 子组件在父组件中因为异步问题导致的的underfind报错问题
当父组件通过 props 向子组件传递数据时，如果数据在父组件中是异步获取的（例如通过 API 请求），那么在数据实际到达之前，子组件可能会先渲染并尝试访问这些尚未定义的数据。这通常会导致控制台中出现。我这里使用的是用v-if进行判断 虽然还是无法获取相关是msg 但是不报错。其中子组件数据为父组件发送数据请求后获取 使用props进行传值处理。这时候我发现控制台出现了underfind报错。在首页中展示介个相同样式的卡片组件。1、使用v-if进行判断展示。2.使用默认值进行展示。
2025-01-15 14:02:48
661
原创 vue3+TS+vueX的记录
举例 调用setTodo方法 将输入框的value传值写入todo数据中。要求：在页面中使用输入框输入回车后将数据保存到vuex中的数组list中。使用action调用mutation中的方法修改state的list。调用 输入框输入 点击回车后调用hooks中的setTodo方法。将类型为ITodo数据添加到state中的list最后一位。status为定义的三种状态 待办 在办 完成。获取到需要添加上的数据调用mutation方法。setTodo是hooks中结构出来的。
2024-12-19 17:16:09
326
原创 java自己记录
3、添加一个add方法 可以直接传值用第一步的user 类写类型 但是根据规范 建议使用xxxDTO或者VO使用 记得使用一个@RequestBody注解 会将传进来的json文本变成一个对象。//在UserRepository中定义的是user类 这个获取的是一个userVO类型的 需要进行转换。4、调用业务逻辑类 service 在创建一个业务逻辑类时候 也需要一个接口 规范化。6、返回service类中 自动装配写好的repository类的save方法。//调用数据访问类的方法。
2024-12-03 15:07:39
324
原创 echart改变最后一个节点的图标
这种方法比较复杂，需要你手动控制图片的渲染和更新，以实现动画效果。但是，这通常涉及到对Echarts内部渲染机制的了解，并且可能不如直接使用静态图片简单。：另一个选项是在Echarts图表之外使用Canvas或SVG来绘制和动画GIF图片。这可以通过监听Echarts的渲染事件，然后在图表上绘制额外的元素来实现。获取到每一个节点后 更具阶段坐标加图标的自生pandin值进行left和top的动态计算。在折线图的最后一个节点增加一个gif动图表示增长。你可以通过Echarts的。使用节点坐标加绝对定位。
2024-10-23 16:40:22
457
原创 keep-alive的保活
组件主要用于缓存组件的状态，当用户从一个路由跳转到另一个路由然后返回时，可以保持该组件的状态不变，避免不必要的重新渲染。默认情况下，只有当组件被标记为。的一部分，并且满足一定的条件（如组件实例未销毁或存在活跃的导航守卫），它才会被缓存。
2024-09-30 15:31:56
703
原创 图片懒加载
vue-lazyload会根据entries中的isIntersecting属性判断元素是否可见，如果是，则调用监听器对象的load方法，将元素的src或者style属性替换为真实的图片地址，并将该监听器对象从队列中移除。每个监听器对象都包含了元素的相关信息，如状态（state）、图片地址（src）等。vue-lazyload的核心原理是利用了IntersectionObserverAPI，这是一个用于检测元素是否与视口相交的API，它可以高效地监听元素的可见性变化，并触发回调函数。修饰符(注意冒号)。
2024-09-30 15:21:57
276
原创 Vue2中的监听和计算属性的区别
监听器（Watchers）是一种机制，用于在数据发生变化时执行特定的操作。监听器允许你监视 Vue 实例中的数据变化，并在数据变化时执行自定义的逻辑。1、支持异步操作2、接收两个参数，第一个是最新的值，第二个是旧的值3、监听的数据是data中声明过父组件传递过来的prop中的值，还可以监听路由$route4、immediate：组件加载立即触发回调函数的执行（为false时，只有监听的数据变化回调函数才会执行）5、deep：深度监听，一般用来监听对象。
2024-09-30 15:11:10
739
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人