关于自定义事件父子组件传值问题 $event
摘要：1.$event 是 vue 提供的特殊变量，用来表示原生的事件参数对象 event 1.1在原生事件中，$event是事件对象 可以点出来属性 2.在原生事件中，$event是事件对象，在自定义事件中，$event是传递过来的数据（参数） 2.1在自定义事件中，$event是传递过来的数据 $ev
阅读全文
posted @ 2022-10-16 11:12
随笔分类 - 前端
解决 -Code 安装似乎损坏。请重新安装
摘要：问题： 1. 安装插件 fix VSCode Checksums 2. ctrl+shift+P打开命令面板 3. 输入 Fix Checksums: Apply 4. 重新启动VSCode
阅读全文
posted @ 2022-10-15 16:20
我的开发思路总结
摘要：1. 每个组件的样式使用less scoped 虽然可以隔绝每隔组件样式之间的影响，但是增加了优先级的复杂度 ；
阅读全文
posted @ 2022-10-14 20:05
数组 findIndex 方法去重
摘要：思路：先使用 findIndex 找到重复元素的下标，然后使用 splice 方法删除 ；
阅读全文
posted @ 2022-10-14 14:14
vant2 List 组件 下拉加载 onLoad
摘要：ps：loading finished onLoad 两个变量一个函数 ； async onLoad() { console.log("onload"); // 异步更新数据 // setTimeout 仅做示例，真实场景中一般为 ajax 请求 // 加载状态结束 this.page += 1;
阅读全文
posted @ 2022-10-13 19:30
回车搜索和点击建议搜索复用一个函数
摘要：标签里面的事件（子组件传参emit） 优先级大于methods的事件方法 ； ps：取消奥按钮：@cancel="$router.go(-1)" 子组件传参： @click="$emit('search', item)" 回车请求数据 ： @search="onSearch(keywords)" ；
阅读全文
posted @ 2022-10-13 17:24
watch 监视搜索关键词的变化不断发送请求返回建议
摘要：watch: { keywords: { // yarn add lodash 下载lodash包 // import { debounce } from "lodash"; 引入防抖的函数 // 每隔700ms执行一次handler函数（在keywords变化的情况下，频繁触发的事件） handl
阅读全文
posted @ 2022-10-13 16:54
搜索显示建议内容时显示具体搜索内容高亮
摘要：<span v-html="hightLight(item)"></span> 思路：匹配出搜索的关键词然后替换为高亮的标签 ； hightLight(str) { // 搜索高亮 const reg = new RegExp(this.keywords, "gi"); console.log(re
阅读全文
posted @ 2022-10-13 15:57
搜索历史、建议、结果的显示逻辑
摘要：<template> <div id="searchVue"> <form action="/"> <van-search v-model="keywords" show-action background="#4694fa" placeholder="请输入搜索关键词" @search="onSe
阅读全文
posted @ 2022-10-13 11:52
基于腾讯云短信接口和nodejs服务器实现手机号验证码
摘要：知识储备：js基础、nodejs基础、ajax基础； 1. 手机验证码原理 表单提交，把手机号码传送到后端；后端拿到手机号码后根据相关算法随机形成一个验证码，并将其保存在数据库；用户拿到验证码后将验证码填写完毕提交后，这时候前端会将用户填写的验证码跟数据库中的验证码进行校验，如果数据相同，则登录成功
阅读全文
posted @ 2022-09-01 15:21
输入文字的完善
摘要：// 3.文本域字数不得超过限制 获取输入框 const textarea = document.querySelector('.comm-input textarea') // 3.1中文起始量 为false let isChinese = false textarea.addEventListe
阅读全文
posted @ 2022-08-18 20:44
如何使用echarts
摘要：官网：https://echarts.apache.org/handbook/zh/get-started/ a 下载js文件并引入 b 初始化实例对象 echarts.init(获取盒子对象) 关联容器 ； c 设置配置项 复制修改 d 应用配置项 setOption(option) 相当于重新渲
阅读全文
posted @ 2022-08-18 06:57
倒计时
摘要：1. 基本框架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport"
阅读全文
posted @ 2022-07-20 20:20
直接使用的代码公式 时分秒转换 正则验证
摘要：1. 时分秒转换 d = parseInt(总秒数 / 60 / 60 / 24) // 计算天数 h = parseInt((总秒数 / 60 / 60) % 24) // 计算小时 m = parseInt((总秒数 / 60) % 60) // 计算分数 s = parseInt(总秒数 %
阅读全文
posted @ 2022-07-20 10:00
求随机数
摘要：PS:可以用parseInt() 替代下面代码的Math.floor() /** * 生成 min - max 的随机数 * @param {*} min 小数 * @param {*} max 大数 * @returns 满足条件的任意数 */ function getRandom (min =
阅读全文
posted @ 2022-07-19 09:46
输入框输入中文显示字数问题解决
摘要：问题：输入中文时 如xin 新 会显示字数：1 2 3 1 这不是我们想要的 在输入xin 新 时 应该是 1 不能把 xin 计算进去 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv
阅读全文
posted @ 2022-07-18 12:44
浙公网安备 33010602011771号