2302_76925238的博客

原创 .nvue页面实现画笔绘制功能，用原生html导入nvue页面使用还可以截图（画笔 清空 橡皮擦 改颜色 禁用画笔 截图-是视频画面加绘制合成一张图片截图）-我花80块钱找淘宝都没弄出来，自己写的

本文介绍安卓-app环境下在nvue视频上实现绘制功能的方案：1)创建draw.html文件包含画布功能（画笔、橡皮擦、颜色修改等）；2)通过web-view组件嵌入页面；3)使用evalJS实现nvue与H5的双向通信；4)核心绘制逻辑包括触摸事件处理、历史记录管理；5)支持将视频画面与绘制内容合成图片并上传。关键技术点：canvas绘图、手势事件监听、操作历史栈管理、base64图片转换及文件上传功能。该方案实现了视频画面上的实时标注和截图保存功能。

原创 uni.onKeyboardHeightChange安卓app手机键盘事件，打开键盘输入框向上移动

【代码】uni.onKeyboardHeightChange安卓app手机键盘事件，打开键盘输入框向上移动。

原创 安卓app巨坑 nvue后者页面要写画笔绘制功能nvue canvas

前期web浏览器上面canvas可以很支持vue页面，因为要用原生插件组件必须是nvue才能使用显示出来所以重构（真的巨坑），然后之前写的绘制功能canvas又不能生效了是因为nvue原生weex啥的原因导致直接方法无效我丢。话不多说实现方式上效果：<web-view>

原创 uniapp 安卓原生截图保存到相册跟api服务器 canvas实现 plus.nativeObj.Bitmap实现

【代码】uniapp 安卓原生截图保存到相册跟api服务器 canvas实现 plus.nativeObj.Bitmap实现。

原创 安卓 手机直接去手机wifi设置页面的方法

【代码】安卓 手机直接去手机wifi设置页面的方法。

原创 移动端app获取wifi步骤 用的uni

WiFi：启用等 API✅ 这是正确且的配置⚠️ 没有，Wi-Fi 列表在真机上会直接返回空。

原创 uniapp去掉手机状态栏 全屏展示

onShow: function() { console.log('App Show') this.$nextTick(() => { if (typeof plus !== 'undefined') { // 隐藏状态栏（沉浸式） plus.navigator.setFullscreen(true) // 尝试隐藏底部系统导航栏（部分机型有效） plus.navigator.hideS

原创 移动端 刘海平上面顶部遮挡 解决

uni-app通过系统变量--status-bar-height自动适配不同设备状态栏高度。在pages.json中配置navigationStyle为custom可隐藏原生导航栏，同时设置navigationBarBackgroundColor定义顶部背景色。为避免内容被状态栏遮挡，在页面样式中添加padding-top: var(--status-bar-height)，并配合box-sizing: border-box确保布局正确。这种方案能兼容iOS/Android各种屏幕类型（刘海屏、全面屏等），

原创 请求 接口 ？拼接 /拼接post get delelet

你直接说选哪一个即可。

原创 pc后台自适应移动手机转到h5（正则表达式，检查当前访问设备是不是移动端。）

i。

原创 标注功能实现-前端div实现

我的标注模块是基于 div 绝对定位实现的矩形框绘制、拖拽和缩放，配合缩略图导航与标签映射，通过鼠标事件与结构化数据驱动渲染，最后把前端坐标转成标准化的标注数据提交给后台。这部分需要在坐标计算中保持严格限制，避免框跑到图片外。实时计算 width 和 height，更新预览框。用户点击“开始框选”（startSelect）确认添加标注框，推入 labelInfo。（选择、创建、缩放、拖动、保存）主图显示当前正在标注的图片。，用户按住即可调整大小。（主图、缩略图切换）mouseup 结束。

原创 Vue3 - 获取 Proxy 对象代理中包裹的 “真实数据“，解决对象或数组打印后是 Proxy 对象无法拿到原始数据的问题（免费）

【代码】Vue3 - 获取 Proxy 对象代理中包裹的 “真实数据“，解决对象或数组打印后是 Proxy 对象无法拿到原始数据的问题（免费）

原创 vite.config.js/ts里面配置去掉打印日志跟断点

【代码】vite.config.js/ts里面配置去掉打印日志跟断点。

原创 微信小程序里用 setData() 修改数据并打印输出 的几种写法

setData()是。

原创 媒体查询 media

【代码】媒体查询 media。

原创 切片上传version2.0 进度用模拟后端实时返回的进度，大文件1.05GB耗时7.49秒

模拟后端大文件分片上传服务。

原创 用spark-md5实现切片上传前端起node模拟上传文件大小，消耗时间

【代码】用spark-md5实现切片上传前端起node模拟上传文件大小，消耗时间。

原创 WebSocket 前端node启用ws调试

server.js。

原创 遍历数组 [] 遍历对象 {}

for...in。

原创 &&（逻辑与）坑 有假值返回假

原创 三元跟逻辑或的坑（优先级）练习题

在 JS 中，非 0 的数字。也就是说三元表达式会在。

原创 mixin的创建-到使用（真的混合到页面里面了毫无违和感）

随便一个vue文件使用mixin里面的msg。

原创 vue3 绝对路径配置jsconfig.json

【代码】vue3 绝对路径配置jsconfig.json。

原创 vben table 点击标签改form值查询实现

【代码】vben table 点击标签改form值查询实现。

原创 滚动显示效果

自动滚动消息列表（上下循环）；鼠标移入暂停滚动，移出继续；每个 item 有 hover 效果（右移 + 背景变浅）；使用了“复制一份 list”实现无缝循环。是整个滚动区域。控制滚动位置。当滚动到第一份数据末尾时，通过实现无缝衔接。当滚动超过第一份高度时重置scrollY。

原创 vben 监听form查询条件变化了自动触发更新搜索

【代码】vben 监听form查询条件变化了自动触发更新搜索。

原创 vben 前端实现导出 映射xlsx字段

【代码】vben 前端实现导出 映射xlsx字段。

原创 a-table分页显示不全，显示被遮挡

【代码】a-table分页显示不全，显示不完。

原创 明明是 一样的线怎么有的很粗有的很细 GPU 抗锯齿问题

【代码】明明是 一样的线怎么有的很粗有的很细 GPU 抗锯齿问题。

原创 vue3 使用日历组件 v-calendar

【代码】vue3 使用日历组件 v-calendar。

原创 通过css加 顿号 、隔开 最后一个又不加顿号

【代码】通过css加 顿号 、隔开 最后一个又不加顿号。

原创 vben admin 下拉支持收索

本身是支持搜索的，但它的搜索逻辑需要通过。你现在写的配置里有点混用了。这样就能在输入时按照。

原创 ar / let / const 以及不同写法的区别一

都是新的常量，允许重复声明，但只能在循环内部访问。只存在于 for 的大括号里。，在函数外就是全局作用域，循环结束变量依旧存在。在外层作用域声明，所以循环结束后还可以访问。会为每次循环创建一个独立作用域，保存当前。不能重新赋值，for 循环的迭代。共享一个变量，循环结束 i=3。可以在每次循环独立绑定多个变量。没有块级作用域，所有回调里的。会修改它，所以报错。

原创 自定义滚动条颜色

【代码】自定义滚动条颜色。

原创 fetch 原生请求

【代码】fetch 原生请求。

原创 模拟 答题选择题 el组件库 多选单选都可以哦

【代码】模拟 答题选择题 el组件库 多选单选都可以哦。

原创 代码里console.log比较多,怎么快速清理

全局替换实现去掉console\.log。

原创 前端 导出内容为word文件

【代码】前端 导出内容为word文件。

原创 滚动提示组件

DATANAMELIST.value= ['内容1','内容2','内容3']

原创 浏览器编辑fetch api查询参数

右键鼠标右键点击接口、选择复制、选择以fetch格式复制。进入控制台、粘贴内容、可以对请求进行修改、最后点击回车。