- 博客(16)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 数组填充【fill】使用的坑
使用上述方法进行数据处理时，始终发现数据不正确。通过排除发现无论是push 任何数据进入数组的任何一项都会得到，数组每一项都是相同的结果。从而判定使用fill方法填充非基础类型数据时是使用的引用数据类型。
2023-02-13 10:40:10
218
原创 vite 运行项目报错 ‘axios/index.js‘ does not provide anexport named ‘default‘
vite 运行项目报错 'axios/index.js' does not provide anexport named 'default'
2023-01-31 16:17:29
5839
原创 vue通过数据流实现文件下载
需求后台管理系统需要导出当前条件下的数据为.xls文件前置条件后台通过数据流的形式返回文件实现1、配置请求头axios({ responseType: 'blob',//配置数据类型 headers: { 'Content-Type': 'application/json' }, url:'', data,})2、数据转换axios({ responseType: 'blob',//配置数据类型 headers: {
2020-08-20 14:32:19
1486
1
原创 自定义微信小程序tabBar，兼容iPhone异形全面屏
需求开发微信商城会员中心，tabBar有首页及用户中心，当用户没有登录时点击页面任意位置均弹出登录窗口。但是自带的微信tabBar无法被弹出的遮罩层覆盖，从而可以在两个tab之间切换。解决自己手动写一个类型tabB组件 下载地址功能说明1、高度还原原生微信小程序tabBar同等功能；2、通过组件生命周期attached函数调用wx.getSystemInfo()成功回调参数中的model用于判断当前设备是否为iPhone，进而获取设备的宽高，计算宽高比，当宽高比大于1.78则判断设备为异性全面屏
2020-07-24 14:03:35
1699
原创 微信小程序弹出对话框组件，可设置type拉取用户信息
简介该弹出对话框可通过设置按钮的type值拉取用户授权弹框，从而后去用户的基本信息或手机号码等。下载组件下载—>点击免费下载文档说明<dialog hidden="{{dialog.show}}" title="{{dialog.title}}" content="{{dialog.content}}" btnArr="{{dialog.btnArr}}" bind:click="{{dialog.eventFn}}"></dialog>hid
2020-07-21 17:37:07
712
2
原创 微信小程序步骤条，第一步和最后一步水平居中
需求：微信小程序中实现水平步骤条问题：无论是微信原生或者是Vant步骤条均没有实现第一步和最后一步文字居中vant步骤条样式实现1、自己手动撸步骤条插件—>下载地址2、在微信json文件内引入组件"usingComponents": { "step-list":"组件路径/step/step" }3、wxml内<step-list stepArr="{{stepArr}}" active='2'></step-list>4、wxjs内d
2020-07-21 16:53:01
1251
原创 a标签实现文件、图片下载和打开新窗口
a标签实现文件、图片下载a标签实现文件或图片下载只需要设置 download="" 属性即可，该属性的值可以为空，如果设置值，则该值就将是文件下载的默认名字。<a herf="文件或图片路径" download="值可以不填，如果填上就是文件的默认名字" >文件下载</a>注意：a标签实现文件下载需要在根页面，如果嵌套在iframe内是无效的！a标签实现打开新窗口a标签实现打开新窗口只需设置 target="view_window" 属性即可<a herf="需要
2020-05-22 09:26:55
3569
1
原创 echarts常用样式设置
图表颜色：color:['#fff"],//数组类型，如果数据条数大于颜色个数，则颜色会循环复用，柱状图默认取第一个标题：title: { show:true,//是否显示 x: 'left', // 水平安放位置，默认为左对齐，可选为：'center' ¦ 'left' ¦ 'right'¦ {number}（x坐标，单位px） y: 'top',// 垂直安放位置，默认为全图顶端，可选为：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位
2020-05-13 14:50:50
1160
原创 使用mapBox浏览器报错：This page appears to be missing CSS declarations for Mapbox GL JS(缺少MapboxGL JS的CSS声明）
问题：使用mapBox地图时，浏览器抛出警告：This page appears to be missing CSS declarations for Mapbox GL JS；解决方案：在该页面head标签内加入如下代码：<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.3.0/mapbox-gl.css' rel='st...
2020-04-13 15:50:20
1225
原创 前端使用Nuxt框架，配置本地https访问
需求：因部分API需要https才能实现，所以需要配置本地开发环境的https访问；步骤：1、生成本地使用的https证书；2、在nuxt.config.js中引入证书；第一步：在cmd窗口下1、下载证书生成库npm install -g mkcert2、创建证书颁发机构mkcert create-ca创建成功后如图所示3、创建证书mkcert create-cert创...
2020-04-01 09:34:30
7908
9
原创 vue扫描二维码
需求：利用vue实现二维码扫描；插件：QRCodeReader；注意：需要在https协议下才可以调用相机，实现扫码。<template> <div> <p class="error">{{ error }}</p><!--错误信息--> <p class="decode-result...
2020-03-31 17:02:17
7209
25
原创 根据两个经纬度信息计算出两点的直线距离
已知两地经纬度坐标，计算两地的直线距离//纬度1，经度1，纬度2，经度2GetDistance( lat1, lng1, lat2, lng2){ var radLat1 = lat1*Math.PI / 180.0; var radLat2 = lat2*Math.PI / 180.0; var a = radLat1 - radLat2...
2020-03-26 09:14:05
838
原创 vue中使用mapBox绘制圆形范围
需求：根据给定经纬度坐标绘制给定半径的圆形区域。代码：<template> <div> <div id="map"></div> </div></template><script type="text/ecmascript-6"> //npm install ...
2020-03-24 10:54:23
3597
4
原创 vue的孙组件获取祖组件数据的方法
项目中遇到一个问题，使用第三方插件的组件库会导致自己封装的组件库无法通过this.$parent.data获取父组件的数据（严格意义上讲这个父组件应该是祖级组件）在无意尝试中发现使用在孙组件里使用this.$parent.$parent.data即可获取到祖级数据。<template> <div id='detail'> <!-- 第三方框架封装的组件 ...
2020-03-24 10:38:43
3333
3
原创 vue实现mapBox地图的使用及通过H5获取位置信息并回显至mapBox地图中
/* 1、下载mapbox npm install --save mapbox-gl 或 cnpm install --save mapbox-gl 2、修改语言为中文 2.1、下载语言包cnpm install --save mapbox-gl 2.2、安装语言包 cnpm install --save mapbox-gl @mapbox/mapbox-gl-...
2020-03-20 11:41:21
1602
原创 在3D制作正方形时，将动画效果的opacity值设置小于1时，正方体崩塌为一个面的原因解析
在使用CSS3.0制作3D正方体时，将底层div的opacity值设置为小于1时。或是在@keyframes中将opacity设置为小于1时。正方体塌陷为2D的平面体。如下图为正常显示的正方体3D图形，其中opacity值为1正常显示的正方体https://img-blog.csdnimg.cn/20190322185036751.png?x-oss-process=image/waterma...
2019-03-22 19:20:00
523
1
微信小程序底部tab-bar组件，高度还原微信原生tabBar功能及样式，且兼容iPhone异形全面屏
2020-07-24
npm开发组件库如何让用户自定义主题？
2022-01-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人