Web 技术 vue

hxy-music部署方式

前端用的是vue3+element+axiso 后端用的网易云接口,引用该博主提供的程序https://neteasecloudmusicapi.vercel.app/#/一.linux下载node1.下载从官网获得最新版本下载链接,使用wget命令下载压缩包。​​​wge...
Web js 技术

echarts柱状图一整条柱状图都显示tooltip

图的配置tooltip: { trigger: 'axis', formatter: '{b1}: {c1}%', axisPointer: { type: 'none' }, }
Web js 技术

手写各种数组方法

let a = [1, 2, 3];// 手写mapArray.prototype.myMap = function (fn) { let arr = this; let res = []; for (let i = 0; i < arr.le...
Web js 技术

一个挂载在数组原型上的累加函数,返回值为整数

Array.prototype.add = function () { let res = this.reduce((prev, cur) => { return prev + cur; }, 0); return Number...
Web 技术 vue

vue挂载全局方法和过滤器 ,自定义指令

main.js文件里过滤器import commonFilter from './assets/js/filter/commonFilter'; // 公共filter Object.keys(commonFilter).forEach(key => Vue.filt...
Web 技术 vue

$emit传入的事件名称只能使用小写,不能使用大写的驼峰规则命名

官网解释不同于组件和 prop,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子,如果触发一个 camelCase 名字的事件:this.$emit('myEvent')则监听这个名字的 kebab-case 版本是不会有任何...
Web 技术 vue

用vue-cli4来封装一个自己的ui库

一、组件库是基于vue-cli框架的的,用vue-cli创建项目vue create hxy-ui 二、修改目录,以及重新修改配置文件。1、很多的开源组件库的源码,都喜欢用packages目录存放组件,examples目录用来展示组件。所以在这个项目内,将src目录改为ex...
Web 技术

iframe里面开启全屏allowfullscreen="true"

 iframe里开启全屏需要allowfullscreen属性为true(webkitallowfullscreen和mozallowfullscreen)浏览器兼容
Web 技术

给一个div添加竖直滚动条

在需要使用滚动条的div外面套一层div(固定宽高)<div class="test"> <div> </div> </div> .test{ height: 400px; widt...