
开发问题解决
文章平均质量分 77
前端三评
WEB前端开发工程师、全栈开发、某名企前端技术教官、讲师、imqdcn站长
展开
-
【npm依赖包介绍】借助rimraf依赖包,在用npm run build构建项目时,清空dist目录,避免新旧混合
rimraf是一个用于删除文件和文件夹的 Node.js 包。它的名字来源于 Unix 命令rm -rf,其中rm是删除命令,-rf选项表示递归删除文件和文件夹,并且不提示确认。原创 2025-01-07 17:49:23 · 901 阅读 · 0 评论 -
【bug修复系列】package.json中“type”: “module”的作用,解决明明是ES module却报是CommonJS的问题
当设置 “type”: “module”,时,允许package 中的所有的.js模块当做ES modules,但是如果该配置缺失或者设置为了"commonjs",那么就会当做CommonJS模块来处理。按道理,不会有这种问题,因为其他模块也是这样,但是没有报错。而我的问题恰好是因为没有设置的原因,导致在构建时,当做了。Error [ERR_REQUIRE_ESM]: require() of ES Module D:\AIProject\translationChrome\node_modules\vit原创 2025-01-07 14:11:21 · 889 阅读 · 0 评论 -
elementUI新增date-picker,yearrange的2种方案。解决没有type=“yearrange“,不能选择年份的的问题
如果你是用按需引入的方式使用的elementUI,那么可以将下方链接中lib\date-picker.js文件,替换到node_modules\element-ui\lib\date-picker.js的同名文件;要是全局引用的可以将下方链接中lib\element-ui.common.js文件,替换到node_modules\element-ui\lib\element-ui.common.js的同名文件。就可以直接在项目中通过。要修改element-ui源码的程序员,可以将未编译的源码,下方链接中。原创 2024-12-17 11:11:16 · 1713 阅读 · 0 评论 -
修改elementUI等UI组件样式的5种方法总结,哪些情况需要使用/deep/, :deep()等方式来穿透方法大全
使用全局 CSS覆盖默认的样式。通过特定类型的类名(如等)来修改特定类型的消息样式。如果在单个组件中修改样式,可以使用scoped CSS。使用JavaScript 动态添加类或修改样式,根据不同的需求动态改变样式。使用/deep/或:deep()时,通常是为了修改子组件或第三方组件库的样式。scoped CSS限制了父组件只能修改自己作用域内的样式,而通过/deep/或:deep()可以穿透这个限制,修改子组件或嵌套组件的样式。:deep()是 Vue 3 推荐的方式,而/deep/原创 2024-11-06 18:42:28 · 2338 阅读 · 0 评论 -
【学员提问bug】小程序在onUnload里面调接口,用来记录退出的时间, 但是接口调用还没成功, 页面就关闭了。如何让接口在onUnload关闭前调用成功?
实时上报:可以在页面的onUnload或App的onHide中上报。延时补偿:如果离开过快导致请求未完成,可以用记录时间,在下次启动时检查并补偿上报。参考资料:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html如果你在web前端开发、面试、前端学习路线有困难可以在下方加我名片。免费答疑,行业深潜多年的技术牛人帮你解决bug。原创 2024-11-02 18:42:48 · 736 阅读 · 1 评论 -
【学员提问】在vuex4中,可以用modules划分多个模块,在pinia中怎么做?
在 Pinia 中,通过定义多个独立的 store 并在需要时组合使用,可以实现类似于 Vuex modules 的模块化管理原创 2024-09-26 21:45:00 · 699 阅读 · 0 评论 -
【学员提问】对于typescript的assert和casting,即类型断言和类型转换,我还不太理解,请结合例子梳理下知识点,并且出几道题考考我
项目中, 是 JSX 语法的一部分,表示一个空的 JSX 容器。类型断言是在 TypeScript 中告诉编译器,开发者更了解某个值的类型。通过类型断言,开发者可以明确告诉编译器这个值的类型,而不是让 TypeScript 推断其类型。在现代 TypeScript 中,推荐使用 as 语法来进行类型断言。a.没有使用 as 关键字:在这段代码中使用的是 语法来进行类型断言,这是。类型转换通常指的是在运行时将一种类型的数据转换为另一种类型。进行实际的类型转换,它仅仅是用于编译时的检查。原创 2024-09-13 12:34:43 · 1048 阅读 · 0 评论 -
腾讯云轻量云服务器打开报服务器暂时未响应,请刷新页面并重试问题解决
我检查了下,没有该问题,即使退出vpn,也无法解决该问题。1、首先确定,是不是被禁止在公司访问腾讯云的问题,比如某些IP被禁止。后面用自己的热点上,也是同样的问题,该原因排除。免费答疑,行业深潜多年的技术牛人帮你解决bug。这种跨域肯定不是预先有的,也就是如果是腾讯开发工程师配置不当,导致的跨域问题,那也不是我能发现的,他们早就解决了。3、我打开浏览器开发者工具,看控制台报了什么错,结果发现了如下。所以,肯定是因为我的浏览器有什么跨域的插件,导致了这种情况。在我浏览器中,我安装了一款允许跨域的插件,原创 2024-08-19 18:40:20 · 657 阅读 · 0 评论 -
【问答系列】安装vue3的方式大总结,为何可以使用npm create vue@latest或npm init vite@latest充当vue脚手架安装vue项目
根据vue所述,建议安装nodejs的18.3及以上版本来开发vue3项目。但是实测nodejs 16+也可以。我在nodejs的16版本,运行如上命令后,不会报错,而是会提示你要安装:(y)当我输入y后,就会安装并执行create-vue,它是Vue官方的全新脚手架工具。但是假如我切换到nodejs的18版本,运行如上命令后,不会提示我安装命令,而是提示如下,表示可以安装项目了,npm create其实是npm init的一个别名:SeeUse。原创 2024-06-19 17:21:28 · 4798 阅读 · 0 评论 -
【bug修复系列】nvm安装nodejs多版本时显示 is not yet released or available的解决方案,并解决nvm ls available为空的问题
这就是原因了,因为它找不到可供下载的版本。如果你在web前端开发、面试、前端学习路线有困难可在下方联系我。同样的,现在也可以使用安装命名,安装你想要的。的官网查了,明确已经是发表且可用可下载的。的文档,发现,对于中国用户而言,可以切换。原创 2024-06-19 16:59:38 · 6462 阅读 · 3 评论 -
uniapp开发的小程序toast被键盘遮挡提示内容无法完全显示问题解决
同时看了官方文档(见下方参考链接),也没有对应的设置显示位置或偏移量的问题。即,简单来说:Toast会被弹出的输入法遮住,无法显示系统提示内容。1、自己写个toast的自定义组件,这样就能方便控制它的显示位置。来显示是否提交成功,结果被系统的键盘给盖住,无法显示完全。2、点击提交反馈按钮后,隐藏系统软键盘,以便让用户看到反馈。隐藏已经显示的软键盘,如果软键盘没有显示则不做任何操作。幸运的是,还真有这么一个全端小程序兼容的方法。也就是在提交反馈后,先关闭软键盘,再弹出。后,当用户提交反馈后,调用了系统的。原创 2024-05-09 17:58:26 · 1667 阅读 · 0 评论 -
pdf预览空白问题解决。第一次预览正常,再重新打开就空白的问题。是因为cmaps没有更新
第一个`PDF`的接口加载了电子签章的字体,但是当我点击第二个`PDF`时,就出现预览空白,原因是因为它沿用了前面`PDF`的`cmaps`文件。后面我发现用这些预览时,其实都是用的是同一个组件。所以,就应该销毁`PDF`预览组件,让其第二次打开时,重新构建,不依赖之前的缓存即可。最终添加了一行很简单的代码来解决了。原创 2024-04-09 18:15:48 · 1783 阅读 · 1 评论 -
elementUI的表单错误项在加载页面后自动标红并提示+自动定位到表单项的实现
所以需要分两步做,先来判断是否有异常项,因为后端返回的数据是树状结构,会有多层级,我需要遍历递归数组的每一个节点对象是否有。的方法了,这里的问题就在于可能会有多个标红字段,那么只需要自动定位到第一个就行。弹框,询问用户是否需要自动定位,如果需要,则自动定位到第一处异常的表单控件这。表单控件,所以第一件事就是去该表单的文档页查看是否有加载页面就校验的方法。2、弹出框提示,询问用户是否自动定位到异常处,如果选择是,则自动滑动页面。属性给的,只要该属性的值不是"",就会自动显示红色的框。原创 2024-02-07 17:22:21 · 1797 阅读 · 0 评论 -
【帮解决bug系列】vue在elementUI的el-table下添加嵌套行时,出现影子行的问题解决
vue不会出错,你给他什么数据,他就展示什么数据,所以写vue的关键,就是要弄清楚数据的流向,看看最终渲染的数据是什么。因为代码不是自己写的,有时候真是排查2小时,解决bug只需要10分钟。如果你在web前端开发、面试、前端学习路线有困难可以加我V:imqdcnn。免费答疑,行业深潜多年的技术牛人帮你解决bug。加我微信可提供web前端开发,网站开发、技术咨询、答疑、直播讲座等服务祝你能成为一名优秀的WEB前端开发工程师!原创 2024-02-06 11:24:46 · 1063 阅读 · 0 评论 -
解决PDF预览时,电子签章、日期等不显示问题
那到底是哪里出了问题呢,我再一次考虑是不是因为日期字体等文件没有请求成功的问题。最终发现就是在加载日期字体时,出了问题(没有报错,但是无法预览)。免费答疑,行业深潜多年的技术牛人帮你解决bug。找到PDF引用cmaps的文件,将public去除,重新打包即可在开发和生产环境正常看到电子签章了。继续排查,发现通过接口下载下来的接口是有日期的,这个侧面也证明数据是没问题的。,但是依然没有显示,问题是浏览器控制台也没有报错。根据网上搜索,排查,我先看看,对比正确的路径,发现原来是多了public路径原创 2023-11-23 17:36:07 · 4299 阅读 · 0 评论