- 博客(32)
- 收藏
- 关注
RSS订阅原创 vue项目前端通用埋点方案
2、点击事件业务执行完毕后，调用**this.$CapolLog.pointUpdateHelper（event,operateResultBool）**更新埋点（如果需要）对象拿到元素上记录的埋点id、埋点类型type，将操作结果（‘“操作成功” || “操作失败”）作为更新参数作为。指令，监听元素点击事件，当元素点击时，自动触发添加埋点方法，如果。为true，在添加埋点成功后，在该点击元素上添加。指令，监听元素点击事件，触发埋点。原型对象中，手动调用，触发埋点。1、在需要埋点的元素上绑定。
2023-12-06 19:15:57
2462
原创 解决el-select下拉列表数据量过大卡顿问题
使用vue-virtual-scroll-list虚拟列表，解决el-select下拉数据量过大页面卡顿问题
2023-11-08 17:09:05
1107
原创 记录点击按钮触发粘贴图片、文本框ctrlV粘贴事件
2、点击按钮获取粘贴板内容，目前有个问题，只可以获取到截图工具的截图，系统图片鼠标右键复制、ctrlC，粘贴板获取不到图片数据。1、文本框cv粘贴图片事件。
2023-09-08 19:09:18
251
原创 前端代码自动格式化prettier使用记录
prettier的使用、Husky pre-commit fails with code 1 (error)
2023-06-05 15:37:29
1164
原创 使用 objectSpanMethod 实现动态el-table合并行、合并列功能
colspan = y, 当前行往下合并x行，当前列往右合并y列。colspan = 1, 当前单元格正常显示。colspan = 0, 当前单元格不显示。
2023-04-25 20:55:46
1241
原创 根据条件控制el-tree节点显示隐藏
获取后台数据后，调用this.$refs.componentTree.filter(“VS”);触发filterNode 方法，按照条件控制显示。后台返回el-tree全量数据，前端根据条件控制每个节点显示隐藏。
2023-04-25 19:55:13
3360
3
原创 解决initial-index不生效问题
场景：多个图片共用一个preview-src-list预览数组，点击查看按钮，动态设置initial-index不生效，每次预览显示都是第一张图。
2023-04-24 17:41:52
1177
原创 el-checkbox-group 选中返回的数组按照选项顺序排列 || el-radio-group单击选中、双击取消选中
【代码】解决el-checkbox-group input事件返回的数组不是按照选项顺序排列的问题。
2023-03-30 21:05:30
738
转载 多屏环境下window.open()参数left不生效,窗口无法水平居中显示问题解决
screenX和screenY属性返回窗口相对于屏幕的X和Y坐标。多屏环境下window.open()参数left不生效。
2023-01-10 10:49:07
1295
原创 正则表达式一些笔记
1：正则\1\2的理解‘\1’ 匹配的是 所获取的第1个()匹配的引用。例如，’(\d)\1’ 匹配两个连续数字字符。如33aa 中的33‘\2’ 匹配的是 所获取的第2个()匹配的引用。例如，’(\d)(a)\1’ 匹配第一是数字第二是字符a,第三\1必须匹配第一个一样的数字重复一次，也就是被引用一次。如9a9 被匹配，但9a8不会被匹配，因为第三位的\1必须是9才可以，‘(\d)(a)\2’ 匹配第一个是一个数字，第二个是a，第三个\2必须是第二组（）中匹配一样的，如，8aa被匹配，但8ab，7
2021-10-29 17:25:50
107
转载 js防抖和节流
//防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 function debounce(func, delay) { let timer; return (...args) => { if (timer) { clearTimeout(timer); timer = null; } setTimeout(() =&...
2021-10-29 11:11:46
102
原创 一些小笔记
1:undefined、任意的函数以及 symbol 值，在序列化过程中会被忽略（出现在非数组对象的属性值中时）或者被转换成 null（出现在数组中时）。函数、undefined 被单独转换时，会返回 undefined，如JSON.stringify(function(){}) or JSON.stringify(undefined)JSON.stringify({x: undefined, y: Object, z: Symbol("")});// '{}'JSON.stringify([und
2021-10-20 15:16:05
148
原创 Vue结合element-ui实现省市区三级区域联动选择
说明： 代码自带地区数据源，由于篇幅限制，只放了部分地区数据效果：代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <meta name="author" content="LF" /> <meta name="description" content="" /> <meta name="viewport" conten
2021-05-16 01:11:32
3129
2
原创 通过画布计算未知文本内容的宽度
需求： 在一定的宽度范围内，我们需要显示一段未知的文本内容，如果文本内容没有超过最大宽度，正常显示即可；如果超过了，文本显示省略号，鼠标移入时，通过element-ui的el-tooltip 组件弹窗显示完整内容效果如下：代码如下：<template> <div class="hello"> <div v-for="item in textData" :key="item.id" class="text-box"> <span v
2021-05-15 22:15:44
138
1
原创 Webstorm实用快捷键记录
代码格式化：ctrl + shift + l新开一行编辑代码：shift + enter当前文件替换选中代码：ctrl + r根据输入内容搜索整个项目：ctrl + shift + f搜索整个项目某个文件：ctrl + shift + n打开最近浏览过的文件弹窗：ctrl + e闭合或者打开当前代码块：ctrl + - 或者 ctrl + +闭合当前文件所有代码块：ctrl + shift + -光标移动到当前字段最左侧或者最右侧：ctrl + shift + left/right上下.
2021-05-13 22:26:13
193
原创 Js代理和反射的常见用途
// 代理模式的一些有用编程方式1：跟踪属性访问 const user = { name: 'jack' }; const proxy = new Proxy(user, { get(target, property, receiver) { console.log(`getting ${property}`); return Reflect.g
2021-04-05 14:46:52
439
原创 手写代码实现reduce方法
写在开头自己手写代码实现一个方法，需要先了解原方法的实现原理：这是开发文档地址reduce 语法： arr.reduce(callback[accumulator, currentValue, currentIndex, array], initialValue)参数解析：callback必需。用于执行每个数组元素的函数。函数参数:可加入四个参数：accumulator是上一次计算后所回传的累加数值。currentValue遍历数组所在当前元素。currentIndex（可选）如果传i
2021-03-27 17:07:46
489
原创 JS编写函数实现：calculate(2)(3)(“+“)==calculate(2,3,“+“)；加减乘除的不定参数计算
编写函数实现如下语法的功能：var a = calculate(2)(3)(’+’); //5var a = calculate(2)(3)(’*’); //6实现代码： function calculate() { const args = Array.prototype.slice.call(arguments); const fn = function () { var arg_fn = Array
2021-03-23 18:06:09
1606
转载 学习记录：es6一些实用方法
1、如何获取当前页面的滚动位置const getScrollPosition = (el = window) => ({ x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft, y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop});// 事例getScrollPosition(); // {x: 0, y: 200}2、如何
2021-01-13 18:25:57
136
2
原创 学习记录：使用立即调用的函数表达式创建局部作用域
这段程序（bug程序）输出什么？ function wrapElements(a) { var result = [], i, n; for (i = 0, n = a.length; i < n; i++) { result[i] = function () { return a[i]; }; } return result } var wrap = wrapElements([10, 20,
2021-01-04 18:56:05
136
2
原创 记录：微信小程序对wx.request请求的简单封装
api.jsconst host = "https://www.baidu.com/wx/api";const api = { host: host, // 登录接口 apiWxLogin: `${host}/Auth/WxLoginV2`, // 首页 apiHome: `${host}/home/index`, //购物车 apiGetCartCount: `${host}/Cart/CartNum`, // ...... // 获取购物车数量 getCa
2020-12-31 15:42:19
140
原创 使用videojs，安卓可以正常播放视频，ios浏览器报错The media could not be loaded,either because the server or network ...
写在开头video标签在各个浏览器中表现各异，存在很多兼容性问题，所以我尝试使用了videojs这个框架传送门：videojs起步传送门：videojs文档直入主题问题：按照videojs文档添加视频后，发现安卓可以正常播放视频，但是ios浏览器报错：The media could not be loaded,either because the server or network failed or because the format is not supported（无法加载媒体，原因可能是
2020-12-30 18:03:34
22938
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人