- 博客(100)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 如何让元素在水平方向上滚动到视口的中心位置？
behavior'smooth''auto'block'nearest'inline'center'scrollLeftscrollLeftscrollTowindowbehavior'smooth''auto'你可以根据具体的场景选择合适的方法。如果是要滚动页面中的元素，一般使用较为方便；如果是要在一个可滚动的容器中滚动元素，并且需要更精细的控制，第二种方法可能更适合；而对于滚动整个窗口，第三种方法是不错的选择。
2025-01-17 15:04:46
1096
原创 VUE的设置密码强校验的功能
templatev-modelpasswordpasswordv-ifscriptdatapassword\d[a-z][A-Z]你可以将上述代码保存为一个.vue文件，并将其引入到你的 Vue 项目中。使用 Vue CLI 创建的 Vue 项目可以将该文件放在components目录下，然后在其他组件中引入并使用。这样就可以实现对用户输入密码的强校验功能，确保密码满足长度和包含数字、大小写字母以及特殊字符的要求。你可以根据需要调整正则表达式或添加更多的密码强度规则，例如不允许使用连续的字符等。
2025-01-16 13:34:21
850
原创 微信小程序在使用页面栈保存页面信息时，如何避免数据丢失？
你可以根据不同的需求选择合适的存储方式，以确保在使用页面栈保存页面信息时避免数据丢失。同时，在存储和读取数据时要注意数据的结构和键的设置，确保数据的一致性和准确性。
2025-01-15 11:42:04
761
原创 微信小程序：中途退出原页面，再次进入无法回到退出时的位置
组件保存滚动位置的方法，或者使用页面栈存储页面信息的方法，也可以将两者结合使用，以达到更好的效果。在实际开发中，还可以考虑存储更多页面状态信息，如输入框的内容、复选框的选中状态等，以确保用户再次进入页面时能恢复到之前的状态。属性的使用和更新，对于页面栈方法，要注意页面栈的结构和信息存储的准确性。请确保代码中的元素选择器和存储逻辑符合你的实际情况，对于。你可以根据自己的需求选择使用。
2025-01-15 11:40:54
1302
原创 前后端接口对接时候应该要做好哪些工作？让我们的工作效率大大提升！
前后端接口对接是项目开发中的关键环节，要做好以下工作：在前后端接口对接时，妥善处理错误和异常情况十分关键，这能提升系统稳定性与用户体验，具体方式如下：HTTP状态码处理4xx 客户端错误：针对不同的 4xx 状态码定制不同处理逻辑。例如，收到 ，可能是前端参数传错，提示用户检查输入数据；收到 ，跳转到登录页面，引导用户重新认证：业务逻辑异常：如果接口返回带有业务特定的错误信息（如错误码、错误描述），前端依据约定的错误码体系进行处理。比如 “1001” 代表支付金额不足，弹出对
2025-01-10 09:53:30
1179
原创 接口报错代码详解！
以业务模块开头：比如电商系统，“1001” 开头的错误码归属于订单模块，“2001” 开头的用于商品模块，开发团队内部统一规定，方便定位问题源头。代表特定错误场景：在支付模块，“100101” 可能表示支付金额不足，“100102” 表示支付超时，和业务流程紧密挂钩，便于前端针对性处理。
2025-01-10 09:49:53
925
原创 最简单最易懂的javascript 网页设计案例
函数实现了图片切换的功能，当用户点击按钮时，函数会根据按钮的点击事件来改变图片的源文件，从而实现图片轮播效果。CSS文件对网页进行了样式设置，使其看起来更加美观。然后，创建一个CSS文件（styles.css），用于设置网页的样式，包括图片展示区域和按钮的样式。最后，创建一个JavaScript文件（script.js），实现图片切换功能。首先，创建一个HTML文件，搭建基本的网页结构，包括图片展示区域和导航按钮。在上述案例中，HTML文件创建了网页的基本结构，包括一个用于展示图片的。文件，确保图片文件（
2025-01-08 15:03:27
248
翻译 HTMX中文版文档——官网直译，抄袭追究！(每日更新 25.1.08更新第一期)
本文章为HTMX中文版文档——官网直译！，若有抄袭必追究！HTMX是一个库，允许您直接从超文本标记语言访问现代浏览器功能，而不是使用javascript。此锚标签告诉浏览器：“当用户单击此链接时，向‘/blog’发出HTTP GET请求并将响应内容加载到浏览器窗口中”。Click Me!这告诉htmx：“当用户单击此按钮时，向’/click’发出HTTP POST请求，并使用响应中的内容将元素替换为DOM中的id父div”
2025-01-08 14:50:09
788
原创 前端VUE首次加载错误类型
语法错误资源加载错误组件相关错误数据绑定错误网络错误Vuex相关错误以下是一些常见的前端Vue首次加载错误的解决方案：在Vue中，数据绑定出现问题可能由多种原因引起，以下是一些常见的解决方法：检查Vue实例的声明和生命周期正确声明Vue实例：确保Vue实例是正确声明的，数据属性、方法等都在合适的位置定义。例如：检查组件间的数据传递父子组件传递数据：在父子组件之间传递数据时，要确保父组件正确地通过向下传递数据，子组件正确地接收和使用。父组件中：子组件中：父组件中：
2025-01-07 13:57:22
859
原创 何为“正则表达式”！
除了JavaScript外，在Python、Java、C#等编程语言中也可以在JSON中使用正则表达式，以下是这些语言的具体示例：Python中可以使用模块结合模块来实现。Java在Java中可以使用和类来处理正则表达式，结合JSON解析库如Jackson或Gson来处理JSON数据。C#C#中可以使用类结合JSON解析库如Newtonsoft.Json来实现。一些实用的JSON在线验证工具以下是一些实用的JSON在线验证工具：以下是一个使用正则表达式来匹配允许输入负数、正数以及小数的模式：这
2025-01-07 09:32:06
823
原创 正则表达式在JSON里报错
正则表达式在 JSON 里报错，通常是因为 JSON 语法的严格性与正则表达式中的转义字符产生了冲突。JSON 要求字符串中的反斜杠必须转义，而正则表达式里本身也大量使用反斜杠用于转义特殊字符，这就容易引发问题。上述 JSON 是错误的，因为正则表达式里的没有在 JSON 里再次转义。解决这类报错，关键在于确保正则表达式作为 JSON 字符串时，里面的转义字符符合 JSON 语法规范。
2025-01-03 13:28:27
1289
原创 微信小程序获取后端数据
通常可以使用wx.requestonLoadfetchDatafetchDatawx.requesturlmethodsuccess200setDatadatawxmlfailPOSTwx.requestdata。
2025-01-02 14:52:07
1940
2
原创 npm ERR! 451 Unavailable For Legal Reasons - GET https://registry.npmmirror.com/- -
npm ERR!意味着 npm 尝试访问的资源由于法律原因被阻止了。出现这种情况，有可能是你所在的网络环境存在一些限制，或者是镜像源本身临时出现了合规性相关的问题。
2025-01-02 12:33:48
737
原创 这是一篇vue3 的详细教程
Vue.js 是一款流行的 JavaScript 前端框架，用于构建用户界面。Vue 3 是其最新版本，带来了许多新特性和性能优化，使开发更加高效和灵活。模板语法这里的是在组件的数据中定义的，插值表达式会将其值显示在标签中。指令v-bind：用于动态绑定 HTML 属性。例如，绑定一个元素的属性：也可以简写为，如。v-if 和 v-else：用于条件渲染。当条件为真时，显示所在的元素，否则显示所在的元素。v-for：用于循环渲染列表。例如，渲染一个数组中的数据：这里的是一个特殊的属
2024-10-25 16:36:33
2220
原创 前端页面手机端触摸屏操作
event=>log'触摸开始';;event=>log'触摸移动';;'touchend'event=>log'触摸结束';;
2024-10-24 15:32:15
1126
原创 后端接口接受的是文件流，前端怎么把一张图片地址转换成文件流?
经常听到小伙伴们在说文件流怎么弄，说为什么后端非要文件流！！！那今天我们就来会一会这位。
2024-10-21 10:22:20
1244
原创 wx.chooseMedia深入研究！
为了更好地引导用户选择特定类型的媒体文件，可以在选择界面上提供一些提示信息。例如，在页面上显示一个提示文字，告诉用户只能选择图片或视频：
2024-10-17 17:12:17
1283
原创 突如其来的warning！ESLINT干的好事
在我们费劲苦心编写完代码，完成需求，自信满满的的时候总会有那么几个可恶的warning亮瞎眼睛，今天让我们来瞧瞧这些黄色字体到底是些什么东东！这个错误信息表明你的代码存在缩进不一致和文件末尾缺少换行符以及有尾随空格的问题。
2024-10-10 13:43:54
704
原创 关于nodejs
虽然 Node.js 官网停止对 16 版本的维护，但在项目中仍然可以继续使用一段时间。总的来说，虽然可以继续使用 Node.js 16，但建议尽快制定升级计划，以确保项目的安全性和兼容性。同时，要密切关注项目中可能出现的问题，并及时采取措施解决。
2024-09-24 13:28:26
1050
原创 居然连内联样式都失效了!应该怎么办！
需要注意的是，使用通配符选择器可能会影响性能，因为它会选择所有的元素。为了确保样式的可维护性和组件的独立性，建议使用更具体的类选择器或组件相关的选择器来定义样式。如果遇到了样式被覆盖的问题，可以使用浏览器的开发者工具来检查样式的应用情况，找出是哪些样式规则导致了冲突，并进行相应的调整。属性后，它里面的样式只会应用到当前组件的元素上，而不会影响到其他组件的样式。选择器或其他选择器定义的，并且与内联样式冲突，那么内联样式的优先级更高。样式是通过更具体的选择器或更高优先级的方式定义的，它可能会覆盖内联样式。
2024-09-12 15:03:35
715
原创 如何使用elementui实现一个根据页面进度实时增长/前进的进度条
{在上述代码中，我们使用了 Element UI 的 el-progress 组件来展示进度条。通过监听页面滚动事件来实时更新进度条的百分比。同时，添加了一个点击事件处理函数 handleProgressClick，当用户点击进度条时，计算点击位置对应的百分比，并可以根据这个百分比实现页面跳转的逻辑（这里只是打印了跳转信息，实际中需要根据具体需求实现页面跳转）。请注意，这只是一个简单的示例，实际应用中需要根据具体的页面结构和需求进行调整和完善。
2024-09-10 16:50:14
1796
原创 网页解析的那些事
一、BeautifulSoup（Python）功能特点它提供一些简单函数用来处理导航、搜索、修改分析树等功能。可以轻松从 HTML 或 XML 文件中提取数据。能够自动将输入文档转换为 Unicode 编码，以及输出文档转换为 UTF - 8 编码，避免了很多编码相关的麻烦。使用示例例如，要从一个 HTML 页面中提取所有的链接，可以使用以下代码：二、Scrapy（Python）功能特点它是一个强大的网络爬虫框架，不仅可以用于网页解析，还包括了数据抓取、数据处理、数据存储等一整套流程。
2024-09-09 14:01:02
1206
原创 vue多线程同时运行时，代码如何减轻负荷
在 Vue 中实现多线程操作（JavaScript 是单线程的，但可以通过一些方式模拟多线程的效果），以下是一些减轻负荷的方法：一、合理使用 Web Workers（浏览器中的多线程）任务拆分与分配数据传递优化控制 Web Worker 数量二、异步编程和事件循环优化使用异步函数和 Promise优化事件循环三、代码优化和资源管理避免不必要的计算和重复计算内存管理
2024-09-09 12:57:45
537
原创 VUE中如何指定一个VIDEO 只显示视频内容不显示进度条播放暂停等其他功能
在 Vue 中可以通过 CSS 和一些技巧来让一个只显示视频内容而不显示进度条、播放暂停等其他功能。
2024-09-05 12:56:34
2123
原创 Vue 数据监听工作原理及三大重要模块分析
在 Vue 中，数据监听是通过其响应式系统实现的。;// 模拟数据变化setTimeout=>;2000;
2024-09-03 17:17:55
1459
原创 在 Vue 中实现跨项目数据传递
需要注意的是，跨项目数据传递可能会带来一些安全和数据一致性的问题。在实际应用中，要根据具体情况选择合适的方法，并确保数据的安全性和可靠性。同时，对于敏感数据，应该采取加密等安全措施。
2024-09-03 17:02:58
1752
原创 VUE面试题整理3.0
VUE面试题1.vue最大特点是什么或者说vue核心是什么2.vue自定义指令如何实现的和适用场景？3.对单向数据流的理解4.vue开发环境和线上环境如何切换5.对axios拦截器的理解6.vue第三方ui样式库如何实现样式穿透的（ui库和less/sass穿透问题）7.为什么要用scoped8.在 vue 中使用插件的步骤9.Vue3.0 你知道有哪些改进10.eventBus详细使用11. Vue 中 v-html 会导致哪些问题?12.Class 与 Style 如何动态绑定？13.直接给一个数组项赋
2021-12-16 13:31:51
2627
空空如也
Nestjs+jest测试框架，测试spec测试文件时候报错，哪位老哥解决下
2021-10-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人