- 博客(20)
- 收藏
- 关注
RSS订阅原创 IE 错误的数量词（正则报错）
先说结论ie不支持正则?<=的表达式此处附带正则复习链接>>> 正则表达式的先行断言(lookahead)和后行断言(lookbehind)问题vue-cli3 vue2 ie11某功能需要匹配svg标签内缩放的值，于是想到了写个正则svgString.match(/(?<=scale\()(.+?)(?=\))/试验一下嗯。完美。棒棒哒。但是vue组件在ie居然显示不出来了组件标签没有vif但是看看DOM居然是<!---->这是为什么
2022-01-27 16:43:33
2475
原创 时间掉落 html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>时间</tit
2021-12-08 11:20:49
715
原创 vue+element UI table 合并列
<el-table :data="tableData" :span-method="handleSpanMethod"></el-table> handleSpanMethod ({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) {// 第1列 const _row = (this.filtterData(this.tableData,'key1'))[row
2021-09-07 11:07:13
164
原创 一文读懂JS同异步与事件循环
事件循环同步任务和异步任务所有的同步任务都会在执行栈中，JavaScript在按顺序执行执行栈中的方法时，每次执行一个方法，都会为它生成独有的执行环境（上下文)，当这个方法执行完成后，就会销毁当前的执行环境，并从栈中弹出此方法，然后继续执行下一个方法。所有的异步任务都会放到任务队列中，然后一个一个执行所以他的执行顺序就是先执行同步任务，等到同步任务执行完后，然后再到任务队列中去执行异步任务看个简单的例子console.log('代码开始执行');setTimeout(function(){
2021-09-02 19:52:16
132
转载 一份 ElementUI 问题清单
1、form 下面只有一个 input 时回车键刷新页面原因是触发了表单默认的提交行为，给el-form 加上@submit.native.prevent就行了。<el-form inline @submit.native.prevent> <el-form-item label="订单号"> <el-input v-model="query.orderNo" :placeholder="输入订单号查询" clearable
2021-08-26 12:03:42
252
转载 element图标不显示问题【已解决】
解决：1、在build/utils.js下找到如下。加上 ：publicPath: '../../' if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../'// 此处加上 }) } else { return ['vue
2021-04-08 17:47:19
638
转载 移动端点击、滑动和长按事件
<template> <div> <button @touchstart="start" @touchmove="move" @touchend="end" >测试按钮 </button> </div></template><script>export default {name:"Bubble
2021-03-25 10:21:21
357
原创 vue 搜索文字高亮方法
// item 高亮字段所属对象 // matchStr 高亮匹配词 // needStr 需要高亮的字符串 // newKeyName 新增需要含高亮字段属性名 highlightWord (item, matchStr, needStr, newKeyName) { matchStr = matchStr.toUpperCase().replace(/\s*/g, '') // 去空格 /* eslint-disable-n...
2020-12-24 17:51:32
571
1
原创 div拖动变换位置+缩放方案（持续更新）
前言vue-drag-resize过于灵活 不适用需求。此处以拖动功能为主 增加缩放，纯拖拽div换位参考另外一篇vue 实现拖拽div交换位置正文缩放思路1，预设5等份宽度控制数组sizeLevelArr 按钮增减level来控制宽度大小。<template> <div class="root"> <el-button size="mini" class="mb10" @click="dragg
2020-08-27 16:35:03
827
原创 vue 实现拖拽div交换位置
<template> <div> <transition-group tag="div" class="container"> <div class="item" :class="'item'+i" v-for="(item,i) in items" :key="item.key" :style="{'backg
2020-08-26 11:16:24
1168
1
原创 echart点击范围太小，getZr()合并containPixel()扩大点击范围。
原点击事件切换如下chart.getZr().on('click', async (params) => { const pointInPixel = [params.offsetX, params.offsetY] if (chart.containPixel('grid', pointInPixel)) { let index = chart.convertFromPixel({ seriesIndex: 0 }, pointInPixel)[0] // index=数据index
2020-08-24 11:38:36
3265
3
原创 el-upload的bug:file-list绑定数据无效/空白
github的issue说明解决方法给el-upload绑定ref属性upload通过this.$refs.upload.uploadFiles来获取&处理数据
2020-06-15 17:50:48
6672
1
原创 Vue + Element UI 实现更换自定义皮肤主题
伸手党福利实现自定义elementUI 主题色，首先是跑一遍ele的主题修改，elementUI文档传送门戳我然后我们就可以用组件来实现主题自定义啦~ele文档原文如果你的项目没有使用 SCSS，那么可以使用命令行主题工具进行深层次的主题定制：安装工具首先安装「主题生成工具」，可以全局安装或者安装在当前项目下，推荐安装在项目里，方便别人 clone 项目时能直接安装依赖并启动，这里以全局安装做演示。npm i element-theme -g安装白垩主题，可以从 npm 安装或者从 Git
2020-05-29 16:27:04
1021
转载 WeixinJSBridge API
<!DOCTYPE html><html><head> <title>微信WeixinJSBridge API</title> <meta charset="utf-8" /> <script type="text/javascript"> (function () { var...
2019-10-16 16:52:01
502
1
原创 vue-cropper报错template or render function not defined.
vue-cropper : template or render function not defined第一次用vue-cropper，直接抄demo，结果启动后vue-cropper组件一直报template or render function not defined.问题引入的时候直接用了import VueCropper from 'vue-cropper'解决办法引入改为...
2019-09-30 11:55:06
925
原创 实现一个移动端无限滚动+下拉刷新列表组件
部分功能描述下拉松开可以刷新列表滚动触底加载分页数据底部加载失败点击重新加载加载完毕显示加载完成使用项目中<template> <div class="page"> <div class="list"> <!-- 查询无结果 showFlag===1 --> <!-- <notFound ...
2019-09-26 17:27:51
1158
转载 微信网页ios分享出去链接与当前页面不一致的解决办法
在开发微信公众号的时候，有些页面要做分享功能，未配置的情况下，在IOS上直接调用微信分享没有效果，可以这样解决在当前页面重置window.location.href beforeRouteEnter (to, from, next) { // ios微信分享需要重新设置URL next(vm => { if (!window.localStora...
2019-09-18 14:46:35
2541
原创 微信页面嵌入canvas画图安卓会下拉的bug
需要用canvas实现手写签名的功能然鹅 微信打开页面安卓手机很不友好，我们需要固定的画布，在微信里面打开的链接页面如果没有经过特殊处理，往下画canvas的时候，会出源站的域名。像酱紫。这边解决的思路是临时让页面禁用touchmovevue框架 部分源码<template> <div class="signPage"> <div class=...
2019-09-11 17:45:35
411
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人