- 博客(59)
- 收藏
- 关注
RSS订阅原创 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关注的人