这段时间遇到一个需求,从后端获取到很多人的名字需要横向滚动轮播这些名字, 就像商铺门口的电子横幅一样查了很多的插件也没有找到自己想要的感觉于是准备自己写一个通用的组件创建一个my-marquee.vue文件<template><div class="wrap"><div ref="box" class="box"><div ref="marquee" cl

创建一个hooks文件保存进去就行import { ref, onMounted, onBeforeMount } from 'vue'export function useWindowScroll () {const x = ref(0)const y = ref(0)const onScroll = () => {x.value = document.documentElement.sc

修改hosts文件打开访达按住command+shift+g搜索/private/etc/hosts然后修改hosts文件把你想要的域名设置成localhosts一样的ip修改完成后终端输入sudo vim /etc/hosts查看hosts文件设置好了后可以ping一个这个域名 测试一下通不通如果通的话项目启动后原本localhost:8080/的地址可以在浏览器中替换为你配置的域名:8080/

想要一个原生可以进行拖拽可以使用HTML5的一个属性draggable='true'<div class="widget" draggable='true'>pie</div>加上了后这个元素就开启了拖拽然后在需要放置的元素上注册一个@drop='函数'来接收拖拽的元素但是你会发现元素拖拽上去了也没有生效这是因为还需要阻止一个默认事件@dragover="e=>e.p

引入组件import WzsAudio from '@/components/WZS-Audio/WZS-Audio.vue'components: {WzsAudio},使用方式<WzsAudio :music="Url" :autoplay="false" </WzsAudio>组件js文件复制即可文件名WZS-Audio<template><view cl

点击使用这个项目来修改vue-bootstrap是基于boostrap封装的库里面基本内容就和原版一样 查看文档只要记住了几个重要的指令就可以完成简单的响应式网站一般在pc端的屏幕宽度肯定大与768h5端小于476所以在响应式布局的时候会定义2个参数一个是md一个是cols行 : b-row列 : b-col总共为12份//意思pc端屏幕在大于768的时候使用的md占一行//在h5的端屏幕小于57

但是刚刚接触微前端可以了解一下微前端的基础使用qiankun微前端框架已经很成熟也是基于singleSpa来实现的。

【代码】microapp微前端基础使用。

在做地图的时候绘制圆形地块发现背景色不透明rgba也无效研究了很久发现十六进制的颜色后两位可以控制透明色官方写的是AA(不透明)circles: [{latitude: 31.15775526258681, //纬度longitude: 121.4210634114583, //经度fillColor: '#9db0de6A ',radius: 1000,

在子页面传输数据给父页面的时候需要用到 uni.$emit()然后在父页面的onShow中使用uni.$on('函数名称', (res) => {})去接收那个函数的值但是会发现子传父只触发了一次但是onShow中的uni.$on执行了多次这是因为没有清除监听需要在合适的地方(函数结束的地方)uni.$off('函数名称')去清除这个监听即可...