- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vue3+ts+uniapp 实现类似于验证码的输入框
本文实现了一个类似验证码输入框的房间号输入组件。通过将实际input元素设置为透明并覆盖在自定义样式元素上，实现了数字输入效果。HTML部分使用8个view元素模拟输入框格子，并绑定点击事件。JS代码处理输入逻辑：限制只能输入数字且最大8位，管理光标位置，处理点击事件。CSS将input完全透明并定位覆盖，自定义view元素样式为蓝底白字的数字框。该方案通过透明input触发键盘，同时展示美观的自定义输入框样式。
2025-05-30 16:10:55
120
原创 vue3+ts uniapp小程序项目搭建
1.搭建脚手架2.安装依赖 3.配置.eslintrc.js、.eslintignore、.prettierrc.js、.prettierignore文件。9.封装请求（基于 `luch-request` 封装的统一请求模块，提供统一的接口调用方式和错误处理机制)4. 安装sass（编写sass/scss样式）store文件夹下index.ts。6.增加uiapp对ts的支持。5.对uni-ui的支持。7.环境配置.env。
2025-05-26 09:54:23
875
1
原创 面试题：如何理解JS的异步？
具体做法是当某些任务发生时，比如计时器、网络、事件监听，主线程将任务交给其他线程去处理，自身立即结束任务的执行，转而执行后续代码。这样一来，一方面会导致繁忙的主线程白白的消耗时间，另一方面导致页面无法及时更新，给用户造成卡死现象。如果使用同步的方式，就极有可能导致主线程产生阻塞，从而导致消息队列中的很多其他任务无法得到执行。在这种异步模式下，浏览器永不阻塞，从而最大限度的保证了单线程的流畅运行。而渲染主线程承担着诸多的工作，渲染页面、执行JS都在其中运行。，加入到消息队列的末尾排队，等待主线程调度执行。
2024-10-14 10:57:26
386
原创 关于小程序使用requestTask.abort()实现中断当前请求但不影响后续请求
中断后一定要置空任务变量：requestTask= null，避免影响后续请求。不置空，会导致后续请求发不出去，坑了我好久好久。5.要在哪里中断请求直接引用并调用 cancelRequest()就OK了，后面该干嘛就干嘛。3.任务变量调用abort方法：requestTask.abort()，实现中断请求。核心思想：1.一定要设置一个全局任务变量requestTask，用来保存请求任务。2.请求任务就是request请求那些。reuest.js文件进行以下配置。
2024-10-11 15:36:41
799
1
原创 JWT认证机制
JWT的组成部分：header（头部）、payload（有效荷载）、signature（签名）payload：是真正的用户信息，用户信息经过加密后生成的字符串header和signature是安全性相关的部分，只是为了保证token的安全性JWT工作原理：1.客户端浏览器提交账号和密码后2.服务器就进行验证账号密码 验证通过后 将用户的信息对象，经过加密之后生成Token字符串，然后发送给客户端3.客户端将Token字符串存储到localstorage或sessionstorage。
2022-06-23 16:45:35
469
原创 session原理
cookie：cookie是有效身份认证的标识，是存储在用户浏览器中一段不超过4kB的字符串。它由一个键值对和其他几个用于控制cookie有效期、安全期、使用范围的可选属性组成 不同域名下的cookie各自独立，每当客户端发起请求时 会自动把当前域名下所有未过期的cookie一同发送到服务器。cookie的几大特性：自动发送 域名独立 过期时限 4KB限制cookie在身份认证中的作用（session的工作原理）： 客户端第一次请求服务器的时候，服务器通过响应...
2022-06-23 16:25:22
141
1
原创 Web 开发模式
1.服务端渲染的传统web开发模式服务端渲染的概念：服务器发送给客户端的HTML页面，是在服务器通过字符串的拼接，动态生成的。因此，客户端不需要使用ajax技术额外请求页面的数据优点：1.前端耗时少 2.有利于SEO 缺点：1.占用服务器端资源 2.不利于前后端分离，开发效率低2.前后的分离的新型web开发模式优点：1.开发体验好 2.用户体验好 3.减轻了服务器端的渲染压力 缺点：1.不利于SEO...
2022-06-23 11:43:04
417
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人