- 博客(26)
- 收藏
- 关注
RSS订阅原创 根据 el-popover封装自定义的下拉选择框
单选&&多选当前组件的样式是可以和el-select 的样式 功能一模一样。 区别在于 我的搜索在 下拉框内部组件API 可 继承于 elementUI 的原组件的API 由于 目前业务没有涉及，只继承了部分API ，涉及 el-popover 、 el-checkbox拓展一 ：根据 选择项 的多少 做分页拓展二 ：根据 实现懒加载功能拓展三 ：继承全部 element 组件的特性拓展四 ：底部按钮的功能样式 再封装 最好支持插槽 并设置相对应的钩子.
2022-02-23 09:38:29
1928
原创 神奇bug合集
这里是引用echarts 实例在销毁时 通过ref 和原生 api 拿到的dom. 竟然有报错的区别！！！ vue2 echarts组件在销毁时 执行的函数 // 组件销毁时主动释放eCharts内存空间 beforeDestroy() { // 报错 // const chartsInstance = echarts.getInstanceByDom( // document.getElementById(this.idName) // );.
2022-01-24 18:34:35
726
原创 js工作记录
输入框搜索匹配// noTreeList：是请求到的数组 inputValue：搜索的字段 item.name：要匹配的字段const arr = this.noTreeList.filter(item=>{let inputValue=new RegExp(`(.*)(${this.searchValue.split('').join(')(.*)(')})(.*)`, 'i'); return item.name.match(inputValue)}).
2021-12-24 18:20:12
340
原创 echarts + vue2 实现帕累托图
demooption = { title: { text: '动态数据', subtext: '纯属虚构' }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross', label: { backgroundColor: '#283b56' } .
2021-12-21 21:58:04
1216
原创 antv x6 踩坑日记+屏幕适配方案
vue2基于官方模版封装的 vue 组件节点坑一： 在点击拓扑图中触发 router.push() 事件 无法通过this 去调用 ， 通过引入router 来实现导航跳转，这个时候可能会无法携带参数，这个时候重启一下项目就好。坑二： vue组件封装的节点 data 属性 和 节点传参数 的效果不一样 ，动态的属性，可以不用传过去，通过监听动态数值的改变 来进行API的调用，修改相应节点的数值。...
2021-12-13 18:24:01
5162
原创 原生封装穿梭框
<template> <el-dialog :title="dialogConfig.title" :visible.sync="dialogConfig.dialogFlag" @close="close" > <el-form :model="form" ref="form"> <el-row type="flex"> <el-col :span="12" class="left_b
2021-12-13 10:59:54
711
原创 gojs去水印
vue2/src/const fs = require("fs");const path = require("path");const file = path.join(__dirname, "./node_modules/gojs/release/go.js");//去除gojs水印fs.readFile(file, "utf8", function (err, data) { if (err) throw err; let hasMatch = false; let conten
2021-12-13 09:57:54
839
原创 antv x6文档笔记一（vue2）
<template> <div class="page_box"> <!-- 深度分析 --> <div id="container"></div> <el-button @click="add"> 新增一个节点</el-button> <el-button @click="exportData"> 导出数据</el-button> <el-butto
2021-12-10 16:49:54
2149
1
原创 echarts -三级x轴对应
let data = { xData: ['', '', '', '', '', '', '', '', '', '', ''], yData: [0.1, 0.15, 0.18, 0.25, 0.23, 0.32, 0.33, 0.36, 0.57, 0.72, 0.45]};/** 双X轴标签对应，伪实现思路： 底部的标签也是柱状图，对应包含的区域为上方X轴条数占总数的比例，设为宽度即可*/option = { tooltip: { trigger: 'a..
2021-12-08 14:46:36
1091
原创 前端库-收纳盒
1.bootstrap-响应式布局开发框架官网：bootstrap核心功能：响应式开发，移动设备web开发2. moment.js-日期处理类库官网：moment.js核心功能：高效率处理格式化时间
2021-07-30 13:54:56
150
原创 HTML与CSS常见问题归纳
这里写目录标题1.额外注意点2. 浮动3. margin 的合并与塌陷问题1.额外注意点块级元素p是一个文本级元素，也就是说p标签不能够包裹块级元素，只能包裹行内、行内块级元素2. 浮动3. margin 的合并与塌陷问题...
2021-07-07 20:37:29
213
原创 CSS学习笔记
CSS学习笔记1.css三种引入方式2.选择器的类型1.css三种引入方式<!DOCTYPE html><html lang="en"><head> <title>Document</title> <!-- 1.外链式 --> <link rel="stylesheet" href="./css的三种引入方式.css"> <!-- 2.内嵌式 --> <sty
2021-06-23 22:23:29
460
原创 HTML学习笔记
1. html的基本骨架结构<!-- 声明文档类型,大小写不敏感 --><! DOCTYPE html> <html> <head> <title>网页的标题</title> <!-- meta标签用于设置网页元数据 --> <!-- 设置字符集 --> <meta charset=”UTF-8”>
2021-06-21 16:57:42
218
原创 js基础（二）-练习题
1.求字符串中出现最多字符及次数var chars = 'dsajhdkjahdkabgadkjasdgahd';var o = {};for(var i=0 ;i<chars.length;i++){ var newchar = chars.charAt(i);//根据索引号返回字符 if( o[newchar] ){ //判断o对象是否有 o[d]这个属性 有则计数 没有则新建 o[newchar]++; }else{ // o[n
2020-08-09 18:15:48
163
原创 js基础（一）
1.三种基本引用格式<!doctype html><html> <head> <meta charset="utf-8"> <title>js基础用法</title> <!--01.内嵌式用法--> <script> alert('内嵌式用法'); // 单行注释快捷
2020-07-30 23:40:27
172
原创 js常用方法（一）
1.数组的遍历somesome方法用于检测元素是否满足制定条件，会依次执行数组中的每个元素。格式：array.some(function(v,i,arr),thisValue);遍历array数组,如果有个元素满足条件则会返回true，剩余元素不会再检测。如果没用满足条件的元素则返回false。注意： some() 不会对空数组进行检测。注意： some() 不会改变原始数组。//通过传参的形式获取到数据的id号//查找到list数组中的数据并删除 this.list.some((it
2020-06-13 16:59:39
696
原创 vue学习笔记（一）
B站学习资料：https://www.bilibili.com/video/BV11s411A7h6?p=7工程文件代码：1.MVC和MVVM关系MVC（后端概念）：M是数据层，V是视图层，C是业务逻辑层MVVM（前端概念）：M是数据层，VM是数据层与视图层的调度者，V是视图层2.vue框架简述支持网页和手机APP的开发减少不必要的DOM操作，提高渲染效率，数据双向绑定框架：有自己基本的语法，对代码的侵入性比较大，不方便代码转换框架。库：只提供方法支持，对代码的侵入性比较小。框架与
2020-06-11 21:43:01
153
原创 微信小程序问题（1）网络延迟对canIUse的影响
canIUse是对API的可用性进行判断，一直出现false返回值原因：可能为版本不兼容或者网络延迟网络延迟对canIUse解决方案：app.js中编写了用户登录信息，存放在全局变量globalData中 wx.login({ success:res=>{ //发送res.code到后台接取openID } }); //...
2020-03-07 18:03:52
633
原创 node.js学习笔记--koa框架基础（6）
1.cookie 缓存工程文件：koa07简介cookie信息保存在浏览器客户端可以让我们用同一个浏览器访问同一个域名的时候共享数据基本用法不能直接设置中文cookie//引入依赖并实例化var koa = require('koa');var router = require('koa-router')();var app = new koa();//配置路由ro...
2020-02-27 01:39:52
154
原创 node.js学习笔记--koa框架基础（5）
1.kua框架kua框架可以解决callback嵌套问题以及异步函数中可能同步调用callback返回数据带来的不一致性。安装条件需要安装Node.js的版本高于V7.6。因为node.js 7.6版本开始完全支持async/await。安装指令npm install --save koa简单使用工程文件：koa01//引入Kuaconst kua = requ...
2020-02-25 20:35:31
266
原创 node.js-mongoDB版本 2.x>3.x写法归纳
2.x版本var DBurl = 'mongodb://127.0.0.1:27017/user'; //数据库地址app.get('/index', (req, res) => { MongoClient.connect(DBurl,(err,db)=>{ if(err){ res.send("false"); ...
2020-02-24 23:23:55
143
原创 node.js学习笔记--node.js连接并使用mongoDB（4）
1.准备工作文件目录：demo15使用之前写过的类exprss路由模块下载依赖npm install mongodb --save-dev官方文档：http://mongodb.github.io/node-mongodb-native/2.2/quick-start/quick-start/2.node.js连接mongoDB基本语法//引用依赖var MongoClient ...
2020-02-24 22:09:06
208
原创 node.js学习笔记--mongoDB基础（3）
1.安装版本：windows-64bit-----mongodb-win32-x86_64-2012plus-4.2.1-signed百度云网盘链接：https://pan.baidu.com/s/1Cuqi94GAhXXdYyMmMXiCSA提取码：502k下载安装完成后 向系统环境变量path中添加C:\Program Files\MongoDB\Server\4.2\bin打...
2020-02-24 19:47:56
200
原创 node.js学习笔记--node.js基础（2）
1.利用http url path fs 模块建立静态网站服务器所需文件： ./test/index.html ./test/index.css ./test/1.zipmime.json 在网站上复制//利用http url path fs 模块建立简单服务器const http = require('http');const fs = require('...
2020-02-22 01:40:17
184
原创 node.js学习笔记--node.js基础（1）
1.http模块-建立web服务器//定义常量引用，防止修改const http = require("http");//req 获取url后所带参数 如http://127.0.0.1:3000/aaa req中//res 给浏览器响应信息http.createServer(function(req,res){ console.log(req.url); //...
2020-02-21 20:46:03
278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人