自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 vue无缝滚动

无缝滚动

2023-02-24 15:33:56 157

原创 vue中混入(mixin)的使用

混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。

2023-02-24 15:31:00 353

原创 文档流图片的请求、预览、下载

图片的请求、预览、下载。

2022-07-25 16:27:50 233

原创 shp文件解析

npm i shpjs 下载const shapefile = require("shapefile"); 引入fileLoad(event) { const that = this; const selectedFile = event.file; const name = selectedFile.name; const size = selectedFile.size; console.log("文件名:" + name + "大小:

2022-04-22 10:01:34 889

原创 watch监听

1.监听(userName为变化后的值,oldName为变化前的值)<input type="text" v-model="userName"/> //监听 当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}2.第一次不会监听,immediate为true时监听<input type="text" v-model="data

2022-04-01 20:13:05 141

原创 聚焦/动态ref取值

DIV获取焦点(两种方法):  需添加tabindex="0"或者contenteditable="true"属性  1:设置div为可编辑状态,则可点击获取焦点,同时div的内容也是可以编辑的;如:  <div contenteditable="true">123123</div>  2:设置div的tabindex,此时div的内容是不可编辑的;如:  <div tabindex="0">2312</div>设置tabindex属性,按.

2022-03-31 23:01:45 832

原创 CSS样式调整

button按钮button { outline: none; //去掉点击后的蓝色边框}

2022-03-19 17:22:11 718

原创 Vue设置动态样式

<div class="background-jianbian" :style="{ width: scrollerHeight(item.jianWidth),background: item.topsColor,}" ></div><div class="link" :style="styleVar(item)"></div> methods: { scrollerHeight(width) { return .

2022-03-08 09:38:48 1234

原创 vue实现word,pdf,xlsx文件下载

导出word文档axios.get(`url`, { //url: 接口地址 responseType: `arraybuffer` //一定要写}).then(res => { if(res.status == 200){ const blob = new Blob([res.data], { type: `application/msword`, //word文档为msword,pdf文档为pdf,msexcel 为excel

2022-03-02 12:07:45 2198

原创 async和await (promise的使用)

await后面接一个会return new promise的函数并执行它 await只能放在async函数里使用acync 和 await 获取成功的结果function handler(){ return new Promise((resolve, reject)=>{ let sino = parseInt(Math.random() * 6 +1) setTimeout(()=>{ resolve(sino)

2022-02-25 15:02:11 1293

原创 CSS中Media(媒体查询器)的用法

参数了解: width = device-width:宽度等于当前设备的宽度 initial-scale:初始的缩放比例(默认设置为1.0) minimum-scale:允许用户缩放到的最小比例(默认设置为1.0) maximum-scale:允许用户缩放到的最大比例(默认设置为1.0) user-scalable:用户是否可以手动缩放(默认设置为no,因为我们不希望用户放大缩小页面 width:浏览器可视宽度。 height:浏览器可视高度

2022-02-25 11:33:22 418

原创 IP地址,多个IP地址的正则匹配

/^(((25[0-5]|2[0-4]\d|1?\d?\d)\.){3}(25[0-5]|2[0-4]\d|1?\d?\d)[,$]?)+$/

2022-02-24 14:36:17 1016

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除