- 博客(21)
- 收藏
- 关注
RSS订阅原创 2021-08-24 js中的prototype和$(‘‘)
prototype对象每个函数就是一个对象（Function），函数对象都有一个子对象 prototype对象，类是以函数的形式来定义的。prototype表示该函数的原型，也表示一个类的成员的集合。JavaScript在设计之初，是作为一种网页脚本语言，没有设计得很复杂，这种语言只要能够完成一些简单操作就够了。Javascript里面所有的数据类型都是对象（object）。在ES6之前，js中是没有Class的概念的（ES6中的类也是语法糖，本质还是基于原型），为了实现实例对象的属性和方法共享，就给f
2021-08-24 15:52:55
213
原创 2021-08-21 echarts改变饼图扇形的颜色
1，定义全局颜色-coloroption:{ title: { ... }, color:['#AS65d'，'#Afffff', ....], series:[{...}] }2，定义单种类型–colorseries: [type: 'pie', //可选择内圆，外圆半径 radius: [item.options.innerRadius, item.options.outRadius], data: item.optio
2021-08-21 14:53:57
536
原创 2021-8-13 vue中$forceUpdate()强制数据
vue中$forceUpdate()强制数据，渲染数据，针对复杂的数据结构。当我们使用v-model的时候，可以实现双向绑定。但是如果对于一个复杂的对象，例如一个对象数组，你直接去给数组上某一个元素增加属性，或者直接把数组的length变成0，vue就无法知道发生了改变。vue中我们尝试直接给某个item增加一个属性，发现页面上没有效果；直接将length变成0来清空数组，也没有效果，关键代码如下：change: function(index) {//增加性别属性 this.list[inde
2021-08-13 15:29:53
436
原创 2021-08-05 vue实现过渡-transition-group
在实际开发中，却终究难逃多个元素都需要进行使用过渡效果进行展示，很显然， 组件并不能实现我的业务需求。这个时候，vue 内部封装了 这么一个内置组件来满足我们的需要，它很好的帮助我们实现了列表的过渡效果。一，举例<template> <div id="list-demo"> <button v-on:click="add">Add</button> <button v-on:click="remove">Remove<
2021-08-05 18:45:02
844
原创 2021-08-03-ant design中，导航菜单结合单选框，实现下拉框效果
ant design中，导航菜单结合单选框，实现下拉框效果data： showStatusmethods：showTypeModal(value){ console.log(value) let showStatus = StatusMap.get(parseInt(value)) //对话框 this.$confirm({ content: h => <div>确定将转为[<span style="col
2021-08-03 11:53:57
336
原创 echarts配置
title: { text: '常用配置' }, tooltip: {trigger: 'item'}, //放在数轴显示数据 legend: { type: 'scroll', //饼图系列数据过多，设置滚动式 orient: 'vertical', right: 10, top: 20, bottom: 20, icon: 'circle..
2021-07-16 17:59:02
67
原创 js常用-取小数点后两位-鼠标放上移出事件
js去小数点后两位，float类型，例22.123456取成22.121.通过substring截取。function getnum(){var num = 22.123456;var result = num.substring(0,s.indexOf(".")+3);alert(result);}正则表达式。function getnum(){var num = 22.123456;var aNew;var re = /([0-9]+\.[0-9]{2})[0-9]*/;
2021-07-16 17:11:38
152
原创 2021-07-12 Echarts基础配置-地图，雷达图，仪表盘
1，地图-从宏观角度快速看出不懂地理位置上的数据差异地图图标的使用方式百度地图API:需要申请百度地图ak矢量地图：需要准备矢量地图数据实现步骤：最基本的代码结构：引入ja文件/npm DOM容器 初始化对象 设置option准备中国的矢量地图json文件，放到项目目录下使用ajax/axious等获取 如Ajax $.get(“文件路径”，function(名字随便起，如chinaJson){})在回调函数中往echarts全局对象注册地图的json数据echarts.r
2021-07-12 17:04:18
783
原创 2021-07-12 echarts常用对象
全局echarts对象引入了 echarts.js 就可以直接使用的init registertheme registerMap// 初始化echarts.init(dom,'主题名称') // 注册主题 然后再初始化使用echarts.registertheme('主题名称',{ // 主题配置})// 注册矢量地图的JSON数据$.get('json/map/china.json', ret => { echarts.registerMap('key',jsonData)
2021-07-12 12:06:44
413
原创 2021-07-11 ECharts基础配置之散点图，柱状图，折线图，饼图
通用的配置：标题：title 提示框：tooltip 工具按钮：toolbox 图例：legend var option = { title: { //标题的文字样式 text: '成绩展示’， textStyle；{ color：'red' }, //边框 borderWidth:5,//默认像素 borderColor:'blue', borderRadius:5 //位置 left:100,top:10,right:50,
2021-07-11 09:55:26
778
原创 2021-07-21 html常用属性
1，src链接一个外部脚本文件：script type=“text/javascript” src=“myscripts.js”>2,hrefhref 属性用于指定超链接目标的 URL<a href="#>3,ref指示按引用传递值其效果是，当控制权传递回调用方法时，在方法中对参数所做的任何更改都将反映在该变量中；也等同将值类型的数据使用引用方式传参。若要使用ref参数，则方法定义和调用方法都必须显示使用ref关键字。ref是 Reference的缩写。...
2021-07-10 11:16:47
55
原创 2021-07-04 vue插槽
插槽：在组件中设置，实质上是在dom树中预留位置，由调用此组件的组件插入数据，并非实质上的插入1，举例：//navigation-link 组件 <template> <a v-bind:href="url" class="nav-link"> <slot></slot> </a> </template> //组件 <navigation-link url="/profile">
2021-07-04 17:00:44
324
原创 2021-07-04-js扩展运算符-展开语法与剩余语法
一，js展开语法 …应用：函数调用/数组构造作用：将数组表达式或者string在语法层面展开；还可以在构造字面量对象时, 将对象表达式按key-value的方式展开。(译者注: 字面量一般指 [1, 2, 3] 或者 {name: “mdn”} 这种简洁的构造方式)// A code blockadd(...numbers)function add(x, y, z) { return x + y + z;} const num = [1, 2, 3]; console.log(a
2021-07-04 15:57:59
2336
原创 2021-06-10-小程序安装vant weapp
小程序安装vant weapp1，认识vant weapp轻量，可靠的小程序UI组件库Vant 是有赞前端团队开源的移动端组件库，于 2016 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。目前 Vant 官方提供了 Vue 版本和微信小程序版本，并由社区团队维护 React 版本。参考文档：https://vant-contrib.gitee.io/vant-weapp/#/home链接: vant weapp官方文档
2021-06-10 21:17:46
249
1
原创 2021-03-30- idea报URI 未注册 (Settings | Languages & Frameworks | Schemas and DTDs)
idea报URI 未注册 (Settings | Languages & Frameworks | Schemas and DTDs)原因在于:未设置外部框架URL注册引入解决方法：在设置->框架和DTD（Schemas and DTDs)->添加该路径
2021-03-30 10:37:26
13153
2
原创 2020-11-21-查看pip支持的版本信息
查看pip支持的版本信息在python编译时有时候我们会遇到此类错误， 原因在于.whl的版本并不适合，因此需要查看本地pip支持的版本，离线下载才能更好的更快的下载。1，使用pip debug --verbose查看，亲测有用详细内容如下：pip version: pip 20.2.4 from d:\python3.7.0\python3.7.0\lib\site-packages\pip (python 3.7)sys.version: 3.7.0 (v3.7.0:1bf9cc5093,
2020-11-21 17:32:22
1943
1
原创 安装idea的Scala插件
安装Scala有两种方法：在线和手动（在线比较慢）在线安装1,打开file–>setting–>plugin2,手动安装手动安装有时会报这个错误，原因在于，idea版本与Scala不一致，需下载指定版本包装1，查看idea版本打开help–>about–>查看idea版本2，打开Scala官网下载指定版本的scala：链接: 下载地址.向下搜索指定版本点击后方的Download,下载即可3，在idea打开file–>setting–>pl
2020-11-18 11:07:44
153
原创 记一次hadoop Connection refused: no further information排错
记一次hadoop Connection refused: no further information排错在研究hadoop的hdfs，用本地java api远程调用hdfs时出现了连接被拒绝的问题解决方案下面的排错步骤，是建立在hadoop的服务端防火墙关闭的情况下（这点注意一下！）第一步1.查看你的hadoop Api提供的地址 + 端口！如何查看正确的地址呢？打开你的hadoop家目录！然后进入etc/hadoop比如我的就是：/usr/local/hadoop然后查看core-si
2020-10-22 21:25:24
1155
原创 SpringBoot启动 控制台报错有关 @Slf4j 日志jar包冲突
SpringBoot启动 控制台报错有关 @Slf4j 日志jar包冲突1,bug,SLF4J: Class path contains multiple SLF4J bindings.SLF4J: Found binding in [jar:file:/D:/Program%20Files/apache-maven-3.5.2/repository/ch/qos/logback/logback-classic/1.2.3/logback-classic-1.2.3.jar!/org/slf4j/i
2020-10-22 17:39:37
1422
2
原创 SpringBoot结合DefaultKaptcha实现验证码的功能
SpringBoot结合DefaultKaptcha实现验证码的功能1，导入依赖<dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>2.3.2</version></dependency></dependency>*2,创建验证码的配置文件1)创
2020-10-21 11:57:03
463
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人