js
文章平均质量分 58
浅浅的交错着
一个还不知道入门没入门的小白
展开
-
2021-08-24 js中的prototype和$(‘‘)
prototype对象每个函数就是一个对象(Function),函数对象都有一个子对象 prototype对象,类是以函数的形式来定义的。prototype表示该函数的原型,也表示一个类的成员的集合。JavaScript在设计之初,是作为一种网页脚本语言,没有设计得很复杂,这种语言只要能够完成一些简单操作就够了。Javascript里面所有的数据类型都是对象(object)。在ES6之前,js中是没有Class的概念的(ES6中的类也是语法糖,本质还是基于原型),为了实现实例对象的属性和方法共享,就给f原创 2021-08-24 15:52:55 · 253 阅读 · 0 评论 -
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 · 601 阅读 · 0 评论 -
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 · 887 阅读 · 0 评论 -
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 · 400 阅读 · 0 评论 -
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 · 85 阅读 · 0 评论 -
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 · 197 阅读 · 0 评论 -
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 · 830 阅读 · 0 评论 -
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 · 448 阅读 · 0 评论 -
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 · 872 阅读 · 0 评论 -
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 · 69 阅读 · 0 评论 -
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 · 2395 阅读 · 0 评论