- 博客(59)
- 收藏
- 关注
原创 uniapp使用u-collapse的优化策略
uview 版本 1.8.4uniapp 打包成Android场景折叠面板的内容是从服务器端获取的分页数据,数据加载回来时需要重新计算collapse-body高度//优化前代码//组件<u-collapse-item @change="handleCollapseChange"></u-collapse-item>//collapse change事件handleCollapseChange() { this.getData()}//获取数据请求getD
2022-05-26 15:59:06
3124
4
转载 微信内置浏览器搞事情之调试模式
2022-05-07 更新,后续看到的,不用再试了,最新版本的微信客户端已经限制了这个做法。需要用3.0以下的微信客户端才可以。查看内置浏览器版本随便搭建一个web服务器,随便一个页面写上1 2 5 看到这个 --resources-dir-path 后面的路径,就是等下需要用到的。2. 下载devtools_resources.pak 由于版本的区别,需要下载对应版本的devtools_resources.pak(底部有下载链接)。然后将devtools_resources.
2022-05-07 17:21:41
2590
1
原创 关于移动端滚动列表,不发起请求刷新列表的解决思路
前言最近在做一个移动端项目,项目中包含了滚动列表,点击列表项进入详情修改信息,或修改状态,会造成列表项信息改变,或者会从列表中移除,一直在想一个比较好的方案来处理列表信息的更新,试了记录下滚动条的位置,结果不太理想最终采用的方案使用vuex,记录当前项的index,id以及相关参数,从详情页返回列表页时比对当前项的状态是否改变,改变则使用splice方法从列表数据中移除该条数据;未改变则将对应的详情修改成调整后的值。这样列表不用重新请求数据,也能实现静态刷新。弊端:如果存在多人同时操作同一条数据,因
2022-05-07 11:15:01
316
1
原创 antd vue table ellipsis属性不生效
//ellipsis: true不生效代码 <a-tooltip slot="status" slot-scope="text" placement="top" :title="text" :arrow-point-at-center="true" > <div>{{ text }}</div> </a-tooltip>//将div改
2022-04-27 17:23:12
4028
1
转载 关于mixin使用总结
Mixin概述混入(mixin)提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项Mixins特点方法和参数在各组件中不共享值为对象的选项,如methods,components等,选项会被合并,键冲突的组件会覆盖混入对象的值为函数的选项,如created,mounted等,就会被合并调用,混合对象里的钩子函数在组件里的钩子函数之前调用与vuex的区别vuex:用来做状态管理的
2022-04-27 15:46:47
235
原创 利用vscode调试vue代码
利用vscode调试代码,实测非常好用注意:现在只支持vue2.x。1.配置launch.json{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ {
2022-04-07 17:08:17
2731
5
原创 关于uniapp设置背景色的相关疑问
page { background-color: red; height: 100vh;}这样设置在模拟器上背景是铺满了的,但是打包后背景颜色未铺满。经过排查后,我采用另一种方式替换//content是根节点.content{ background-color: red; height: 100vh;}这样打包就没问题了,但不知道造成的原因是什么?有知道的小伙伴能在万能的评论区留言回答下吗?感谢!感谢!...
2022-03-29 14:40:06
273
原创 如何安装tailwindcss
步骤一:确定好自己要安装的版本,是否使用像 React 或 Vue 这样的 JavaScript 框架?本文以 tailwindcss 2.2.16 版本和 Vue 3.0.4为例步骤二:安装tailwindcssnpm i tailwindcss@2.2.16 -D //注意版本不能错,直接安装是3.0.15创建postcss.config.js与tailwind.config.js文件npx tailwind init -p步骤三:在main.js中引入import "tail
2022-03-16 15:48:35
683
原创 如何绘制0.5像素的边框
方法一直接设置border: 0.5px solid #ccc;优点:代码简单缺点:不兼容Android方法二border: 1px solid #ccc;transform: scale(0.5);优点:代码简单缺点:Android上显示效果差方法三 /* 盒子 */ .box { position: relative; width: 300px; height: 20
2022-03-15 16:53:12
4349
原创 关于uniapp打包H5后,点击index.html,显示空白页面且找不到chunk-vendors.js的问题
直接说解决方案修改下manifest.json ——> h5配置 ——> 运行的基础路径为:./ 即可
2022-03-11 15:13:50
2708
转载 跨域请求怎么携带cookie
前端$.ajax({url : ‘http://remote.domain.com/corsrequest’,data : data,dataType: ‘json’,type : ‘POST’,xhrFields: {withCredentials: true},crossDomain: true,contentType: “application/json”,})通过设置 withCredentials: true ,发送Ajax时,Request header中便会带上 Coo
2022-03-03 15:57:05
1046
原创 JS关于将时间转换成时间戳
1. new Date().getTime() //精确到毫秒2. new Date().valueOf() //精确到毫秒3. Date.parse(new Date()) //只能精确到秒,毫秒用000替代,注意:获取到的时间戳除以1000就可获得Unix时间戳,就可传值给后台得到。
2022-01-26 16:46:17
1859
原创 uni.chooseLocation使用心得
1.使用uni.chooseLocation时,地图加载但附近地址列表不加载问题未配置正确的sha1值,需配置正确的sha1值(与应用的sha1值一致)查看地址:https://dev.dcloud.net.cn/与应用的sha1一致1.使用uni.chooseLocation时,地图不加载且附近地址列表不加载问题未配置正确的appkey值,需配置正确的appkey值...
2022-01-17 13:49:10
5133
3
原创 再也不想挤地铁上班了
说起挤地铁,想起都是脑壳痛,每天一早就到地铁站,人山人海,挤得不要不要的,有时候,你站在比较靠近门的位置,有些人下地铁的时候,全是情绪,非常粗鲁的推搡,非常不舒服。像在成都地铁一号线,每天早上地铁里人都是摩肩接踵,非常的拥挤,连抬手都非常的不便。每天朝霞出门,车厢外一片漆黑,每次从地铁站出来都感觉柳暗花明又一村,如获新生。渐渐地,我越来越不想坐地铁上班,考虑纠结再三,我就准备买个电动车,我到上班的地方不到十公里,路上拥堵情况一般,红绿灯比较少(此前骑自行车踩过点,了解过路上的情况),车况也不复杂,路面的平
2021-11-08 14:38:57
241
原创 css实现滚动贴合效果
直接分享代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&
2021-11-05 15:05:24
496
1
原创 vue 生产环境配置多个域名
在项目中使用的是axios来发送请求需求:后台项目接口有多个域名,前端如何解决?解决方案:一、前端处理:1.前端创建多个axios示例,每个示例配置不同的baseURL。2.二、后端处理:1.配置nginx转发...
2021-09-28 13:46:11
1185
原创 关于使用uview自定义tabbar问题记录
问题描述:1.tabbar的项可重复点击,想实现点击当前项时,不触发重新跳转。在uniapp中的自定义tabbar,是以组件形式引入各个页面,每个页面的tabbar都是独立的,没有统一的状态来管理tabbar是否执行重新跳转。问题找到了,使用vuex来记录当前tabbar处于页面的下标,加以判断即可实现项重复点击问题。...
2021-09-22 14:22:24
3367
原创 vendor.js过大,导致首次加载白屏时间很长
原因分析:由于vendor体积较大,下载时间长,造成首屏加载缓慢可以从以下方面减少整个包的体积:1.npm install --save-dev compression-webpack-plugin,开启gzip压缩2.productionSourceMap 设置为false3.在index.html界面CDN引入4.vue-router 路由懒加载...
2021-09-06 15:07:44
1060
原创 vue 打包后部署项目后访问报Uncaught SyntaxError: Unexpected token < 错误
vue 本地调试没有问题打包上线后,线上的某个页面打开空白,报以下错误Uncaught SyntaxError: Unexpected token检查原因后发现:js,css文件请求返回都是html,这个原因是因为服务端配置了try_files $uri $uri/ /index.html也就是这些资源都没找到,是访问路径引起的...
2021-07-30 14:52:43
1254
2
原创 关于html中的time标签
问题描述在uniapp中,自定义了一个time组件,通过import引入,components中注册,在html中使用该组件,发现没有效果,检查元素发现,有个time标签,html本身就有time标签,所以导致自定义组件未生效。解决方案避免使用html同名标签即可看我可爱的女朋友面子上,点个赞吧!...
2021-07-22 14:52:57
588
原创 关于openLocation无法唤起内置地图问题
问题描述所有需要的配置都配置好了,但无法打开内置地图,ios端解决方案ios端的经度与纬度需要用parseFloat转换一下 wx.openLocation({ latitude: parseFloat(params.latitude || 0), longitude: parseFloat(params.longitude || 0), name: params.name, //位置名 address: params.address, //地址的详细说明
2021-07-16 15:25:40
1768
原创 wangEditor光标乱跳问题
问题描述在使用wangEditor时,输入内容,按enter切换下一行时,光标切过去,又自动跳回来。造成问题原因是因为封装了组件后,使用父级传入的内容,每次输入都会触发wangEditor的onchange事件,而在onchange事件中又使用了子传父的方式将修改后的值赋给父组件,父组件的值改变后导致子组件wangEditor的值也被修改,所以出现光标总是跳转到最后。此时,并发的还有另外一个问题就是,撤销和恢复点击后无效。解决方案在子组件watch监听父组件传入的值时,加入判断,目的是输入时内容是
2021-07-16 10:58:49
2308
7
原创 npm install 报错 cb() never called!
这个问题是十分恼人,网上查了半天资料都没有解决情况描述我使用的nvm来管理不同的node版本,使用npm i 安装项目依赖时,npm抛出错误 cb() never called!网上的资料:1、经典四连击(1) npm cache clean -f(2) npm install -g n(一般出错后再执行3)(3) npm install -g n --force(4) npm stable然后再 npm install安装2、删除package-lock.json再安装(建议先备份)
2021-07-15 16:18:33
751
1
原创 关于使用antd vue 表单组件的validateFields的注意点
this.form.validateFields({ force: true }, (err, values) => {//此处出现错误,不会被浏览器捕获(不会在控制台抛错),会导致出错代码后的正常代码无法正常执 行});
2021-07-02 10:23:53
5484
2
原创 上传图片时,文件流name属性与type属性类型不一致,引起的问题
如下图:name是为.jpg, type 为 png上传时后台报错如下(后台为django)OSError at /person/portraits/cannot write mode RGBA as JPEG解决办法:name属性 改为 .jpg即可。如下图:
2021-06-08 15:57:03
338
原创 关于nvm use无效问题
use之前你得确保:1.电脑没有自己去安装的node,有则卸载删除2.C:\Program Files\nodejs 已删除若完成上述操作,应该是能正确use的
2021-06-03 14:04:37
2720
原创 VsCode ctrl + s 保存代码时,代码一直闪动,且没有编译
问题描述:VsCode ctrl + s 保存代码时,代码一直闪动,且没有编译,但离开当前代码页后,问题消失,重复上述操作,问题依然出现问题猜测:插件冲突问题解决:禁用了该插件,问题解决
2021-06-01 10:37:11
1997
原创 关于@ant-design-vue/pro-layout 1.0.7 SettingDrawerr 隐藏alert与button
直接贴配置图 settings: { // 布局类型 layout: defaultSettings.layout, // 'sidemenu', 'topmenu' // CONTENT_WIDTH_TYPE contentWidth: defaultSettings.layout === 'sidemenu' ? CONTENT_WIDTH_TYPE.Fluid : defaultSettings.contentWi
2021-05-21 15:16:17
1686
原创 Warning: getFieldDecorator will override value
使用antd vue表单组件时,出现如下警告,具体以上Warning: `getFieldDecorator` will override `value`, so please don't set `value and v-model` directly and use `setFieldsValue` to set it.警告的意思是::' getFieldDecorator '将覆盖' value ',所以请不要直接设置' value and v-model ',而使用' setFieldsVa
2021-05-07 10:35:19
9837
3
原创 vue-cli 4.5.1启动时报错‘Cannot find module ‘vue-loader-v16/package.json‘
vue-cli 4.5.1启动时报错‘Cannot find module 'vue-loader-v16/package.json'错误如下:解决方案:先 npm un vue-loader-v16后 npm ivue-loader-v16问题解决如果帮助到您的话,可以给我点个赞吗?谢啦
2021-04-26 21:23:38
249
原创 解决vscode修改代码时,自动编译问题
问题描述:在vscode中,将vue项目run起来之后,一修改代码,立即就会重新编译问题解决:原因是因为设置了vscode的自动保存功能,取消即可。如图:文件 >> 自动保存如果帮助到您的话,可以给我点个赞吗?谢啦...
2021-04-26 11:20:29
8577
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人