- 博客(22)
- 收藏
- 关注
RSS订阅原创 兜底数据方法封装(依赖于get方法或递归)
例如，在进行数据库操作时，如果出现错误或异常情况，通过兜底处理，可以进行回滚操作，确保数据不会被破坏或丢失。通过在代码中添加错误提示或异常处理，可以向用户提供有意义的错误信息，帮助他们理解问题所在并采取相应的措施。通过添加适当的错误处理代码，可以减少代码中的漏洞和易出错的地方，提高代码的容错性。总之，进行兜底是编写高质量代码的重要组成部分，可以提高代码的稳定性、可靠性和用户友好性。兜底是指在代码中添加适当的处理逻辑，以防止程序在遇到异常情况时崩溃或产生不可预料的结果。
2024-12-20 11:23:34
331
原创 React 底部加载组件(基于antd)
底部加载组件的意义在于提供一种流畅的用户体验，以便在用户滚动到页面底部时自动加载更多内容。这样可以让用户无需离开当前页面，就能够无缝地浏览更多的内容.通过底部加载组件，可以分批加载页面内容，减少一次性加载大量数据对页面性能的影响。这样可以提高页面的加载速度和响应时间。
2024-12-20 11:13:54
450
原创 使用 CSS 变量设置 React 组件的主题
在深入了解实现细节之前，让我们先了解为什么 CSS 自定义属性是 React 应用程序主题化的有力选择。我们将探讨的第一个方法是将自定义 CSS 属性的范围限定到各个组件，并通过替换组件的 className 来更改主题。这种方法可确保特定于主题的样式被组件的所有后代继承。第二种方法涉及使用 CSS 变量来存储不同主题的值集。我们定义一组代表特定样式主题的“存储属性”，并使用 JavaScript 将“选定属性”替换为所需主题的值。
2024-09-14 17:55:29
1180
原创 清晰快速：优化网页图片的一些技巧
在当今的数字时代，网络图像在增强网站的视觉吸引力和参与度方面发挥着至关重要的作用。但是，如果优化不当，图像可能会对网站的性能和用户体验产生负面影响。在本文中，我们将探讨一些处理网络图像的最佳实践。
2024-09-14 16:49:37
1495
原创 判断是否是开发环境 process.env
比如 我们在线上需要跳转到一个新的线上地址，由于在开发环境当中我们需要跳转到自己的位置，不能够直接去线上所以我们就应该通过 process.env.NOOE_ENV js的一个api 可以获取到我们的是否是在开发的环境。如果在项目当中我们需要在开发环境当中做一些事情跟线上环境做的事情不同。
2024-04-22 10:35:17
379
原创 Vue当中响应式 对Dep和Watcher详细解释（手搓）
之前已经将数据劫持已经全部完成了。那么，接下来，主要的要点就是在于两点，依赖收集和触发依赖更新。。首先，要先明白，依赖是什么，比方说在我们的模板中有{{a}}，那么，这个地方就有对于变量 a 的依赖。在模板编译的时候，就会触发 a 变量的getter。然后，当我们执行a++;的时候，那么，我们就要触发依赖的更新，当初模板中{{a}}的地方，就要更新，是吧！所以，我们都是gettersetter。这一节的内容，主要就是用来专门讲清楚这两件事情。
2024-01-09 14:17:46
2034
原创 Vue响应式原理（手搓数组响应式处理）
就是成功改写之后的数组方法，我们需要将所有对 Observer 生成的实例的数组方法，都指向我们的。然后，将数组的原型都赋值到我们创建的新对象。我们可以发现是可以执行成功的我们执行push方法的时候我们会触发console.log信息。比较特殊，是可以对数组插入新的值，对于新的值，我们是不是也要进行。现在，我们已经能对数组的七大方法成功进行拦截操作了，但是，因为。首先的一点，就是要先区分数组的遍历，和之前的。我们可以将我们的要重写的方法写到一个数组当中。，导致程序会报错，所以，正确的。
2024-01-09 11:35:15
530
原创 Vue当中的observable是什么？（有源码）
observable()方法，用于设置监控属性，这样就可以监控viewModule中的属性值的变化，从而就可以动态的改变某个元素中的值，监控属性的类型不变量而是一个函数，通过返回一个函数给viewModule对象中的属性，从而来监控该属性。话不多多说直接来使用试试看创建一个storejs//store.jsexport let store =Vue.observable({count:0,name:'李四'});
2024-01-03 16:59:42
506
2
原创 vue + node（express）实现大文件上传
不管怎样简单的需求，在量级达到一定层次时，都会变得异常复杂文件上传简单，文件变大就复杂上传大文件时，以下几个变量会影响我们的用户体验上传时间会变长，高频次文件上传失败，失败后又需要重新上传等等为了解决上述问题，我们需要对大文件上传单独处理这里涉及到分片上传及断点续传两个概念。
2024-01-03 16:51:37
729
1
原创 spring boot解决Error creating bean with name ‘helloController‘: Injection of autowired dependencies fa
有可能是我们项目当中依赖的一些数据信息出现了丢失或者缺少依赖项导致启动失败 建议大家好好的看一下自己的配置文件信息。有很多的博主推荐加一些注释或者更改xml 发现并不是这么个错误 给大家避坑一下。
2023-12-22 10:58:19
820
原创 Spring Boot解决 ERROR org.springframework.boot.SpringApplication - Application run failed
调整 project encoding。在file Encoding做更改。
2023-12-22 10:41:18
1503
原创 React实现埋点当中页面，列表卡片(源码)
页面曝光通常是为了吸引更多的用户访问网站或应用程序，从而增加用户流量，提高品牌知名度和在线可见性。通过增加页面曝光率，可以提高网站或应用程序的搜索引擎排名，促进产品或服务的销售和推广，并为用户提供更好的用户体验。对一个列表每一项和页面用户在页面停留的时长进行上报处理。
2023-12-06 10:04:54
635
1
原创 Vue实现虚拟列表
Vue中的虚拟列表是一种渲染大量数据的优化方式。通常，渲染大量数据时，会出现页面卡顿的情况。虚拟列表通过仅渲染当前可见的数据来避免这种卡顿。虚拟列表的实现方式是将数据分成一个个可视区域，而非全部渲染。当用户滚动列表时，只有当前可见区域的数据被渲染。当用户滚动到列表的另一个区域时，虚拟列表会根据需要重新渲染可视区域的数据。虚拟列表的原理和使用方法就是这样。使用虚拟列表可以提高Vue应用程序的性能，让用户可以流畅地浏览大量数据。
2023-12-04 14:06:25
683
1
原创 element-ui当中复选框(el-checkbox)更改为圆形样式
在element-ui当中有些属性的样式优先级特别的高的所以我们采用样式穿透的方式来实现我们自身先实现的样式 下面是对复选框做的一个样式设定。有些同学写完会出现错位的情况需要加对内容进行定位。更改完调整大致就是这样样子。
2023-11-27 10:09:25
2345
1
原创 el-table横向滚动条消失，添加自己的滚动条
有些时候element-ui当中的table满足不了我们的需求，当表格超出屏幕范围时，才会出现滚动条 或者我们使用fixed的时候滚动条消失的问题。
2023-11-24 09:47:52
3688
1
原创 五分钟带你详细了解无感刷新Token技术（Vue+express）
无感刷新Token技术是一种在客户端应用中自动刷新访问令牌的机制，它通过提供用户无感知的刷新操作，改善了用户体验，提高了安全性，同时减轻了服务端的负担。这项技术适用于各种Web应用、移动应用和单页应用等场景，特别适用于需要长时间访问令牌和多终端登录的应用。通过无感刷新Token技术，我们能够在保证用户会话持续性的同时，提供更好的安全性和便利性。
2023-09-12 16:17:55
3063
原创 如何快速搭建原生koa框架链接MongoDB（koa2脚手架koa-generator使用）
koa是下一代的node.js的web框架。由express团队设计的指在提供一个更小型、更富有表现力、更可靠的 Web 应用和 API 的开发基础Koa 可以通过生成器摆脱回调，极大地改进错误处理。Koa 核心不绑定任何中间件，但提供了优雅的一组可以快速和愉悦地编写服务器应用的方法。
2023-09-03 18:53:25
541
原创 React和Umi配置百度地图API
1.在src当中创建一个文件夹 把ak放在里面进行封装。这里注意BMapGL 要进行进行new出来 通过。2.这里把dom封装成为一个组件进行标识。2.把自己的ak放在里面就可以了。1. 这里进行百度地图的展示。
2023-06-07 19:15:48
613
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人