chicidol - 博客园

2024年7月

摘要： //vue.config.js const fs = require('fs'); module.exports = { ... configureWebpack: config => { let mergeConfig = { plugins: [ function () { this.hooks 阅读全文

posted @ 2024-07-12 17:26 chicidol 阅读(1) 评论(0) 推荐(0)

选择手机区号功能

摘要： //groupBy根据某个属性或条件将数组中的元素分组 import {groupBy} from "lodash-es"; //兼容低版本 import '@formatjs/intl-displaynames/polyfill' import '@formatjs/intl-displaynam 阅读全文

posted @ 2024-07-12 11:11 chicidol 阅读(1) 评论(0) 推荐(0)

字符串、数组方法整理

摘要： !!双重否定，bool类型，将空，0，undefined等返回为false，有值的返回为true ?.判断是否有某个属性，有的话继续走，没有的话返回undefined，不会报错 +可以把字符串转为数字，如+'123' 转为123 parseFloat()、Number() 也可以将字符串转为数字 . 阅读全文

posted @ 2024-07-11 16:59 chicidol 阅读(2) 评论(0) 推荐(0)

2024年5月

url自动换行，但是英文单词不断开

摘要： word-break: keep-all; /* 防止英文单词断开 */ overflow-wrap: break-word; /* 允许在单词内部换行，仅在必要时 */ white-space: normal; /* 允许普通换行 */ 阅读全文

posted @ 2024-05-13 14:15 chicidol 阅读(59) 评论(0) 推荐(0)

EventBus，$emit执行一次，$on却执行多次

摘要：方案1：用$off清除监听方案2：如果是父子组件就用$emit，不要用EventBus 阅读全文

posted @ 2024-05-10 16:43 chicidol 阅读(157) 评论(0) 推荐(0)

2024年3月

多个产品展示一行可左右滑动，产品曝光事件触发

摘要： //productSensor.js export default { data() { return { imgIndexList: [], }; }, methods: { debounce (fn, delay) { let timer; return function (...args) { 阅读全文

posted @ 2024-03-29 17:20 chicidol 阅读(2) 评论(0) 推荐(0)

歌词跟随播放进度高亮显示，高亮部分一直在页面中间位置，歌词可拖动

摘要： //歌词组件LyricsDisplay.vue <template> <div class="lyric-container" ref="lyricsList" :class="{ noLyric: !lyrics.length }"> <div v-for="(line, index) in ly 阅读全文

posted @ 2024-03-29 14:10 chicidol 阅读(122) 评论(0) 推荐(0)

Uint8Array.from和TextDecoder兼容低浏览器

摘要： const decodedData = decodeURIComponent(data) const inputString = atob(decodedData);1、Uint8Array.from兼容低浏览器 const decryptedBytes = Uint8Array.from(inpu 阅读全文

posted @ 2024-03-23 15:38 chicidol 阅读(2) 评论(0) 推荐(0)

等两个异步请求结束之后再请求接口

摘要： import request from '@/utils/request.js' import { headerEncrypt, paramEncrypt } from '@/utils/bridge.js' async function EncryptProcess(obj1, obj2) { l 阅读全文

posted @ 2024-03-23 15:21 chicidol 阅读(72) 评论(0) 推荐(0)

在子组件监听父组件传的值，会出现监听不到的情况

摘要：原因：父组件引入子组件，用了v-if控制子组件的显示，导致无法监听解决：用v-show 阅读全文

posted @ 2024-03-12 15:58 chicidol 阅读(301) 评论(0) 推荐(0)

公告