不懂就问系列
关注
分享
扫一扫
不懂就问系列
新津之虎--曹达华
软饭硬吃--曹达华，家有娇妻陈娜一枚。分享实战代码，如有不足欢迎指正
展开
-
vue 实现切换主题色（低配版）
vue一键切换主题色（低配版）原创 2022-11-01 17:15:12 · 1076 阅读 · 0 评论 -
外部H5端使用支付宝预授权
外部H5端使用支付宝预授权原创 2022-08-15 17:37:42 · 1999 阅读 · 0 评论 -
Vue2.x动态添加路由实现
vue动态路由，addRoutes，router.addRoutes原创 2022-06-23 15:42:27 · 1584 阅读 · 0 评论 -
JSSIP踩坑记
JSSIP的使用原创 2022-06-16 17:02:03 · 2392 阅读 · 8 评论 -
手写一个new
手写一个new原创 2022-05-31 15:04:51 · 109 阅读 · 0 评论 -
关于移动端滚动列表，不发起请求刷新列表的解决思路
前言最近在做一个移动端项目，项目中包含了滚动列表，点击列表项进入详情修改信息，或修改状态，会造成列表项信息改变，或者会从列表中移除，一直在想一个比较好的方案来处理列表信息的更新，试了记录下滚动条的位置，结果不太理想最终采用的方案使用vuex，记录当前项的index，id以及相关参数，从详情页返回列表页时比对当前项的状态是否改变，改变则使用splice方法从列表数据中移除该条数据；未改变则将对应的详情修改成调整后的值。这样列表不用重新请求数据，也能实现静态刷新。弊端：如果存在多人同时操作同一条数据，因原创 2022-05-07 11:15:01 · 354 阅读 · 1 评论 -
关于mixin使用总结
Mixin概述混入(mixin)提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项Mixins特点方法和参数在各组件中不共享值为对象的选项，如methods,components等，选项会被合并，键冲突的组件会覆盖混入对象的值为函数的选项，如created,mounted等，就会被合并调用，混合对象里的钩子函数在组件里的钩子函数之前调用与vuex的区别vuex：用来做状态管理的转载 2022-04-27 15:46:47 · 255 阅读 · 0 评论 -
利用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 · 2776 阅读 · 5 评论 -
关于uniapp设置背景色的相关疑问
page { background-color: red; height: 100vh;}这样设置在模拟器上背景是铺满了的，但是打包后背景颜色未铺满。经过排查后，我采用另一种方式替换//content是根节点.content{ background-color: red; height: 100vh;}这样打包就没问题了，但不知道造成的原因是什么？有知道的小伙伴能在万能的评论区留言回答下吗？感谢！感谢！...原创 2022-03-29 14:40:06 · 313 阅读 · 0 评论 -
JS关于将时间转换成时间戳
1. new Date().getTime() //精确到毫秒2. new Date().valueOf() //精确到毫秒3. Date.parse(new Date()) //只能精确到秒，毫秒用000替代，注意：获取到的时间戳除以1000就可获得Unix时间戳，就可传值给后台得到。原创 2022-01-26 16:46:17 · 1887 阅读 · 0 评论 -
如何安装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 · 732 阅读 · 0 评论 -
如何绘制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 · 4411 阅读 · 0 评论 -
关于uniapp打包H5后，点击index.html，显示空白页面且找不到chunk-vendors.js的问题
直接说解决方案修改下manifest.json ——> h5配置 ——> 运行的基础路径为：./ 即可原创 2022-03-11 15:13:50 · 2794 阅读 · 0 评论 -
跨域请求怎么携带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 · 1080 阅读 · 0 评论 -
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 · 534 阅读 · 1 评论 -
vue 生产环境配置多个域名
在项目中使用的是axios来发送请求需求：后台项目接口有多个域名，前端如何解决？解决方案：一、前端处理：1.前端创建多个axios示例，每个示例配置不同的baseURL。2.二、后端处理：1.配置nginx转发...原创 2021-09-28 13:46:11 · 1223 阅读 · 0 评论 -
关于使用uview自定义tabbar问题记录
问题描述：1.tabbar的项可重复点击，想实现点击当前项时，不触发重新跳转。在uniapp中的自定义tabbar，是以组件形式引入各个页面，每个页面的tabbar都是独立的，没有统一的状态来管理tabbar是否执行重新跳转。问题找到了，使用vuex来记录当前tabbar处于页面的下标，加以判断即可实现项重复点击问题。...原创 2021-09-22 14:22:24 · 3447 阅读 · 0 评论 -
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 · 1096 阅读 · 0 评论 -
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 · 1286 阅读 · 2 评论 -
关于html中的time标签
问题描述在uniapp中，自定义了一个time组件，通过import引入，components中注册，在html中使用该组件，发现没有效果，检查元素发现，有个time标签，html本身就有time标签，所以导致自定义组件未生效。解决方案避免使用html同名标签即可看我可爱的女朋友面子上，点个赞吧！...原创 2021-07-22 14:52:57 · 616 阅读 · 0 评论 -
wangEditor光标乱跳问题
问题描述在使用wangEditor时，输入内容，按enter切换下一行时，光标切过去，又自动跳回来。造成问题原因是因为封装了组件后，使用父级传入的内容，每次输入都会触发wangEditor的onchange事件，而在onchange事件中又使用了子传父的方式将修改后的值赋给父组件，父组件的值改变后导致子组件wangEditor的值也被修改，所以出现光标总是跳转到最后。此时，并发的还有另外一个问题就是，撤销和恢复点击后无效。解决方案在子组件watch监听父组件传入的值时，加入判断，目的是输入时内容是原创 2021-07-16 10:58:49 · 2396 阅读 · 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 · 808 阅读 · 1 评论 -
关于使用antd vue 表单组件的validateFields的注意点
this.form.validateFields({ force: true }, (err, values) => {//此处出现错误，不会被浏览器捕获（不会在控制台抛错），会导致出错代码后的正常代码无法正常执 行});原创 2021-07-02 10:23:53 · 5554 阅读 · 2 评论 -
自定义校验表单
依赖包vue 2.xant design vue 1.75原创 2021-06-16 14:35:26 · 257 阅读 · 0 评论 -
上传图片时，文件流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 · 367 阅读 · 0 评论 -
关于nvm use无效问题
use之前你得确保：1.电脑没有自己去安装的node，有则卸载删除2.C:\Program Files\nodejs 已删除若完成上述操作，应该是能正确use的原创 2021-06-03 14:04:37 · 2758 阅读 · 0 评论 -
VsCode ctrl + s 保存代码时，代码一直闪动，且没有编译
问题描述：VsCode ctrl + s 保存代码时，代码一直闪动，且没有编译，但离开当前代码页后，问题消失，重复上述操作，问题依然出现问题猜测：插件冲突问题解决：禁用了该插件，问题解决原创 2021-06-01 10:37:11 · 2056 阅读 · 0 评论 -
关于@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 · 1736 阅读 · 0 评论 -
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 · 264 阅读 · 0 评论