首页 > 其他分享 >兼容性复制功能/自定义mock数据/通用hook

兼容性复制功能/自定义mock数据/通用hook

时间:2023-12-13 15:12:25浏览次数:24  
标签:const 自定义 textArea currentYear hook currentDay currentDate document mock

*****自定义mock

const resourceList = computed(() =>
  Array.from({ length: 20 }, (_, index) => index).map((v, i) => {
    return 
       {
          id: i,
          joinList: Array.from({ length: i }, (_, index1) => index1).map(
            (v, index2) => `我真的想吃烧烤${index2}`
          ),
        } 
  })
);

*****通用复制功能

export const copyToClipboard = async (textToCopy) => {
  try {
    await navigator.clipboard.writeText(textToCopy);
    return Promise.resolve();
  } catch (err) {
    // 如果浏览器不支持Clipboard API,使用document.execCommand('copy')作为备选方案
    const textArea = document.createElement("textarea");
    textArea.value = textToCopy;
    document.body.appendChild(textArea);
    textArea.select();
    document.execCommand("copy");
    document.body.removeChild(textArea);
    return Promise.resolve();
  }
};

使用

const handleCopy = async ( ) => {  
  copyToClipboard(`
  我真的想吃烧烤: \n
  hhhhh
  `)
    .then(() => {
      Message.success(`复制成功`);
    })
    .catch((error) => {
      console.error("复制到剪贴板时出错:", error);
    });
};

当前时间
export const currentTime = () => {
  const currentDate = new Date();
  const currentYear = currentDate.getFullYear();
  const currentMonth = currentDate.getMonth() + 1; // 月份是从0开始的,所以要加1
  const currentDay = currentDate.getDate();
  const currentHour = currentDate.getHours();
  const currentMinute = currentDate.getMinutes();
  const currentSecond = currentDate.getSeconds();
  // 年月日时分秒
  const allTime = `${currentYear}-${currentMonth}-${currentDay} ${currentHour}:${currentMinute}:${currentSecond}`;
  const onlyToDay = `${currentYear}-${currentMonth}-${currentDay}`;
  const onlyToSecond = `${currentHour}:${currentMinute}:${currentSecond}`;
  return {
    currentYear,
    currentMonth,
    currentDay,
    currentHour,
    currentMinute,
    currentSecond,
    allTime,
    onlyToDay,
    onlyToSecond,
  };
};


标签:const,自定义,textArea,currentYear,hook,currentDay,currentDate,document,mock
From: https://www.cnblogs.com/hjk1124/p/17899042.html

相关文章

  • jquery.validate 如何自定义验证规则
    $.validator.addMethod("isPassword",function(value,element){varreg=/^(?=.*\d)(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{6,20}$/;returnreg.test(value);},"密码中必须包含含数字、字母、特殊符号");   $('#for......
  • 自定义单选框
    意义:Android使用RadioGroup内只能用RadioButton,不满足需求中的单选布局要求。步骤:使用CheckBox,结合checkSign和默认全部否定设置,判断checkSign来设置那个checkBox为true来实现效果。 privatevoidupdateChoseBox(){cboxDes.setChecked(false);c......
  • 纯CSS实现可自定义间距虚线边框
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><style>.border-wrapper{position:relative;margin:100pxau......
  • react_hooks系列 useCallback,高阶函数memo
    react_hooks的useCallback,高阶函数memo一、概念和作用1、memo高阶函数:memo解决的是函数式组件的无效渲染问题,当函数式组件重新渲染时,会先判断数据是否发生了变化。相当于类组件的PureComponent(默认提供ShouldComponentUpdate)2、useCallback:1)、useCallback会返回一个函数的memoiz......
  • vue3自定义组件全局注入
    /***自定义组件全局注入*@paramappvue实例*/import{defineAsyncComponent}from"vue";exportdefaultfunction(app){//收集@/components所有.vue组件constcomponents=import.meta.glob('@/components/*/*.vue');for(let[key,value......
  • 使用C++和QT实现Log自定义日志系统
    MyLog说明使用QT的qInstallMessageHandler函数结合qDebug,qInfo实现自定义的日志系统输出日志到文件和控制台自动检测日志文件大小自动更新日志文件修改日期自动备份自动删除一个月前的日志文件支持多线程程序支持扩展,可输出日志到数据库,网络,或服务器支持扩展,可使用co......
  • React Hooks 钩子特性
    人在身处逆境时,适应环境的能力实在惊人。人可以忍受不幸,也可以战胜不幸,因为人有着惊人的潜力,只要立志发挥它,就一定能渡过难关。Hooks是React16.8的新增特性。它可以让你在不编写class组件的情况下使用state以及其他的React特性。ReactHooks表现形式是以use开头......
  • 【flink番外篇】3、fflink的source(内置、mysql、kafka、redis、clickhouse)介绍及示例(2
    Flink系列文章一、Flink专栏Flink专栏系统介绍某一知识点,并辅以具体的示例进行说明。1、Flink部署系列本部分介绍Flink的部署、配置相关基础内容。2、Flink基础系列本部分介绍Flink的基础部分,比如术语、架构、编程模型、编程指南、基本的datastreamapi用法、四大基......
  • 搭建自定义导航网站
    免费版地址https://www.iotheme.cn/store/webstack.html付费版购买地址https://www.iotheme.cn/store/onenav.htmlWebstack项目地址:https://github.com/HCLonely/hexo-theme-webstack其他主题推荐TwoNav主题:https://github.com/tznb1/TwoNav一、安装宝塔面板宝塔官网:https......
  • 【HarmonyOS】Web组件使用setResponseIsReady+setResponseData实现异步自定义响应数据
    【问题描述】在web组件的自定义响应数据方法如下:Web().onInterceptRequest((event)=>{…})如果需要在callbak中如果使用Promise等获取异步信息,并读取该如何操作 【解决方案】通过setResponseIsReady+setResponseData的方式控制数据返回,先设置setResponseIsReady为fal......