- 博客(61)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 vue3+antv2.x的画布
subTitleHeight的高度是40 遮住了title的内容，这样按钮就无法点击。8.在切换画布和草稿时候报错 就是数据更新在清除之前了，需要先清除之后再更新数据节点。连线时候有两个参数: {cell: node，port:id}解决： 找到对应的node.vue文件将对应关系找到即可解决。graph的配置少了参数，应该是没有config配置的方法。因为node的高度没有，默认给了一个350px就可以了。5.加入生成弹窗文件就报错，怀疑某个属性不对。第一个参数node没有的情况下，就会报这个错。
2023-11-09 11:26:58
628
原创 Vue3.0与Vue2.0的区别
vue3.0和vue2.0的区别 vue2.0 通过Object.defineProperty来劫持对象属性的getter和setter操作，当数据发生变化时发出通知 2.0劫持对象的属性,3.0代理对象数据,所以删除和新建都能检测到 Vue2.x版本中的双向绑定不能检测到下标的变化 proxy可以劫持整个对象，并返回...
2022-06-13 10:12:38
369
原创 本地安装一个nginx的服务
想要看看自己打包的效果，但是不能随便更改开发环境的前端包，所以在本地安装一个nginx的服务就可以完美结果这个问题下载nginx的包 本地环境：win10-64位。下载1.21.1版本 下载地址：https://nginx.org/en/download.html； 下载后执行nginx的命令nginx -s stop //停止nginxnginx -s reload //重新加载nginxnginx -s quit //退出nginx 在任务管理器中查看nginx的启用状态 配
2021-08-23 17:13:54
344
原创 csp(Content-Security-Policy)内容安全策略
csp是网页应用中常见的以中安全保护机制，通过安全策略的配置来控制外部资源的引入，如js脚本，图片，iframe等是否能被页面调用执行。csp可以通过响应头的米标签的字段来实现，是浏览器的一种响应策略，可以防御xss攻击。csp实现方式通过html米标签实现 Content-Security-policy: default-src 'self'; script-src 'self' allowed.com; img-src 'self' allowed.com; style-src 's.
2021-07-07 12:40:10
1586
原创 echarts的常用案例
安装依赖后引入echarts// mian.jsimport echarts from 'echarts'//引入Vue.prototype.$echarts = echarts// 挂在vue上面直接引入js<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>在文件中创建图表指定宽高.
2021-07-05 11:21:53
1211
2
原创 GeoJSON简述
前言GeoJSON是基于js对象表示法的地理空间信息数据交换格式一、GeoJSON是什么？GeoJSON是一种对各种地理数据结构进行编码的格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型：点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和其他属性，特征集合表示一系列特征。一个完整的GeoJSON数据结构总是一个（JSON术语里的）对象。在GeoJSON里，对象由名/值对--也称作成员的集合组成。对每个成员来说，名...
2021-07-01 15:15:31
913
1
原创 js继承的几种方式及优缺点
继承方式 原型链继承 利用cat.prototype =new Animal,连通了子类(cat)-子类原型(cat.prototype)-父类(animal) // 创建父类function Animal(){ this.name = 'Animal'}// 添加共享方法eatAnimal.prototype.eat = function(){ console.log(`${this.name} eat food!`)}// 创建子实例functi...
2021-05-29 20:57:39
278
原创 DOM事件流
事件流 定义 DOM（文档对象模型）是一个树形结构。当一个节点发生事件时，会在根节点和该节点之间的路径进行传播，这个路径上的所有节点都会收到该事件，这个过程就叫做事件流。 阶段 捕获阶段：事件从Document自上向下到目标节点传播事件的阶段 目标节点：目标节点真正的处理事件的阶段 冒泡阶段：事件从目标节点自下向上到document传播事件的阶段 事件代理 定义 子节点向父节点冒泡时候，事件会被父节点捕获，因此将子节点的监听定义在父节点上，一个父节点可以监听多个子节点事件，
2021-05-27 10:51:28
86
原创 vue父组件和子组件共同操作同一个数据方法
实现的原理：原生js的引用类型数据，内存地址相同，父子组件操作的数据可以同步更新// 子组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp
2021-05-27 09:40:40
978
原创 Can‘t resolve ‘swiper/css/swiper.css 使用swiper报错
问题详情：问题描述：安装swiper之后，在main.js 配置引用。因为安装的swiper依赖中没有对应的swiper.css解决方法：import 'swiper/css/swiper.css'应该替换为import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/swiper.scss'Vue.use(VueAwesomeSwiper)...
2021-05-27 09:39:55
2179
原创 es6的新特性
calss class是ES6提供的更接近于传统语言的的写法,作为对象的模板.通过class关键字,可以定义类 class写法只是一个语法糖,它只是让对象原型的写法更加清晰,更像面向对象编程的语法 module export导出，给出对外可以导入使用的权限 // 一般方法的导出 function a(){} let b=10 export {a,b} import{a as funb,b} from './export/index.js' // 默认导出 export defaul..
2021-05-26 16:24:48
90
原创 ==和===的几个特殊易错例子
// ==console.log(1 == '1') // trueconsole.log(true == 'true') // falseconsole.log(NaN == 'NaN') // falseconsole.log(NaN == NaN) // falseconsole.log(-0 == 0) // trueconsole.log(0 == '0') // trueconsole.log({ name: "Tom" } == { name: "Tom" }) // fals.
2021-05-26 14:01:18
102
原创 vue使用画图插件v-charts
安装 npm i v-charts echarts -S 引用 import VeLine from 'v-charts/lib/line.common'import VeGauge from 'v-charts/lib/gauge.common'import VeHeatmap from 'v-charts/lib/heatmap.common'import Histogram from 'v-charts/lib/histogram.common'import VePie .
2021-05-19 16:10:43
1785
原创 vue中使用v-for为什么要添加key
举例说明 添加key后可以确保选中的数据不被修改，使用index时候如果数据比较简单还是会根据位置更新-----------添加之后被选中数据不变------------------> <div id="app"> <div> <button @click="add">添加</button> </div> <!-- 不添加key --> <ul> &
2021-05-18 15:59:35
420
原创 下载数据生成json文件，csv文件
下载CSV文件 /** * 导出excel * @param {Object} title 标题列key-val * @param {Object} data 值列key-val * @param {Object} fileName 文件名称 */exportCSV (title, data, fileName) { let CSV = '' let row = '' for (let i = 0; i < title.length; i++) { if (
2021-05-17 16:20:17
233
原创 地图插件 vue2-leaflet
安装使用 安装命令 npm install leaflet vue2-leaflet --save// 或者yarn add leaflet vue2-leaflet 使用 // 重点 重点 重点，千万别忘记引入样式，否则地图显示错位import 'leaflet/dist/leaflet.css';// 引入想要使用的组件import { LMap, LTileLayer, LMarker } from 'vue2-leaflet';export defa.
2021-05-13 17:32:03
2321
8
原创 HTML dataset 的用途?( HTMLElement.dataset)
HTML5规定,可以给元素添加非标准的属性,就是提供与渲染无关,或者提供语义信息的属性,可以随意添加,任意命名 添加属性必须以data-做前缀 使用时候直接用元素的dataset属性,即可获取对应的属性值 使用驼峰命名 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>&l
2021-04-26 20:03:06
763
原创 js原型及原型链
属性 prototype: js中每个构造函数都有prototype对象.所有实例对象需要共享的方法和属性放到prototype对象里,不要共享的就放在构造函数中 prototype不用手动声明. 设置方法 function Animal(name){ this.name = name}// 设置需要共享的属性Animal.prototype.sayName = function(){ console.log(this.name)}// 创建实例let .
2021-04-26 17:51:52
95
原创 如何实现浏览器多个标签页内通信
localstorage // 赋值let student1 = {id: '2013010818', name: 'wangyakun', sex: 'woman', age: 20}loaclStorage.setItem('student', student1)// 取值loaclStorage.getItem('student')// 删除loaclStorage.removeItem('student') 在一个标签页中添加数据,另一个标签页可以直接获取该值 h5标签,
2021-04-26 15:56:12
152
原创 cookies，sessionStorage , localStorage和 indexDB 的区别
四个都是浏览器做数据缓存的 区别 存储方式 cookies sessionStorage localStorage indexDB 存储大小 4K 5M 5M 无限制 与后端联系 后端返回,在返回请求头部 无 无 无 生命周期 后端可以设置过期时间 浏览器关闭失效 手动释放 手动释放 使用 cookies sessio..
2021-04-25 15:46:47
337
原创 行内元素有哪些?块级元素有哪些？ 空(void)元素有那些
css规范规定,元素都有一个属性display,他的值是inline就是行内元素,值为block就是块级元素, 行内元素:不能设置宽高,宽度默认自身宽度,一行可以显示多个行内元素,padding和margin的水平方向设置会生效,竖直方向不生效.常用行内元素如下 a - 锚点 b -加粗 span -图片 select -选择框 strong -强调 input -输入框 button -按钮 sup -上标 sub -下标 em ...
2021-04-25 14:26:06
224
原创 常用的HTML标签有哪些?对HTML语义化的理解描述
p段落标签 a超链接 header头部 main主体 footer页脚 sesion分节 nav导航 side侧边 .......html语义化指的是让标签具有自己的含义.在代码层次表达出开发人员的思路.架构清晰,便于维护.没有css样式的情况下也可以清晰代码描述的内容比如header没有css也知道是个头部,而尽量不用div,p,span等,要用strong代替b,em代替i...
2021-04-25 10:25:53
160
原创 详述call,apply和bind的区别
简介:js中的每个函数都指向Funcion.prototype对象,继承Function,所以都含有call,apply,和bind三个函数,三个函数的作用就是改变函数中的this的指向 使用 thisObject作为第一个参数传给函数,使函数中的this指向thisObject fn.call(thisObject,params1,params2....) fn.apply(thisObject,[params1,params2,....]) fn.bind(thisObject,par.
2021-04-23 18:55:29
102
原创 交互式查询重构逻辑梳理
选择数据集(可以多选) 展示数据集的标签,含有复制功能 功能区 执行,执行sql语句 提示数据集的字段 终止执行,取消sql语句的查询 执行历史(存储在哪) 测试日志详情(弹框) 预览区(tab) table预览 图形预览 柱状图 折线图 饼图 选择x,y轴 操作:导出csv导出json ...
2021-04-21 17:29:03
126
原创 数据治理的逻辑梳理
含义:对数据集的数据进行一定规则的分析,查看不符合规则的坏数据的状态及概率,用不同的形式展现出来 分析规则 内置规则:13种内置规则,,,,字段符合移动电话格式等 自定义规则:手动创建有三种自定义类型:el ,Extend,sql 新建/编辑规则:(自定义数据) EL: 表达式就是正则表达式, 输入字段类型: 可以指定字符串,数字日期,不限定 Extend: 表达式就是正则表达式, 输入字段类型: 可以指定字符串,数字日期,不限定 基类...
2021-04-21 16:04:16
434
原创 调用API接口下载文件的两种实现方式GET POST
发送参数ids长度过长,选择post形式发送请求 get 获取url buildURL(url, params) { if (!params) { return url } var serializedParams if (isURLSearchParams(params)) { serializedParams = params.toString() } else { var parts = []
2021-04-09 15:48:46
3988
原创 nodejs进程几个基本概念
同步异步 同步就是执行了某个请求，此请求返回消息才执行下一个请求，异步就是执行了某个请求，不管此请求返回没有，直接执行下一个操作 异步IO 当一个异步过程调用发出后，调用者不能立刻得到结果。实际处理这个调用的部件在完成后，通过状态、通知和回调来通知调用者的输入输出操作 阻塞非阻塞 阻塞就是进程执行一件事的时候，在这件事完成之前，该线程不能做其他事，只能等着，非阻塞就是该事情等待时候线程可以完成其他事请 事件循环，事件驱动 ┌───────────────────────┐┌─>
2021-04-01 11:35:39
163
原创 node的使用
简介 是什么? Node.js是一个开源,跨平台的javaScript运行环境. (几乎任何项目流行工具都能使用node.js) 为什么? Node.js 是一个底层的平台。 为了方便，社区在 Node.js 上构建了数千个库。 npm: 2009年js诞生,同年npm(NodePackageManager)第一版发布,npm内置在nodejs中,开发者将开发的代码如Jquery放到npm中,在js里面可以直接管理下载相关代码.2020年nodejs已经发布第15版, 常用框架...
2021-03-30 20:33:16
371
1
原创 nodeJs的安装配置步骤
下载安装包node安装包地址 根据自己系统下载安装包，本文中下载的是node-v10.16.0-x64.msi 安装 进入node安装象导页面，点击next即可 勾选同意之后下一步 选择安装路径，默认是C:\Program Files\nodejs\ 点击安装 安装完成后 ，检查安装成功 配置环境变量 右键“此电脑”==>属性==>高级系统设置==>环境变量 进入环境变量对话框 首先在node.js的安装目录新建两个文件夹node_global和
2021-03-30 17:45:17
210
原创 vue国际化插件vue-i18n的使用
安装 命令进入项目目录，执行以下命令安装vue 国际化插件vue-i18nnpm install vue-i18n --save// 或者cnpm i vue-i18n --S 全局引用 在main.js文件中使用 import creareI18n from '@assets/i18n/index'// 引入const i18n = creareI18n() // 创建实例let masterVue = new Vue({ i18n, router, ...
2021-03-30 16:18:21
1180
原创 yarn和npm的区别
npm npm(nodepackage manager)是内置与nodejs的包管理工具 package.json 位于模块目录下,就是你要安装依赖的位置 { "name": "resourceDirectory",// 包名 "version": "0.1.0",// 包的版本号 "private": true,// 私有模块 "scripts": { "serve": "vue-cli-service serve", "build": "vue-...
2021-03-29 20:21:17
795
原创 资源目录开发逻辑
资源目录结构总览 index.vue:资源目录的入口文件 left:左侧 tree:info组件 treeOperations:树结构操作组件 right:右侧 infoDataset: 数据集的列表 dataset-index新建数据集 jdbc 选择数据源 选择表 选择元数据和选择元数据位置 选择版元数据本号 storage ElasticSearchFTP ,HDFS ,H...
2021-03-26 13:57:39
169
Maven实战（高清完整带书签）
2018-04-08
Maven权威指南中文版
2018-04-08
Hadoop安装手册_Hadoop2.0-v1.7.pdf
2017-09-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人