前端vue项目国际化方案(批量处理代码中文+文案回显) VUE国际化解决方案一般基于vue-i18n这样的基础库来做key和多国语文案之间的映射转换开发过程中需要维护key和文案之间的映射关系,手动配置开发效率低,还需要考虑重复key等导致的各种问题同时,配置key后,最好将key对应中文展示在代码中,方便查看因此使用插件:Du I18N:用于批量将代码中的中文替换为变量(https://github.com/ctq123/du-i18n)i18n Ally:回显变量对应文案 (https://github.com/lokalise/i18n-all
git revert和git reset,慎用git revert 提交了错误的代码,或者合入了错误的分支,想要撤销提交还原代码,用git reset即可。git revert会产生一个新的提交,会保留原始提交的历史记录。这就意味着,如果后面需要再次合入曾经错误部分代码时,是合不进去的。不要用git revert。不会保留错误的提交记录。记之前踩到的一个坑。
js 初始化特定长度的数组并赋值,解决new Array().fill()浅拷贝的问题 这样创建的数组,其中每个元素都指向同一个数组(也就是说,如果你修改其中一个数组,所有数组都会被修改)。这是因为在 JavaScript中,对象(包括数组)是通过引用传递的。因此当我们传入一个引用类型时,数组中每一项都是对同一个对象的引用。这意味着如果你修改了一个元素,所有的元素都会受到影响(浅拷贝)。参考:https://www.jb51.net/javascript/29807466d.htm 得知。测试中发现,如果修改了数组其中一个值,其他的值也会跟着变化。
echarts 折线图柱状图增加点击事件 上方的隐藏折线是按钮在坐标轴之外,获取到的option.xAxis[0].data[xIndex]为空,也可以通过判断规避。单折线图,可以直接监听click事件(只有点击到折线才会触发)但很多时候,我们是要求点击折线图任意位置触发点击事件。用这个方法可以获取到点击位置的具体数据。而且要注意隐藏折线的操作按钮。
IOS端报错:SecurityError: Blocked a frame with origin “null“ from accessing a cross-origin frame. Protoc SecurityError: Blocked a frame with origin "null" from accessing a cross-origin frame. Protocols, domains, and ports must match.
uniapp移动端 IOS系统下无法与webview通信 我的页面嵌套了一个webview(文件位于项目的hybrif/html)目录下。连接真机,打印evalJS是个方法,但就是调了没用,整个人都不好了。在安卓里运行是没问题的,但在苹果手机上一直无法通信。使用evalJS与webview进行通信。不知道有没有人遇到过这个问题。
reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create 不能理解的报错,本来以为是引入的H5库里有个navigator.userAgent 取不到导致的报错。又把引入H5的整个页面在pages.json中注释掉,依然报错。把它放开,保存,突然就不报错了。结果打印并没有走到那个方法里去。
Failed to load module script: Expected a JavaScript module script but the server responded with a MI 引入一个html报这个错,救命到底是为什么啊啊啊啊啊啊啊卡了好久了。
uniapp项目运行报错:npx browserslist@latest --update-db 按网上的处理,HBuilderX/plugins/uniapp-cli下删除node_modules。然后npm install(挂梯子也报错了,后采用cnpm install)考虑到只有一个项目出现这种问题,应该是那一个项目的代码那里出错了。补充/* eslint-disable */只有一个项目运行报这个错,莫名其妙。春节归来突然报错,节前都好好的。
elementUI table表格组件最右列被遮挡不出现滚动条 在table上加个样式:el-table–scrollable-x。不知道为什么明明设置了列宽,却没有出现滚动条。有时候会出现这个问题,应该是组件bug。
Merge remote-tracking branch ‘remotes/origin/develop‘ into develop-modify 然后使用【推送】,推送到仓库后,看到的命令是Merge remote-tracking branch。这两天使用小乌龟照常合并代码,遇到了Merge remote-tracking。操作【合并】,拉下代码没有冲突。
uniapp开发移动端遇到的问题记录 然后我写了一个测试demo,里面没有设置"softinputMode": “adjustResiz”,也没有加form部分的position:absolute的样式,页面并不会往上谈起。接上,解决完页面不抖动的问题后,发现进入页面后返回到登录页,两次获取到的windowHeight高度不同。我的键盘没有遮盖到输入框,但手机键盘弹起后,form部分会整体上移一点,并且底部的操作也会弹到键盘上方。看了网上的解答说放onReady,加setTimeout,试了都不行。键盘弹出后,页面高度产生了变化,页面就会晃。
uniapp windows下苹果ios端打包安装测试记录 普通用户申请的测试证书只有7天有效期,要长期的证书就得花99刀购买(上架是必须要证书的)需要两个文件,iOS证书(.p12)和描述文件(.mobileprovision)测试阶段使用开发证书,开发证书官网的申请步骤比较麻烦,并且需要在苹果电脑上操作。IOS的测试包也不难,先记录测试包的打包过程,正式发布的包等做到那一步再更新。回到Hbuilder页面,将两个文件分别导入,即可打包出ios安装包。1、先从Hbuilder的ios打包页面开始看,需要证书。,直接在这个应用上申请苹果证书,简单快捷。
uniapp+vue3使用pinia,安卓端报错白屏 报错太不详细了,但可以看出是关于useStore,最开始我以为是pinia引入的问题。后面挨着排查代码,发现是在接口封装里引入的store导致的报错。把它放到方法定义里即可解决。
项目运行报错:error:0308010C:digital envelope routines::unsupported 第二步:如果依然报错,在终端中运行set NODE_OPTIONS=–openssl-legacy-provider。第一步:在运行命令中补充set NODE_OPTIONS=–openssl-legacy-provider &node版本升到18之后,运行老项目报错。运行命令:npm run dev。