自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

lotte

学习使我快乐

  • 博客(294)
  • 资源 (5)
  • 收藏
  • 关注

原创 echarts地图带路径信息

北京->" + name + "</span><br/><span>均价:" + price + "</span><br/><span>线路数:" + num + "

2024-09-06 14:23:03 959

原创 echarts河流图

option = {tooltip: {width: 1,},legend: {},},series: [},

2024-09-06 14:17:03 479

原创 echarts 仪表盘

{ name: '城镇化率', value: 220, unit: '%', pos: ['16.6%', '25%'], range: [0, 400] },{ name: '医院增长率', value: 32, unit: '%', pos: ['49.8%', '25%'], range: [0, 60] },radius: '33.33%', // 1行3个。// 内侧指针、数值显示。

2024-09-06 14:07:20 939

原创 echarts 漏斗图

/ color: '#668eff' // 100% 处的颜色。// color: '#1cd389' // 0% 处的颜色。color: '#ffc751' // 100% 处的颜色。color: '#ff6e73' // 100% 处的颜色。color: '#ffc751' // 0% 处的颜色。color: '#ff6e73' // 0% 处的颜色。// global: false // 缺省为 false。source: '即将成交',

2024-09-06 14:05:52 669

原创 echarts多数据雷达图

symbolSize: 2.5, // 单个数据标记的大小,可以设置成诸如 10 这样单一的数字,也可以用数组分开表示宽和高,例如 [20, 10] 表示标记宽为20,高为10。color: ['#141c42', '#141c42'], // 分隔区域颜色。orient: 'horizontal', // 图例列表的布局朝向,默认'horizontal'为横向,'vertical'为纵向.itemGap: 21, // 图例每项之间的间隔。// opacity: 0.5// 图形透明度。

2024-09-06 14:03:01 564

原创 echarts饼图自定义label信息

/ data: ['高等教育学'],name: '总考生数量',text: '总考生数',name: '青岛职业技术学院'name: '淄博师范高等专科'name: '曲阜师范大学'name: '山东师范大学'name: '潍坊学院'name: '鲁东大学'

2024-09-06 14:01:58 697

原创 echarts 散点图绘制地图线路图

/ edgeSymbolSize: [0, 8], //边两端的标记大小,可以是一个数组分别指定两端,也可以是单个统一指定。coordinateSystem: "cartesian2d", //使用二维的直角坐标系(也称笛卡尔坐标系)target: "机场西(T1、T2、T3)",target: "西安科技大学",source: "西安科技大学",target: "建筑科技大学",source: "建筑科技大学",target: "机场(T5)",source: "机场(T5)",

2024-09-06 13:54:43 823

原创 echarts 折线图标记最大最小点

data: ['访问量', '订单量']name: '最大值',name: '最大值',data.push(i + "日");name: '最小值'name: '最小值'name: "访问量",name: "订单量",

2024-09-06 13:50:20 833

原创 echarts 水平柱图 科技风

echarts 水平柱图 科技风

2024-09-06 13:39:16 1306

原创 echarts3D立体图

echarts3D立体图

2024-09-06 13:37:31 792

原创 echarts横向进度条

echarts 进图条 横向

2024-09-06 13:33:26 583

原创 echarts案例 堆叠图

echarts bar stack堆叠

2024-09-06 11:55:45 959

原创 luckysheet 数字坐标转坐标字符串

luckysheet 数字坐标转坐标字符串

2024-08-21 10:21:12 128

转载 js数字转中文,带金额单位

ai生成看似简单 但console.log(numberToChinese(120505)) 一亿二万零五百零五。此代码接受一个数字作为参数,并将其转化为中文字符串。壹万零贰佰零柒元捌角 这就很和谐。将返回"一万二千三百四十五"。毕竟ai不动中文的博大精深。

2024-06-21 10:27:53 115

原创 Everything 一款功能强大的搜索工具

Everything 是一款功能强大的搜索工具,通过快速索引您的文件系统,提供了快速准确的搜索体验。遵循上述步骤,您可以高效地使用它来搜索文件。

2024-06-20 10:02:48 1052 1

原创 VueUse:Vue 3 开发中的强大 Hooks 库

基于 Vue 3 Composition API 的高质量 Hooks 库

2024-06-19 10:00:50 7404

原创 介绍一下VueUse中useAsyncState的实现原理

useAsyncState是一个用于管理异步状态的自定义钩子函数。它是你简化异步操作的最佳拍档,就像鱼儿离不开水,雄鹰离不开天空,你老婆离不开你,同时异步也离不开 useAsyncState,它简化了在Vue组件中处理异步操作的过程,如发送网络请求、加载数据或执行其他耗时的任务。

2024-06-18 14:44:50 521

原创 利用dayj转换查询时间获取当前周月年最后一天

利用dayj转换查询时间获取当前周月年最后一天

2023-08-18 15:04:05 1168

转载 60 个神级 VS Code 插件!

另一个用来生成 console.log的插件,不同的是,他支持自定义 console.log的内容,包括文件名,路径,大小等,还可以添加自己喜欢的 emoji表情,快捷键 ctrl + alt + L。编辑器自身的功能还是有限的,为了应付日常开发,不得不安装很多其他的软件进行辅助,不过也可以通过插件的方式引入一些常用的辅助软件,它们的功能可能没有原生的强大,但是基本上已经够用,并且是真的很方便。可能是因为我装了各种奇奇怪怪的插件,我现在想导入什么东西的时候,一大堆的提示,随便选一个都能导进来😂。

2023-08-11 09:59:37 604

原创 vue3实现在线视频与图片下载到本地

vue3实现在线视频与图片下载到本地

2023-07-20 15:38:55 2087 1

原创 GPS返回轨迹坐标转换百度地图使用84坐标系

转换前车辆轨迹 明显偏移不在道路上。坐标系转换后实际位置。

2023-07-20 13:57:07 306

原创 百度地图圆形与多边形缩放zoom计算

/地图层级数(百度地图默认为19级,这里多加1级方便下面通过直径的运算得出地图对应的层级)/* 从最高级往下推,基数每次乘以2后的值还在圆直径的范围内则zoom减去一级,循环类推 */var num = 20;//尺寸基数,对应19级的20m。根据画出的圆形半径适当展示地图缩放级别。为实现视觉效果,渲染时在缩放级别增加2。radius接口返回半径 单位米。

2023-06-27 14:23:43 549

原创 百度地图绘制围栏,圆形,多边形,行政区域

百度地图绘制围栏,圆形,多边形,行政区域。

2023-06-27 11:32:59 1434

原创 百度地图历史轨迹播放

playIndex播放到第几个数据点。getOverlays 画布所以数据。setRotation设置标签角度。setPosition设置标签位置。获取两个坐标点中间的直线点数据。detailList 轨迹数据。getAngle 获取标签角度。

2023-06-25 17:36:01 245

原创 echarts 关系图graph 实现思维导图

categories记录category值 对应样式。wid记录页面宽度,均分各节点位置。

2023-05-30 09:40:55 1335

转载 ElementUI自定义主题报错“primordials is not defined”最佳解决方案

elementUI 更改主题primordials is not defined

2023-05-19 14:24:17 664

原创 自定义树形穿梭框适用于vue3

fromData 树形全部数据 fromData已选数据。

2023-03-30 11:23:05 1593 2

原创 Javascript中<%=%>是做什么的

Javascript中是做什么的

2022-08-25 16:30:00 6450

原创 ExcelJS 导入导出excel带下拉框筛选数据

使用插件导出文件及导入excel读取信息

2022-08-18 09:31:00 2086

原创 常用数据获取存储 随机数 正反向遍历 一位数据 树结构

常用数据获取存储 随机数 正反向遍历 一位数据 树结构

2022-06-22 13:58:53 193

原创 js中?.与? ?的使用

语法:obj?.prop obj?.[expr] arr?.[index] func?.(args)可选链操作符(?.)  可选链操作符(?.)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?.操作符的功能类似于.链式操作符,不同之处在于,在引用为空(nullish)(null或者undefined) 的情况下不会引起错误,该表达式短路返回res?.data?.obj?.name ?? '小明' 看看这个输出是什么...

2022-05-13 15:02:49 226

转载 js replace 全局替换的操作方法

这篇文章主要介绍了js replace 全局替换的操作方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下js 的replace 默认替换只替换第一个匹配的字符,如果字符串有超过两个以上的对应字符就无法进行替换,这时候就要进行一点操作,进行全部替换。 1 2 3 4 5 <script language="javascript"> var strM = "这是要被替换的字符串啊啊!";.

2022-05-10 14:58:54 13153

原创 form 表单的label信息溢出显示title

form表单批量处理 渲染效果有内容溢出想要加title使用slot="label" 重置label信息<el-form-item class="clearfix" label="" prop="resourceType"> <span slot="label"> <span :title="item.label"> {{item.label}} </span> </spa...

2022-04-19 09:02:33 1424 2

原创 Array vs Set性能对比

Array.push 添加数据略胜一筹let arr=[];let set=new Set();let start=Date.now()for (let index = 0; index < 1000000; index++) { arr.push(index)}console.log((Date.now()-start));//25let arr=[];let set=new Set();let start=Date.now()for (let index = 0;

2022-04-15 14:57:17 1524

原创 字体编辑用中日韩汉字Unicode编码表

一 丁 丂 七 丄 丅 丆 万 丈 三 上 下 丌 不 与 丏 4E00 4E01 4E02 4E03 4E04 4E05 4E06 4E07 4E08 4E09 4E0A 4E0B 4E0C 4E0D 4E0E 4E0F 丐 丑 丒 专 且 丕 世 丗 丘 丙 业 丛 东 丝 丞 丟 4E10 4E11 4E12 4E13 4E14 4E15 4E16 4E17 4E18 4E19 4E1A 4E1B 4E1C 4E1D 4E1E 4E1F 丠 両 丢 丣 两 严 並 丧 丨 丩 个 丫 ...

2022-03-31 17:57:52 61793

转载 「自我检验」熬夜总结50个Vue知识点,全都会你就是神

可以通过this.$options.data().xxx来获取初始值v-model 语法糖荣耀黄金1. Vue的优点?Vue的缺点?优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开缺点:单页面不利于seo,不支持IE8以下,首屏加载时间长2. 为什么说Vue是一个渐进式框架?渐进式:通俗点讲就是,你想用啥你就用啥,咱也不强求你。你想用component就用,不用也行,你想用vuex就用,不用也可以3. Vue跟React的异同点?相同点:

2022-03-25 15:47:56 258

原创 他写出了 Vue,却做不对这十道 Vue 笔试题

1. Vue 实例的 data 属性,可以在哪些生命周期中获取到?A. beforeCreateB. createdC. beforeMountD. mounted2. 下列对 Vue 原理的叙述,哪些是正确的?A. Vue 中的数组变更通知,通过拦截数组操作方法而实现B. 编译器目标是创建渲染函数,渲染函数执行后将得到 VNode 树C. 组件内 data 发生变化时会通知其对应 watcher,执行异步更新D. patching 算法首先进行同层级比较,可能执行的操作是节点的增加、删

2022-03-25 10:38:45 737

转载 总结了Vue3的七种组件通信方式,别再说不会组件通信了

写在前面本篇文章是全部采用的<script setup>这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。本篇文章将介绍如下七种组件通信方式:props emit v-model refs provide/inject eventBus vuex/pinia(状态管理工具)开始搞事情~举一个栗子俗话说的好,学习不写demo,那就是耍流氓~本篇文章将围绕下面这个demo,如下图所示:...

2022-03-24 16:27:27 349

转载 vue-property-decorator用法

参考:https://github.com/kaorun343/vue-property-decorator怎么使vue支持ts写法呢,我们需要用到vue-property-decorator,这个组件完全依赖于vue-class-component.首先安装: npm i -D vue-property-decorator我们来看下页面上代码展示:<template> <div> foo:{{foo}} defaultArg:{{defa...

2021-12-14 17:03:52 977

原创 HTML 符号实体参考手册

HTML 符号实体本字符实体参考手册包括了数学符号、希腊字符、各种箭头记号、科技符号以及形状。注释:实体名称对大小写敏感。大于号,小于号,对号HTML 支持的数学符号字符 实体编号 实体名称 描述 ∀ &#8704; &forall; for all ∂ &#8706; &part; part ∃ &#8707; &exist; exists ∅ .

2021-12-01 11:43:29 313

axure_chrome_V0.6.3_lotte.zip

axure_chrome_V0.6.3_lotte

2021-10-19

全国地图省市中心点坐标

全国各省市地图资源数据中心点坐标 例:{ "name": "北京市", "center": "116.407394,39.904211", "districts": [] }

2021-05-25

createApi.js

vue项目中初始化请求头信息和统一请求方法,统一处理返回参数信息

2019-08-13

jquery.cloud9carousel.js

jquery.cloud9carousel.js 开发炫酷3D轮播图滚动效果插件

2019-07-24

teachers.css

差距需要样式文件

2019-07-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除