forEach filter some map every 的区别
摘要：forEach 遍历数组，不会改变原数组，没有返回值 ； filter 过滤数组 相同点：都不改变原数组，都是数组的实例方法 ；
阅读全文
posted @ 2022-10-16 18:57
随笔分类 - 前端 / 直接使用
一些功能写好的代码 复制直接使用 减少工作时间
js的宏任务和微任务有哪些，是怎么执行的 ？
摘要：事件循环有宏任务和微任务； 宏任务所处的队列就是宏任务队列，队列可以有多个，第一个队列只有一个任务就是执行主线程的js代码，剩余队列任务有setTimeout setInterval ；微任务所处的队列就是微任务队列，只能有一个队列，有process.nextTick() promise.then(
阅读全文
posted @ 2022-10-16 18:53
文章的评论 和 评论的恢复组件
摘要：封装请求接口 ： get 提交的query数据放在params里面（或者放在url?后面） /** * 文章评论 * 功能1： 获取文章的评论 * 》 type a 评论类型，a-对文章(article)的评论，c-对评论(comment)的回复 * > source 文章 id 源id，文章id或
阅读全文
posted @ 2022-10-16 18:47
markdown.css 设置文章的样式
摘要：返回的详情文章内容是标签加内容文字，使用 markdown,css 渲染样式 ： .markdown-body .octicon { display: inline-block; fill: currentColor; vertical-align: text-bottom; } .markdown
阅读全文
posted @ 2022-10-16 15:39
点赞，取消点赞组件
摘要：<template> <div class="collect-container"> <van-loading v-if="isLoading" type="spinner" color="#1989fa"></van-loading> <van-icon v-else :color="attitu
阅读全文
posted @ 2022-10-16 15:33
收藏，取消收藏文章组件
摘要：组件 ：collectArticle <template> <div class="collect-container"> <van-loading v-if="isLoading" type="spinner" color="#1989fa"></van-loading> <van-icon v-
阅读全文
posted @ 2022-10-16 15:17
解决 -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
输入文字的完善
摘要：// 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号