WKaiSeoi-CSDN博客

原创定时器或监听事件重复叠加执行

进入页面的时候要执行getData()，用户停留在当前页面时每3分钟执行一次getData()，如果用户离开当前页面，离开当前浏览器的标签页或者离开浏览器就停止倒计时不请求数据，用户重新回来当前页面又请求一次并且停留当前页面就每3分钟请求一次。

2023-06-19 18:01:02 857

原创键盘回车事件全局报错

这段代码用在A.vue页面，在A.vue页面使用正常，在其他页面触发键盘回车就会触发A.vue文件的回车事件，我不知道这是为什么，然后我换了触发方式就解决了。

2023-05-23 15:00:44 721

原创引用同一个对象做修改时候的bug

图1是全部字典配置，图2是删掉了两项。在图2路由点击到图1路由的时候图1的表单和全部科这两个选择器也不见了。：因为两个路由都引用了同一个js文件的同一个对象，当修改了其中一个另外一个也会收影响。如图这是我封装的搜索组件，搜索的条件由字典配置决定。

2023-05-20 16:01:19 712

原创 el-dialog弹窗bug

按钮关闭弹窗一切都正常，但是在点击关闭图标关闭弹窗的时候就报错了，报错的意思是说不能对prop的参数进行直接修改。一开始想不明白我明明就是通过emit去通知父组件修改的，怎么还报错呢？：因为做后台管理系统的时候很多地方都用到了弹窗，所以对el-dialog进行二次封装来实现代码复用。：监听弹窗，当状态变化时使用emit通知父组件。，这里是直接修改了状态的。

2023-05-19 18:54:55 247

需求：每个项目都只有一个页面，不可能每个页面都配一套脚手架开始，冲冲冲！！！项目目录文件： page1、page2、page3都是独立不相干的，需要独立编译各文件配置package.json"scripts": { "serve-page1": "vue-cli-service serve --mode page1", "build-page1": "vue-cli-service build --mode page1", "serve-page2": "vue-cli-

2022-02-28 16:57:09 1068

原创地理经纬度定位

这是获取客户端经纬度的方法（需要获得用户授权同意）<p id="text">这是地理定位</p> <script> var location=document.getElementById("text"); getLocation() function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosit

2021-12-28 10:52:36 520

原创父路由调用子路由的方法

今天做的需要之一是，根据客户选项变化，获取数据，如果子路由自己调用方法就吐血了（因为20多个页面都要重新写一份调用代码）但是父级路由可以写一份代码就能控制20多个子路由的方法，省了很多Ctrl+C，Ctrl+v !!!子路由自己调用（这样的代码要copy20多份）watch: { // 监听client变化重新发请求 '$store.state.client'(newVal,oldVal) { // 子路由里的方法 this.seach()

2021-10-19 18:33:22 670

原创 css除第一个元素外的元素

要给元素加左边框，但是第一个不加写法一：ul { display: flex; justify-content: flex-end; align-items: center; height: 53px; li { a { display: inline-block; padding: 0 15px; color: #cdcdcd; line-height: 1; // 全部

2021-09-22 17:29:22 438

原创后端接收不到前端传的id值

int值包在对象里传到后端为nullaxios默认请求头是 Cont-Type:aapplication/json;charset=utf-8。当请求头为Content-Type: application/x-www-form-urlencoded 的时候，参数传对象并且对象里面有int值时就会出现传到后端的int为null。这时候需要使用qs插件解决。qs的使用方法qs.parse()：把URL解析成对象qs.stringify()：把对象序列化成URL，并以&进行拼接下载npm i

2021-08-24 10:28:09 1526

原创收集js代码片段

1、all谓语函数对集合中的所有元素返回true，则返回true，否则返回falseconst all = (arr,fn = Boolean) => arr.every(fn);all([4,2,3],x => x > 1); // trueall([1,2,3]); // true2、allEqual检测数组的所有元素是否相等const allEqual = all => arr.every(val => val === arr[0]);allEqual(

2021-07-22 15:42:06 340

原创基于 vite 创建 vue 3.x 项目

一、项目初始化1、npm init vite-app 项目名称2、cd 项目名称文件夹3、npm install4、npm run dev运行项目，复制地址打开

2021-07-15 16:42:01 118

原创 ts-node编译

ts代码需要运行起来，我们需要先运行 tsc xx.ts文件，编译出xx.js文件，然后再运行node xx.js但是下载ts-node插件npm i ts-node -g可以直接运行,装好之后运行ts-node xx.ts,结果报错了解决：安装 npm install --save @types/node再运行ts-node xx.ts就没问题了...

2021-07-04 14:13:24 1267

原创运行ts报错无法加载文件

首次编译ts文件，终端报错：无法加载文件，此系统禁止运行脚本1.安装npm install -g typescript2.查看版本tsc -vVersion 4.3.4 安装成功3.创建ts文件index.ts，tsc index.ts编译报错4.解决方法1，不理想以管理员身份，打开powershell set-ExecutionPolicy RemoteSigned选择Y，或者A都行，报错5.解决方法2，完美解决 Set-ExecutionPolicy -Scope Cu

2021-06-18 18:28:57 1740

原创使用sass编译报错：dev:mp-weixin: `cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni

挺久没有创建项目了，今天创建项目引入sass编译的时候居然报错了dev:mp-weixin: `cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni导致这个问题的原因可能是：node-sass和sass-loader的版本不相符合重新下包就可以了，如下版本绝对是没有问题的npm i [email protected] [email protected]下包成功，重新编译奇迹再现最后，希望这边文章能

2021-04-21 16:59:58 7610 2

原创阿里云oss初使用

体验oss的乐趣第一次通过华为云oss预览图片，今天把经验分享给初学者，希望能帮助到你。一、通过链接开通华为云oss,去开通oss1、没有注册登录的，页面会提醒注册登录；2、然后勾选协议立即开通二、创建Bucket，创建途径：控制台/对象存储/Bucket 列表三、下载图形化管理工具四、打开图形化管理工具，登录1、AccessKeyId和AccessKeySecret在华为云账号右上角头像的AccessKey管理获取五、最后进入这个Bucket就可以上传图片，获取地址预览了...

2021-03-16 12:51:33 670

原创网格布局，div自适应

div自适应屏幕今天写页面出现出行内容在pc端正常排列，而在移动端就会排不下，如图所示如图下图在移动端字体排不下那这个时候“秃然”想起来之前看过网格布局，是试了一下，没想到轻松解决！话不多说，贴图（图一是用了网格布局的pc端布局，图二是用了网格布局的移动端布局）...

2021-02-23 18:44:21 528

原创 vue项目打包到服务器报错net::ERR_ABORTED 404 (Not Found)

解决关于vue项目打包后上传到服务器，访问页面报错net::ERR_ABORTED 404 (Not Found)当访问页面时出现以下报错该如何解决？首先需要创建文件然后复制以下代码到vue.config.jsmodule.exports = { publicPath: "./"}现在build上传就可以正常访问了...

2021-02-19 18:57:09 9561

原创 B站联调回传数据

B站联调js方式其实很简单，整体分三步走。1、首先叫运营同事在B站后台配置：链接+?track_id=TRACKID如：https://pconl.test.top/test?track_id=TRACKID2、在页面标签之间引入js代码：<script src="https://s1.hdslb.com/bfs/cm/cm-sdk/static/js/track-collect.js"></script>3、最后在需要提交数据联调的地方加代码即可window.bilic

2021-02-03 17:39:43 1234 1

原创浏览器时间与电脑系统时间不一致

浏览器时间与电脑系统时间不一致如图，今天时间是2021/1/28，但是浏览器打印出来的时间是昨天27号这个时候我尝试了清理缓存、恢复浏览器默认设置、重新下载浏览器都是不管用，那么管用的方法来了；如图先打开电脑日期与时间设置，先设置任意时区这时候浏览器时间有变化了，然后再设置把时区设置回北京时区，最后浏览器的时间就正常了...

2021-01-28 14:18:18 16590 8

原创 jq实时监听input内容

html<input type="text" id="phone" placeholder="大侠请留号">$("#phone").bind("input propertychange",function(event){ console.log("hello world"); console.log($("#phone").val());});

2021-01-21 18:02:01 401

原创鼠标悬停出现二维码动画放大，url转二维码

鼠标悬停出现二维码动画放大，url转二维码效果首先引入jq和qrcode.js<script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script> <script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min

2021-01-17 15:45:16 478

原创 git tag 打版本号

git tag 打版本号打版本号，打tag，打标签：1.查看标签：git tag2.创建标签：git tag 标签名如：git tag v1.1.0 或： git tag -a v1.1.0 -m ‘备注’3.推送标签：git push origin --tags 或： git push origin v1.1.04.查看标签的版本信息：git show 标签名如：git show v1.1.05.补打标签：git tag -a v1.1.0 9fbc3d06.删除本地标签：

2020-11-13 18:09:25 618

原创 js省略小数点后为0的数

js省略小数点后为0的数，处理商品价格let num = 23.03let num2 = 23.00let num3 = 2.00let num4 = 26.405let num5 = 26.40console.log(parseFloat(num.toFixed(2))); // 23.03console.log(parseFloat(num2.toFixed(2))); // 23console.log(parseFloat(num3.toFixed(2))); // 2con

2020-11-13 17:50:48 1706

weixin_48321061的博客