- 博客(27)
- 资源 (4)
- 收藏
- 关注
原创 vue3.2+ts+element-plus 高德地图(@amap/amap-jsapi-loader)标记点,点击事件,查询
vue3.2+TS+element-plus高德地图查询,标记
2022-11-22 15:04:39
1006
1
原创 v-infinite-scroll无限滚动
组件el-dialog里直接使用elemenui的v-infinite-scroll,只在elementiu组件里生效
2022-07-12 17:40:27
1311
原创 递归的应用场景,适用于数组对象的多维和一维的转换
直接新建一个html放进去即可验证。一、因为后端返回的多维数组对象中一些key可能与UI框架封装的不对应,所以可能需要递归逐个去修改key值 <script> var data = [ { "id": 103, "guid": "025f4798-27f5-4dff-a881-0e06d3e0b73c", "name": "营销二组",
2021-08-19 16:02:04
94
原创 Ant Design React table表格点击行选中多选框
官方案例https://codesandbox.io/s/000vqw38rl?file=/index.js:1474-1479其实就是官方案例复制粘贴????关键代码 onRow={(record) => ({ onClick: () => { this.selectRow(record); }, })}// 分割线selectRow = (record) => { const selectedRowKeys = [
2021-08-18 09:22:12
1143
原创 vue pc端打印二维码
import Vue from "vue";let a = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAKoCAYAAACvNywJAAAABHNCSVQICAgIfAhkiAAAIABJREFUeF7svQmcZVdV73+6q7tr6Bq6q+fupDN15lETZEgkiIkSME4BgYeAQp78ow/Rv/8HweERnnwk8p5/RP+apwQUkI9IiCI8jRoQ0BDgETAkIWNn6KTn6qGqurrmqv6v7.
2021-07-12 19:25:22
119293
4
原创 获取地址栏的url
/** * @description 获取url值 * @param {*} 地址栏里想要获取的值 * @param {*} 如果没有默认返回值 * @returns */function getUrlString(name, emptyReplace) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1.
2021-06-07 18:38:15
379
原创 copy复制地址,适用所有框架
/** * @desc 复制地址 * @param {地址} url */ const copyUrl = (url) => { //创建一个Input标签 const cInput = document.createElement('input') cInput.value = url document.body.appendChild(cInput) cInput....
2021-05-20 11:48:18
1624
原创 React 基于Tab的两边小图中间主图的轮播图
产品拿了一个JQuery做的官网要我实现一个中间主图两边小图的需求,周五加班没搞完,周末宅了两天终于搞完了,是我太菜了惹,自闭哭泣......效果图,gif太大无法上传,就放一张静态图吧,暂时还有个缺陷是点击tab的时候,下一张图片没显示,但不想搞了,周一上班再说吧html <Tabs activeKey={this.state.tabIndex + ""} onChange={this.tabChange}.
2021-05-16 17:49:45
294
原创 最完美的深拷贝函数
varobj={name:'欧元',age:2,card:['洗澡','吃饭','睡觉','逗猫棒','喝水'],soul:{name:'美元',son:{name:"欧美"}}}varobj2={}//遍历对象forin//1.判断是不是原始值typeof...
2021-05-10 23:11:16
228
1
原创 uni-app小程序中自定义动态tabbar,同时解决小程序自定义tabbar第一次切换闪烁的问题
使用了vuex做自定义动态tabbar,第一次进去小程序切换不会再闪烁完全是意料之外的收获,嘿嘿。第一步,在组件里新建自定义tabbar所需的三个页面、还有自定义tabbar和headertabbar.vue<template> <view class="tabbar"> <view class="" v-for="(item, index) in list" :key="index" @click="tabItemChange(index)">
2021-04-08 21:54:04
3127
5
原创 uniapp微信小程序使用ucharts2.0解决穿透(遮挡|层级问题)
如果出现模糊问题,修改pixelRatio为2或者3即可,模拟器还是会有穿透问题,但是真机可以,就不折腾了。基本都是复制粘贴,只是梳理一下流程,最大的问题解决了,细节性的问题慢慢调呗。第一步:引入u-charts-v2.0.0.js(https://gitee.com/uCharts/uCharts/blob/master/qiun-data-charts/uni_modules/qiun-data-charts/js_sdk/u-charts/u-charts-v2.0.0.js)和测试数据demod
2021-04-08 16:24:25
3098
原创 小程序上传图片到oss,wx.uploadFile中formData的参数
一、后端会给一个接口,返回STS的授权数据二、封装上传方式 在utils中新建一个alioss文件夹,新建一个upload.js,另外两个js文件直接引入使用即可。因为小程序通过wx.uploadFile上传,formData需要用到upload.jsimport api from '../../api/oss.js'const Base64 = require('./base64.js')const Crypto = require('./crypto.js')...
2021-04-07 17:26:36
2021
原创 vue和van-slider动态实现H5的音频播放(可拖拽)
效果:html <div class="player-audio d-flex a-center"> <div class="mp3img"> <img src="./img/stop.png" v-if="onOff" class="img-100" @click="playClick"> <img src="./img/play.png" v-else class="img-1.
2020-11-02 10:54:05
697
原创 node与apidoc写接口文档
官网http://apidocjs.com npm i apidoc -g { "name": "cms-server", // 你的项目名称,可以随便写 "version": "1.0.0", // 版本,书写没要求 "description": "cms-server项目API文档", // API文档的描述 "title": "cms-server API", // API文档的标题 "url" : "http://localhost:3001/v1", //.
2020-09-08 12:59:13
174
原创 vue-cli3适配移动端H5(包含nuxt服务端渲染的H5适配)
npm install postcss-loader postcss-px-to-viewport --save-dev因为插件的配置选项中有个exclude选项,它的值只支持正则表达式,但是正则表达式再json中是不允许的,所以不要配置在package.json中,要配置在vue.config.js里const pxtovw = require('postcss-px-to-viewport')css:{ loaderOptions:{ postcss:{ ..
2020-07-13 17:35:08
1048
原创 vue和element-ui配合导出table表格
1 安装两个依赖npm install -S file-saver xlsxnpm install -D script-loader2在build----webpack.base.conf.js中resolve的alias加入 'vendor': path.resolve(__dirname, '../src/vendor')3 在src下新建一个文件夹vendor,引入两个文件...
2019-12-09 18:40:18
364
原创 vue打包上线后,找不到字体文件,一行代码解决
找不到是因为打包后的引用路径不对,可采用一下这种更改配置来解决这个问题。在build文件夹中的utils加上publicPath:'../../'代码如下if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-...
2019-09-23 10:48:01
1729
原创 win10配置java环境变量(当常规配置时javac不起作用的解决方法)
因个人原因重置了电脑,又重新配置java环境时,javac运行出错,故而尝试了其他人的方法可以。因此完整记录下来,以防以后再用时忘记。1.去官网https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下载,下图为我所下载的版本。2.安装。路径为默认路径3.在环境变量里...
2019-01-25 10:20:43
1516
原创 使用WebStorm2017搭建开发TypeScript的设置
作为一只刚上路的小白,靠搜索引擎终于搞明白了怎么使用强大的Webstorm IDE开发支持自动编译成js文件的TypeScript。现附上非常完整的步骤:1.去node.js官网下载安装node.js2.下载安装Webstorm2017.2.6(因为刚开始没有成功破解2018版的webstorm,所以我用的是2017版的)3.使用node的npm命令安装typeScript编译器...
2018-11-25 22:12:03
943
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人