- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue路由缓存问题，上线后点击菜单没刷新，还是原来的页面
需要注意的是，要在菜单相关的二级路由加，不能在app.vue一级路由加，否则会出现菜单页面抖动的问题。给菜单相关的二级路由增加唯一标识。
2023-08-18 10:40:26
322
原创 前端使用xlsx导入本地excel文件兼容问题，数据格式处理问题
解决方法如下，Fetch对低版本浏览器有兼容问题，改为axios解决问题，代码如下。刚开始，百度了一下网上都得一些解决方法，说是需要对这些数据格式进行转换。其实不用那么麻烦，xlsx插件就有属性将日期保存为日期格式。日期格式识别错误，识别的时间不对，识别成了格林威治时间。时间格式识别错误，导入后识别成了几位数字。搜索options，找到。，点击进去查看属性，设置。
2023-01-13 16:55:13
912
原创 移动端设置页面内容animation css3动画,IOS 手机上下滑动导致页面层级错乱问题
解决方案如下：ios 设置translate3d 属性会将动画渲染到最上面一层，从而导致层级错乱，在低层设置transform: translate3d(0, 0, 0);高层设置transform: translate3d(0, 0, 2px);设置translate3d动画在ios上导致层级错乱问题，设置了z-index为999也不行。这样子低层设置了动画就不会跑到高层上面显示。
2023-01-13 16:23:19
774
原创 ts 使用sass变量提示在string上不存在这个属性
ts 使用sass变量提示在string上不存在这个属性**解决办法：定义声明模块variables.scss.d.ts，如下图：这样就解决了问题如果配置了全局的sass变量，还会引发一个问题，提示This file is already being loaded.解决办法：删除variables.scss.d.ts文件和variables.scss中的导出代码，和新建一个导出sass变量的scss文件(export.scss)和对应的声明文件(export.scss.d.ts)，expor
2022-02-18 15:17:02
3193
原创 vue3 找不到模块、有关node类型的变量ts错误提示找不到，如找不到名称 “process“，
vue3 有些模块、有关node类型的变量ts错误提示找不到，如找不到名称 “process”，1.1 ts 错误提示：找不到名称 “process”。是否需要为节点安装类型定义? 请尝试使用 npm i --save-dev @types/node解决办法：如上面的方法，安装@types/node开发依赖1.2 如果是在js中引入图片或者文件提示找不到，则需要在模块声明处声明, 如果项目自定义模块，则需要在tsconfig.json文件中设置模块路径import musicImg from ‘@/
2022-02-10 11:09:32
10662
原创 http-server本地启动服务访问vue打包后的代码
http-server本地启动服务访问vue打包后的代码1、全局安装http-servernpm install -g http-server或者 用yarnyarn global add http-server2、命令行或者git打开打包后的文件目录-P后面设置的是代理ip接口地址或者线上的域名接口地址，如果不设置代理接口的话，项目中使用的get接口会报404找不到的错误，如果是post接口会有跨域的问题输入 http-server -P http://10.44.137.145http-
2021-03-31 17:23:09
1417
原创 uniapp用cli脚手架创建项目报错 ERROR command failed: yarn
uniapp用cli脚手架创建项目报错 ERROR command failed: yarn根据Uniapp文档创建cli项目vue create -p dcloudio/uni-preset-vue my-project报错如下图：yarn不能使用https://registry.npm.taobao.org源,所以报出了该错误,yarn在安装完毕后会修改默认包使用方式为yarn,而vue提供的源yarn又不支持使用,所以报错解决方式：修改yarn下载源运行命令修改yarn源：yarn
2021-03-26 10:53:11
3427
原创 npm安装yarn找不到命令行识别不了yarn安装的全局包问题
这里写自定义目录标题npm安装yarn找不到命令行识别不了yarn安装的全局包问题npm安装yarn找不到命令行识别不了yarn安装的全局包问题npm install -g yarnyarn global add @vue/cli安装完之后命令行输入vue -V 识别不了解决办法：在系统变量Path,添加你本地的yarn全局安装的包的路径...
2021-03-15 15:23:51
6038
原创 vueCli4搭建的单页面应用IE10、安卓低版本打开页面空白问题
vueCli4搭建的单页面应用IE10、安卓低版本打开页面空白问题根据vuecli文档，IE下报错修改babel配置，解决上面的报错问题presets: [[’@vue/app’, {polyfills: [‘es.promise’,‘es.symbol’]}]]修改vue.config.js配置transpileDependencies添加上面的报错包vue-ele-upload-image根据上面的步骤，即可解决问题，需要提醒的是，网上百度去添加babel-polyfi
2021-03-11 09:18:41
403
原创 小程序编译携带参数二维码，获取二维码参数进行缓存，不影响原来逻辑
小程序编译携带参数二维码，获取二维码参数进行缓存，不影响原来逻辑最近要弄个需求，就是在原来小程序的基础上，加个携带参数的二维码，如果有二维码携带有参数，就走携带参数的逻辑，如果没有携带参数，就走原来的逻辑微信开发工具进行开发，先自定义编译规则1、在index首页onLoad的时候，判断是否携带有参数，如果有参数则用wx.setStorageSync进行缓存2、由于要保证原来的逻辑，微信小程序这边没有提供退出小程序触发的事件，只有onHide即切换到后台，隐藏小程序的事件，所以在app.js里面的
2021-01-20 12:05:47
592
1
原创 uniapp开发小程序，引入腾讯兔小巢插件，兔小巢页面导航头部样式错乱问题
uniapp开发小程序，引入腾讯兔小巢插件，导航头部样式错乱问题uniapp开发小程序，引入腾讯兔小巢插件，导航头部样式错乱问题uniapp开发微信小程序，所有页面头部导航都是自定义的，引入腾讯兔小巢插件，跳转到引入腾讯兔小巢页面导航头部样式错乱，显示不全，苹果手机刘海手机按钮被遮挡，图片如下：解决办法：1、将pages.json中定义的全局自定义导航属性删除，改成在每个页面定义2、在调用腾讯兔小巢的代码中加上is_navigation_style_custom: 1参数，告知插件当前是自
2020-11-26 17:10:08
1526
1
原创 vscode开发uniapp提示找不到uni名称，ts
vscode开发uniapp提示找不到uni名称，tsvscode开发uniapp提示找不到uni名称，ts解决方法如下，在项目里面安装uniapp语法提示插件，yarn add @types/uni-app -D 或者 npm i @types/uni-app -save-dev这样写代码有了提示，还可以解决vscode提示找不到uni名称问题...
2020-11-26 16:52:24
8555
4
原创 uniapp本地开发小程序代码超过2M，不能预览和真机调试解决办法
uniapp本地开发小程序代码超过2M，不能预览和真机调试解决办法参照官方文档uniapp官方文档做出了如下调整：看了一下项目是因为生成的公共代码过大，vendor.js有1M多，根据文档，开启了运行时压缩发现还是不行，后面发现是要改变运行方式，不能用之前的运行->运行到小程序模拟器来执行，否则不会生效改成终端的方式运行，运行->运行到终端，选择 dev:mp-weixin,然后在微信开发工具打开dev中的代码预览就好了...
2020-10-14 10:11:50
6325
1
原创 微信小程序手机预览报错，undefined is not an object 真机调试和开发工具都没有问题
小程序手机预览报错，undefined is not an object 真机调试和开发工具都没有问题项目： uniapp项目开发下程序，真机调试和开发工具都没有报错，真机预览报错如下，不能预览解决方式：通过代码排查，发现有2处地方影响，（1）uniapp在scss样式中使用条件编译影响了，要去掉条件编译，放.vue页面编写（2）使用iconfont图标，小程序手机预览不能显示出本地的图标，所以引入的时候需要通过网上链接来引入图标字体iconfont，使用网上链接方式引入，不然手机预览解析不了
2020-10-14 10:05:13
8925
原创 微信小程序报错 MiniProgramError {“errMsg“:“request:fail invalid url}
微信小程序报错 MiniProgramError {“errMsg”:"request:fail invalid url}微信小程序里面报错，后面检查了一下 是自己拼接链接的时候http签名多了一个空格 去掉就Ok了
2020-09-25 16:08:47
18086
3
原创 uniapp /deep/设置子组件样式 h5生效，小程序失效问题解决
uniapp /deep/设置子组件样式 h5生效，小程序失效问题解决本项目是用typescript搭建的uniapp项目，使用vue-property-decorator装饰器在父组件内设置子组件的样式 代码如下<style lang="scss" scoped>.device-panel { /deep/ .cc-icon { font-size: 70rpx !important; }}但是只在H5生效，在小程序失效，解决办法如下微信文档ht
2020-09-21 11:04:22
8864
2
原创 uniapp配置eslint、typescript-eslint
uniapp配置eslint、typescript-eslint安装eslintyarn add eslint eslint-plugin-vue vue-eslint-parser -Deslint-plugin-vue使用文档安装typscript相关插件必须保证tyscript和typescript-eslint/parser已经安装才能进行下一步@typescript-eslint/eslint-plugin的安装yarn add typescript @typescript-eslin
2020-09-15 11:46:05
1962
原创 vueCli4配置config.optimization.minimizer(‘terser‘)，去掉console.log、debugger、注释
vueCli4配置config.optimization.minimizer(‘terser’)，生产环境去掉console.log debugger```javascriptconst devFlag = process.env.NODE_ENV === 'development'chainWebpack: config => { config.when(!devFlag, config => { config.optimization.mini
2020-09-03 11:34:34
11480
原创 vue+ts使用$refs属性报错 Property ‘focus‘ does not exist on type ‘Vue | Element | Vue[] | Element[]‘.
vue+ts使用$refs属性报错 Property ‘focus’ does not exist on type ‘Vue | Element | Vue[] | Element[]’.项目是使用vue+typescript，代码如下：this.refs.mainInput.focus()报错Property′focus′doesnotexistontype′Vue∣Element∣Vue[]∣Element[]′.Property′focus′doesnotexistontype′Vue′.报错了
2020-09-01 11:04:42
4442
原创 “Window & typeof globalThis”上不存在属性“WebViewJavascriptBridge”
“Window & typeof globalThis”上不存在属性“WebViewJavascriptBridge”在typescript文件内使用在window.WebViewJavascriptBridge属性报错，提示“Window & typeof globalThis”上不存在属性“WebViewJavascriptBridge”解决方式如下：ts文件内声明一下windowdeclare const window: Window & { WebViewJavasc
2020-08-25 17:54:02
8080
原创 如何通过二维码即链接调试小程序？
如何通过二维码即链接调试小程序？如何通过二维码即链接调试小程序？如何通过二维码即链接调试小程序？微信开发者工具 ，点击普通编译右边箭头下拉，增加编译条件，输入参数信息或者上传二维码，最后选择自己的编译条件编译...
2020-08-05 16:19:53
750
原创 本地调用微信jssdk提示invalid signature/invalid url domain
本地调用微信jssdk提示invalid signature/invalid url domain本地调用微信jssdk提示invalid signature/invalid url domain本地调用微信jssdk提示invalid signature/invalid url domain1、invalid signatureurl是通过前端传递给后台签名的，需要encodeURIComponent(url)，后台那边需要decode一下url2、invalid url domain解决方法：
2020-06-15 14:32:50
1254
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人