预览项目中所有文章中图片
摘要：
注意：不要在赋值之后（列表渲染）读取操作节点，因为异步的数据获取需要时间，节点来不及渲染到页面就去读取，是读取不到的 - 朱龙旭看世界 - 博客园 (cnblogs.com) 阅读全文
posted @ 2022-10-14 17:27 流浪のwolf 阅读(16) 评论(0) 推荐(0) 编辑
数组 findIndex 方法去重
摘要：
思路：先使用 findIndex 找到重复元素的下标，然后使用 splice 方法删除 ； 阅读全文
posted @ 2022-10-14 14:14 流浪のwolf 阅读(18) 评论(0) 推荐(0) 编辑
VM Ware 安装mac OS xxx 系统
摘要：
1. unlock 文件破解Vm Ware 默认不能安装苹果系统 ：https://drive.google.com/file/d/1_AUeYh5JYltqjnuztQh-5UTomAIVBcLZ/view?usp=sharing 运行 win-install.cmd 文件 ； 2. 编辑VMX文 阅读全文
posted @ 2022-10-14 09:11 流浪のwolf 阅读(28) 评论(0) 推荐(0) 编辑
vant2 List 组件 下拉加载 onLoad
摘要：
ps：loading finished onLoad 两个变量一个函数 ； async onLoad() { console.log("onload"); // 异步更新数据 // setTimeout 仅做示例，真实场景中一般为 ajax 请求 // 加载状态结束 this.page += 1; 阅读全文
posted @ 2022-10-13 19:30 流浪のwolf 阅读(32) 评论(0) 推荐(0) 编辑
回车搜索和点击建议搜索复用一个函数
摘要：
标签里面的事件（子组件传参emit） 优先级大于methods的事件方法 ； ps：取消奥按钮：@cancel="$router.go(-1)" 子组件传参： @click="$emit('search', item)" 回车请求数据 ： @search="onSearch(keywords)" ； 阅读全文
posted @ 2022-10-13 17:24 流浪のwolf 阅读(22) 评论(0) 推荐(0) 编辑
watch 监视搜索关键词的变化不断发送请求返回建议
摘要：
watch: { keywords: { // yarn add lodash 下载lodash包 // import { debounce } from "lodash"; 引入防抖的函数 // 每隔700ms执行一次handler函数（在keywords变化的情况下，频繁触发的事件） handl 阅读全文
posted @ 2022-10-13 16:54 流浪のwolf 阅读(16) 评论(0) 推荐(0) 编辑
搜索显示建议内容时显示具体搜索内容高亮
摘要：
<span v-html="hightLight(item)"></span> 思路：匹配出搜索的关键词然后替换为高亮的标签 ； hightLight(str) { // 搜索高亮 const reg = new RegExp(this.keywords, "gi"); console.log(re 阅读全文
posted @ 2022-10-13 15:57 流浪のwolf 阅读(12) 评论(0) 推荐(0) 编辑
搜索历史、建议、结果的显示逻辑
摘要：
<template> <div id="searchVue"> <form action="/"> <van-search v-model="keywords" show-action background="#4694fa" placeholder="请输入搜索关键词" @search="onSe 阅读全文
posted @ 2022-10-13 11:52 流浪のwolf 阅读(28) 评论(0) 推荐(0) 编辑
封装setItem 和 getItem 本地存储
摘要：
store.js 文件 按需导出setItem 和 getItem 函数 ；在utils文件里面 ； export const setItem = (key, value) => { // 复杂数据需要序列化 if (typeof value "object") { localStorage.set 阅读全文
posted @ 2022-10-11 15:40 流浪のwolf 阅读(61) 评论(0) 推荐(0) 编辑