- 博客(62)
- 资源 (1)
- 收藏
- 关注
RSS订阅
3原创 五、vis 右键节点展开菜单
1. 右键展开菜单，点击请求节点数据，或展开下级菜单2. 拖动节点或画布，菜单跟随节点3. 缩放画布，菜单同步缩放4. 对其它或者空白区域进行操作时，关闭菜单
2022-09-17 20:34:07
1600
原创 set 对象去重
/** * 自定义Set，支持添加对象去重（指定对象值方法） */class MySet extends Set { constructor(params, valFnc) { super(); this.valObject = {}; if (params) { // 构造函数传入集合，调用add方法初始化 for (let item of params) { this.add(item, valFnc); } } } add(val, val.
2022-03-14 15:11:26
1323
原创 二、vis network配置项
配置项往往默认的格式无法达到设计的效果，这时候就需要手动修改配置项以实现ui和交互var options = { autoResize: true, height: '100%', width: '100%' locale: 'en', locales: locales, clickToUse: false, configure: {...}, // 详细配置请查看'配置'模块， edges: {...}, // 详细配置请查看'边'模块， nod
2021-11-25 00:34:19
2464
原创 vis network（visjs）安装简单使用
vis.js可视化的出发点之一是它们可以处理动态数据，并允许对数据进行操作。为了实现这一点，vis.js包括一个基于灵活键/值 DataSet并DataView处理非结构化JSON数据的功能。数据集DataSet，存储JSON的ID对象。可增删改查，过滤排序…资料检视DataView，提供数据集上经过过滤或格式化的视图。通过订阅DataView中的更改，获取过滤或格式化的数据，而无需一直指定过滤器和字段类型数据管道DataPipe,DataPipe从一个DataSet 获取数据DataView，对其
2021-11-24 00:24:01
5050
原创 DataView 构造
DataView 构造var data = new vis.DataView(dataset, options)dataset 是 DataSet 或者 DataView.options 是一个对象，包含以下属性，以下属性方法与 DataSet.get and DataView.get 中可用的属性完全相同【数据选择的options】convert同 type，fields、filter// create a DataSetvar data = new vis.DataSet();data
2021-11-23 00:19:28
322
原创 Element ui使用相关
Element ui使用相关注意点v-if 切换 table，导致表格数据显示错乱form表单编辑时，回填的数据修改无效，都会被复原成回填值table表格默认选中失效input change事件未触发，失焦后才触发
2021-08-25 09:59:25
309
原创 分隔线集合
##基础分隔线一条黑色实线```html<hr/>```###点线```css/*点线*/.hr-dotted{border:0;border-top:2pxdotted#000;}```###虚线```css/*虚线*/.hr-dashed{border:0;border-top:2pxdashed#000;}```###...
2021-07-19 17:28:58
251
原创 分隔线.集
基础分隔线一条黑色实线<hr />效果如下：点线/* 点线 */.hr-dotted { border: 0; border-top: 2px dotted #000;}效果如下：
2021-07-19 17:25:17
140
原创 elementUI message 简化使用封装
内容// message.jsimport { Message } from 'element-ui'let messageInstance = nullexport const message = options => { if (messageInstance) { messageInstance.close() } messageInstance = Message(options)};['error', 'success', 'info',
2021-07-19 17:19:27
539
原创 手摸手，优雅实现vue中使用 svg-icon
注册全局svg组件，并使用require.context API 引入所有指定目录下的图标，根据增删自动生成`svgsymbol`
2021-07-19 17:01:43
595
原创 安装nrm报错code: ‘ERR_INVALID_ARG_TYPE‘解决方法
nrm安装失败，报 ‘ERR_INVALID_ARG_TYPE‘ 错误，修改nrm/cli.js第行代码为const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc')，保存后重新打开命令行并执行先前命令，可以正常使用
2021-04-07 23:06:34
853
原创 git commit规范梳理
commit message格式<type>(<scope>): <subject>type(必须)用于说明git commit的类别，只允许使用下面的标识。feat：新功能（feature）。fix/to：修复bug，可以是QA发现的BUG，也可以是研发自己发现的BUG。fix：产生diff并自动修复此问题。适合于一次提交直接修复问题 to：只产生diff不自动修复此问题。适合于多次提交。最终修复问题提交时使用fixdocs：文档（docu
2020-08-14 14:31:16
870
原创 Vue加载（动态）组件的方式
//正常加载import index from '../pages/index.vue'import view from '../pages/view.vue'//懒加载const index = resolve => require(['../pages/index.vue'], resolve)const view = resolve => require(['../pages/view.vue'], resolve)//懒加载 - 按组const index = r =&g.
2020-08-12 23:28:35
571
原创 Object.keys()与Object.values()的使用
通过Object.key和Object.values取字符串/数组/对象的索引（属性名）和值的数组返回
2020-08-03 17:04:37
709
原创 点击切换，激活选中样式
需求：点击目标元素后，切换元素样式解决：1.data中增加需要激活样式的目标元素在兄弟元素中的索引，一般默认为0data() { return { activeIndex : -1, // 0为默认选择第一个，-1为不选择 }; }2.目标元素添加点击事件，并设置动态类名（进行三元运算判断）<li :class="activeIndex == index ? 'active' : ''" v-for="(item,index
2020-07-31 17:15:44
880
原创 es6扩展运算符三个点（...）的多种常用使用途径
目录函数调用中替代数组的 apply 方法代替数组方法的复用1.代替Arrary.push()【数组末尾追加】2.代替Array.unshift 【数组头新增元素】3.代替Arrary.concat()【合并数组】4.代替Arrary.split()【字符串转数组】浅拷贝实现了 Iterator 接口的对象【将类数组转换成数组】函数调用中替代数组的 apply 方法//es6function add(x, y) { return x + y; .
2020-07-31 00:56:36
730
原创 uni-app生成分享图片（ 使用 Painter 生成分享海报）
Painter支持文本、图片、矩形、qrcode 类型的 view 绘制。如何使用1.引入代码。注意：存放目录 uni-app根据不同平台插件存放目录不同。git clone https://github.com/Kujiale-Mobile/Painter.git2.作为自定义组件引入，注意目录为第一步引入的代码所在目录 "style": { "navigationBarTitleText": "目录名", "usingComponents":{ ..
2020-07-14 17:01:01
3230
原创 uni-app 小程序分享到朋友和朋友圈
uni-app分享小程序方法App：可以自主控制分享内容、分享形式及分享平台 使用uni.shareAPI方式调用社交sdk分享 使用plus.share.sendWithSystem呼起手机os的系统分享菜单 小程序：不支持API调用，只能用户主动点击触发分享。可使用自定义按钮方式 <button open-type="share"> 或监听系统右上角的分享按钮 onShareAppMessage 进行自定义分享内容 H5：如果是普通浏览器，浏览器自带分享按钮；如果是在微信内嵌..
2020-07-10 18:15:08
18317
原创 uni-app小程序跳转
uni.navigateToMiniProgram(OBJECT)功能：打开另一个小程序。App平台打开微信小程序，使用plus.share的launchMiniProgram。注意uni-app不需要plus ready，将plus ready里的代码写到页面的onLoad生命周期即可。使用此功能需在manifest中配置微信分享SDK信息，打包后生效。 各小程序平台对跳转到其他小程序有一些限制和规定，需要遵守，具体见各平台文档。OBJECT 参数说明属性 类型 默认值
2020-07-10 17:39:15
3404
原创 VIM中的保存和退出、VIM退出命令、如何退出vim编辑、VIM命令大全
退出命令是，按ESC键 跳到命令模式，然后输入:q（不保存）或者:wq（保存） 退出。更多退出命令：:w 保存文件但不退出vi:w file 将修改另外保存到file中，不退出vi:w! 强制保存，不推出vi:wq 保存文件并退出vi:wq! 强制保存文件，并退出vi:q 不保存文件，退出vi:q! 不保存文件，强制退出vi:e! 放弃所有修改，从上次保存文件开始...
2020-06-24 15:05:13
2648
原创 ES6模块化管理使用和commenjs简单介绍
早先要想在前端做模块化开发，必须依赖第三方框架来实现，如：requireJS（AMD规范的起源）和seaJS（CMD规范的起源）。因两者功能高度重合，后来seaJS不再维护。直到ES6的出现，迅速成为前端和服务器端通用的模块解决方案。ES6ES6的模块化分为导出（export）与导入（import）两个模块。它把一个文件当作一个模块，每个模块有自己独立租用与。外部要想读取模块当中的内容，就需要使用export将其暴露（输出）。基本使用//myModule.js//export后只能跟f
2020-06-24 14:34:40
411
原创 this.$refs获取不到子组件
this.$refs获取不到子组件dom，this.$refs获取到的值为undefined的原因及解决方法
2020-06-16 00:38:42
11119
原创 uni-app生命周期
生命周期分为：页面生命周期和应用生命周期生命周期可参考：uni-app官方API注意平台支持，仅某个平台支持会显示，5+App是超HTML5+的App方案.例如分享：只有小程序支持.这时我们就要采用跨终端解决方案：https://uniapp.dcloud.io/platform1.应用生命周期2.页面生命周期<template> <view class="content"> <image class=...
2020-06-15 14:26:28
292
原创 git下载，上传，更新，及遇到问题解决
The current branch master has no upstream branch./Updates were rejected because the tip of your current branch is behind/refusing to merge unrelated histories/There is no tracking information for the curren branch
2020-06-04 14:42:53
664
node-v14.5.0-win-x64.zip
2020-08-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人