- 博客(12)
- 收藏
- 关注
RSS订阅原创 树形数据递归过滤
这里写目录标题树形数据过滤寻找解决办法代码实现树形数据过滤说明: 遇到问题树形数据过滤, 并保留原有树形结构不变, 即如果有子集被选中,父级同样保留寻找解决办法思路: 1. 对数据进行处理, 根据过滤标识对匹配的数据添加标识 例如: visible: true 2. 对有标识的子集的父级添加 visible 标识 3. 数据根据visible 标识进行递归过滤得到过滤后的数据代码实现 // 根据传入的值进行数据匹配, 并返回匹配结果 filterMethod(val, data, f
2021-08-24 15:51:10
848
原创 spread 超链接跳转sheet 不触发 GC.Spread.Sheets.Events.ActiveSheetChanged 事件处理
1. 发现问题说明:1. 在项目中发现使用模板自带的目录超链接跳转sheet 不触发提前设置好的监听, 无法执行后续功能, 影响正常使用2. 通过电话咨询葡萄城开发人员, 答复: 暂时没有超链接跳转sheet 监听功能3. 通过查找资料和论坛说明有了简单的想法, 并着手实现监听目录页超链接跳转sheet 功能2. 解决思路1. 想到点击超链接会触发单元格状态改变所以监听 GC.Spread.Sheets.Events.SelectionChanged 事件2. 根据监听获取当前sheet 及
2021-08-20 16:07:54
388
1
原创 深拷贝与浅拷贝, 手写深拷贝(不考虑原型链)
说明: 浅拷贝对于深层对象引用无法处理1. 一般使用Object.assign 即可实现单层对象的深拷贝, 但对于多层对象无法生效2. 一般通过JSON.parse() 和JSON.stringfy() 即可实现简单的深拷贝, 但对于正则, 日期对象等无法完整拷贝如下图所示实现深拷贝1. 简单的深拷贝 /* 简单的深拷贝, 对于函数, 正则等无法处理 */ function deepClone (obj) { let newObj if (typeof obj === 'ob
2021-07-05 16:28:29
152
原创 手写call,apply,bind
1. 手写callFunction.prototype.myCall = function (context) { // context 接收第一个参数 如果没有默认用window context = context || window // 给context.fn 或其他属性赋值为函数, 即myCall的调用者改变函数的this 指向context context.fn = this // 获取传入的参数 const args = [...arguments].slice(1) // 通过
2021-07-05 15:13:18
57
原创 vue项目代码优化, 首屏, 白屏, 加载时间等
1. vue项目白屏, 首屏加载内容优化常用的vue项目首屏内容优化: 路由按需加载, 组件按需加载, 添加loading, 骨架屏等但是一般没有特殊需求都是只使用按需加载即可2.
2021-04-14 18:20:38
471
原创 腾讯alloylever使用问题总结, vconsole 生产环境条件展示
1. 安装及使用腾讯 alloylever 安装: npm install alloylever -S 引入: import Alloylever from 'alloylever' 配置: Alloylever.config({ cdn: '', // vconsole 网络地址 entry: '', // 触发显示vconsole 事件绑定元素 可通过Alloylever.entry 函数设置多个元素触发 ... // 等 })2. 遇到的问题默认点击6次就会
2020-09-17 15:08:44
341
原创 大数据量树形数据表格展示, 虚拟表格,el-table, umy-ui, 表格懒加载
1. 出现的问题要展示树形数据表格,根据当前点击的表格行去请求新的数据并展示, 基于这种情况遇到以下问题1). 当树形表格数据层级大于五级且数据量较多时, 浏览器崩溃2). 当数据条数展示超出500以上时页面明显卡顿, 加载越多越卡直到崩溃2. 根据问题找出解决方案开发使用vue + element-ui 框架 基于el-table 尝试解决方案2.1 不使用树形表格数据, 对数据做平铺展示, 手动模拟树形数据的功能及相关数据处理<template slot-scope="s
2020-09-03 18:06:23
5453
1
原创 node Puppteer
使用node Puppteer 拍照, 爬取数据, 生成pdf等1. 安装 Puppteer2. 引入并使用 Puppteer3. 获取页面数据具体 Puppteer api 请访问以下地址1. 安装 Puppteer npm install puppteer -S 2. 引入并使用 Puppteerconst puppeteer = require("puppeteer");(async () => { const browser = await puppeteer.launch
2020-05-15 16:55:56
182
原创 在iview table表格中使用 poptip 并自定义内容展示
1. 有时候总有一些特殊需求, 需要在表格内容展示做文章1. 在项目中遇到要再表格里添加一些特殊展示如下图2. 这就需要使用render函数,对表格内容做一些展示修改 1) 首先我们需要对poptip做一个内容的定制 大致如下 <template> <div> <Poptip popper-class="dark" v-if="poptipSh...
2019-10-24 16:24:45
3927
原创 前端vue-cli3.0项目打包自动部署到阿里云oss 服务器
1、安装 npm install webpack-aliyun-oss -Dnpm install webpack-aliyun-oss -D2、项目genmulu添加oss.js 文件内容如下：module.exports = { region: '你的oss服务器区域', // 例如：oss-cn-beijing accessKeyId: '你的accessKeyId', ...
2019-06-17 18:27:48
7176
3
原创 vue 项目中使用mobiscroll calendar
在 vue 项目中使用mobiscroll calendar在vue 项目中使用 mobiscroll calendar准备初始化组件修改组件样式在vue 项目中使用 mobiscroll calendar准备 1. 首先在项目中引入jquery cdn 或静态资源 2. 下载 mobiscroll .js 和 mobiscroll .css 引入js和css初始化组件 i...
2019-05-14 18:42:51
1783
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人