w710537643的博客

摘要：本文分析了Vue3开发中一个典型问题——this.value在开发环境正常但生产环境报错的现象。原因在于<script setup>编译后this指向不同，且开发/生产环境构建行为差异。文章提出三点解决方案：1)遵循Composition API规范，避免在<script setup>使用this；2)配置ESLint和TypeScript进行静态检查；3)本地模拟生产构建测试。最后给出生产环境问题排查方法，包括查看控制台错误、启用sourcemap、使用错误监控服务等。强调开

业务里出现长表单提交时，用户/业务方/产品经理经常会提的一个需求就是表单校验失败你应该给我滚动定位到对应的错误位置，方便我知道哪里出现了错误。也是提升填写长表单时的用户体验一个很常见的做法。

弹窗

该代码片段展示了一个包含HTML内容的热点配置方案。热点定义为HTML类型，需明确设置width和height属性（默认值为0），包含数据源(dataMakerLabel)和CSS样式。数据源采用CDATA格式的HTML结构，包含员工姓名和定位图标。CSS定义了标记容器、图标和标签样式，采用弹性布局，标签具有渐变背景、圆角和阴影效果。图标下方还有三角形装饰。特别强调：使用HTML类型热点时必须设置宽高属性，否则会导致显示问题。该配置实现了带员工姓名的地图标记点功能。

vue3 内嵌krpano，krpano作为组件使用

/

修改 C:\Users\用户名.npmrc下配置文件。删除http_proxy，保存设置并重新启动计算机。出错原因：http_proxy设置错误。

结果首次加载时都是判断不存在，刷新下就能正确判断了。图片加载是异步的，没加载完时width肯定是0。本来想写个判读下本地图片是否存在的函数。使用img 的回调函数做预处理。

定位场景内热点三维位置

我们可以创建一个自定义指令来处理未定义的情况，这样可以复用代码，减少重复劳动。// 使用处理对象属性未定义的情况是前端开发中不可忽视的一环。通过合理使用可选链、逻辑与操作符、条件判断、计算属性、自定义指令、全局过滤器和TypeScript的类型保护，我们可以优雅地解决这一问题，提升代码的健壮性和可读性。希望本文的技巧与实践能够帮助你在Vue开发中游刃有余，写出更加健壮和优雅的代码。

【代码】css after 动态内容。

数据会初始化导致页面页面显示出现问题。存在cookie内得以解决。

vue3 提示警告。页面内点击按钮无响应。和 事件方法名 重名导致。

最后，使用res.replace(/\s/g,‘’)正则过滤掉txt文件内的空格就成功了。但是当在一个完整程序运行环境内加密字符串，解密字符串是没问题的。当把加密的字符存储到txt文件，在读取解密时出现错误无法解密。在进行加解密处理时出现这个问题。不知道什么原因造成的问题。

展示效果问题解决前问题解决后直接贴代码（.vue文件）原理。

krpano 开启 日志和调试模式。

在全景项目中，经常会遇到这样的功能：点击场景中的某个热点，能够进行图片放大，同时还可以对图片进行交互操作，比如放大图片、拖动图片等，本章节内容讲述如何在Krpano库中调用js代码实现图片的放大和交互。具体效果如下：本次我们使用到的js库叫viewer，

新版本的nodejs使用的openssl和旧版本不同，导致出错。1.将node版本重新换回16.x。2 windows 下。

build 是源码库 web 内是写好的一个类似pdf编辑器的完整项目。我这是uniapp项目 放入了。// file 是文件地址。下载最新版浏览器版本。vue 项目可以放入。

【代码】axios 进行同步请求(async+await)

【代码】vue3 报错 require is not defined。

npm地址-：也可以封装一个ES模块，对外暴露一个Mitt实例：业务模块引入来使用3. 使用通过on监听/emit触发off移除事件Mitt.js Github仓库https://juejin.cn/post/6957965225471508493

【代码】uniapp h5 部署。

threejs 无法滑动视角，菜单界面覆盖threejs操作事件。

vue-video-player vue2版本只支持到5.0.2版本。vue3 版本的是videojs-player。

想要computed 监听计算改变后所有score的和但是 computed并不监听。

报错 导致页面没有加载DOM，所以。

【代码】webpack 基础配置。

【代码】three.js 模型 居中。

【代码】H5 模块化下调取外部链接js脚本方法。

什么是字号大小？字号大小就是字体的高度，例如设置字号为50px，那么它的高度如下图所示：什么是行距呢？如下图所示：其中半行距 = (lineHeight – fontSize) / 2。但是实际上，—font-size经常不等于渲染的高度，如下图所示：对于笔者用的ProximaNova这个字体，设置font-size为30px，实际上高度为42px。为什么文字的高度不等于字号的高度？这得从字体设计说起。为此装了一个FontForge和RoboFont软件设计一款自己的字体。

报错位置使用了elementplus 的走马灯组件。不兼容低版本nodejs吧。将nodejs 从14 切换到了18 重新运行。

本质原因是：页面中el-dialog的渲染位置不同，添加div就会在当前组件位置渲染，如果没有div，就会在中渲染。这个答案大家接受吗？在组件中中 把el-dialog放在一个div中，然后:deep(你要修改的元素class) ， 还有一个重要的前提是dialog中有一个属性append-to-body ，把这个属性设成false 或者不写才可以用深度选择器修改样式，这个属性就是把dialog插入到body中，不然就算包裹在div中依然是取不到样式。（vue2下深度选择器是有效的）

实现页面 A-> B ， B->A（A保存之前页面状态，不刷新页面）配置，且父组件和子组件名字都需要添加到。App页面和父组件页面都需要。

模型透明贴图显示问题处理

uniapp 历史页面回退到指定页面。

若依框架 ， 后台 列表页面 如果长度有滑动条时 翻页会自动定位到表格顶部问题处理。设置为false 就不会自动定位顶部了。

需求：当弹出一个列表页数据，对其进行筛选选择。

【代码】uniapp 取消导航栏 使页面铺满。

在调试threejs时为了让模型自动旋转 使用了。无法跨loadingModel发法调用。最后取消掉了在加载模型时调用。