2401_83535982的博客

原创 前端上传文件中请求 OSS 策略教程

是否都加了（共 4 处：request 的 fail、request 的 success 校验失败、uploadFile 的 success、uploadFile 的 fail）；要「上传授权凭证」（policy、签名等）→ 再用这些凭证直接把文件传给阿里云 OSS → 拿到最终的文件 URL。1、直接传文件到 OSS 会泄露阿里云的 AccessKey（相当于密码），不安全；2、让后端生成授权凭证，能控制谁能上传、上传到哪个目录、上传什么类型的文件，更安全。首先「文件大小限制」的扩展（业务常用）

原创 uniapp手机端的视频播放兼容问题

uniapp手机端的视频播放兼容问题

原创 UniApp 页面新手须知

正确的位置和注册（pages 目录 + pages.json）完整的 Vue 组件结构合理使用生命周期处理好平台差异遵循性能优化原则按照这些要求开发，可以确保 UniApp 页面正常运行并在多端表现一致。

原创 Token（四种用户认证）（token主流过期续期）

①前端客户端使用用户名和密码请求登录-->②服务端收到请求，验证用户名和密码-->③验证成功后，服务端会生成一个token码，然后把这个token发送给客户端-->④客户端收到token后把它存储起来，可以放在cookie或者Local Storage（本地存储）里-->⑤客户端每次向服务端发送请求的时候都需要带上服务端发给的token-->⑥服务端收到请求，然后去验证客户端请求里面带着token，如果验证成功，就向客户端返回请求的数据。首先Token翻译就是令牌的意思，常用于用户认证。

原创 DOM（Document Object Model

DOM（Document Object Model，文档对象模型）是一个跨平台、语言无关的接口，用于表示网页的结构、样式和内容。DOM让开发者能够以编程方式访问和操作网页的结构和内容，是实现动态网页、交互式应用、以及响应用户操作的核心技术之一。通过DOM，可以实现丰富的网页功能，如修改页面内容、改变元素样式、捕获和响应用户事件等。DOM把HTML（或XML）文档看作一个树状结构，网页的每个元素、属性、文本等都被视为树上的一个节点。DOM是与平台无关的，因此它可以用于不同的浏览器、操作系统和设备。

原创 status-bar-height（状态栏高度）是移动端开发中一个重要的概念，主要用于适配不同设备的顶部状态栏

【代码】status-bar-height（状态栏高度）是移动端开发中一个重要的概念，主要用于适配不同设备的顶部状态栏。

原创 hbuilder真机调试问题总结浏览器有数据真机调试没数据

我当时内心很纠结感觉自己是一个小白都不知道这是哪里出了问题手足无措上网搜答案，问deep seek，给我的回答是按照控制台来解决问题首先安装插件，然后全局生命周期钩子打印console.log，查看到底是哪里有问题，结果也是无功而返的，其实这是一个解决问题和思维的问题，我当时查看了自己其他页面可以显示，排除插件问题，然后单独看两个相对接的子页面在真机调试是可以显示出来的，但是搜索结果页空白，那肯定是搜索结果页和两个子页面链接的问题。看似小的语法修正，却能解决真机调试无数据的大问题。

原创 前端页面中隐藏手机号码

分为两步①在HTML中。

原创 uniapp 生命周期钩子速查表

原创 Vue.js指令：v-for、v-show、v-if、v-else、v-else-if、v-bind、v-on、v-model

常用如上：Vue.js的v-for模板语法，用于循环渲染一组元素，常用于列表类，如商品列表资讯列表；所以，的意思是：遍历名为value1的数组，每次循环将数组中的当前元素赋值给item，当前索引赋值给index，然后渲染出对应的元素是 Vue 的模板语法，用于循环渲染。value1是当前 Vue 实例中定义的一个数据属性，通常是一个数组。item和index是循环过程中的临时变量，由v-for指令在循环过程中提供。item表示当前循环到的数组元素。index表示当前循环的索引（从0开始）。value1。

原创 hbuilder中资讯API对接，在congif.js定义一个基础的路径，然后在API对象中定义各个接口的路径部分。

摘要：本文介绍了资讯模块的前端接口实现方案，主要包括：1)通过GET请求获取标签分类数据并转换为前端格式；2)通过POST请求分页获取资讯列表数据；3)详细说明了数据字段含义和交互流程，包括页面加载时的初始化、标签切换和分页处理。文章还提供了最佳实践建议，如接口地址的模块化配置、并行请求优化方法(Promise.all)以及错误处理机制，特别强调了性能优化和代码结构优化的重要性。

原创 使用Pages MCP 将Cursor生成的网页发送到手机

3. 一键部署到EdgeOne Pages：在编辑器中输入自然语言指令，如“帮我把网页部署到线上”，Cursor会通过MCP Server将HTML内容发送至EdgeOne Pages平台。打开终端，执行node -v和npm -v命令，验证Node.npm版本。若配置成功，edgeone - pages - mcp - server前会显示绿灯标识。在终端中运行npx edgeone - pages - mcp，手动触发MCP服务调试。然后全局安装edgeone - pages - mcp包。