- 博客(32)
- 收藏
- 关注
RSS订阅原创 echarts-柱状图：实现横向柱状体排名
备注：可直接复制代码到echarts实例中运行：https://echarts.apache.org/examples/zh/editor.html?
2024-02-27 15:20:54
905
原创 如何使用nvm管理 node版本
GitHub上下载nvm-setup.exe后进行安装，下载地址：https://github.com/coreybutler/nvm-windows/releases/tag/1.1.12。
2023-12-09 17:57:54
86
原创 Element UI-Calendar日历只显示当前月
通过css样式控制不显示上一个月和下一个月的天数，并且不可点击。css样式，这里使用的是scss。
2023-10-31 15:41:02
1003
原创 canvas - 综合小案例
结合前面的几个案例，使用canvas加载图片、文本以及不规则多边形，整合出一个综合小案例，用于展示指定区域的温度数据，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><canvas id="canvas" width="400" he
2023-06-11 08:00:00
76
原创 canvas - 绘制不规则多边形
使用canvas可以根据点的集合来绘制不规则的多边形，绘制代码如下。也可以结合canvas绘制文本，例如在多边形上添加坐标点，代码如下。// 设置填充画笔颜色，即字体颜色。// 设置属性控制图形的外观。// 绘制 "实心" 文字;// 设置属性控制图形的外观。// 外部使用外边框。// 外部使用外边框。
2023-06-10 08:00:00
901
原创 canvas - 绘制文本
在上个例子中，简单演示了在canvas上加载图片，这个例子则在之前的基础上，使用canvas绘制文本，即在图片上加上水印。使用以下代码，可以在canvas上绘制文本。// 设置填充画笔颜色，即字体颜色。'大家好，我是itmacy'// 绘制 "实心" 文字;// // 绘制图片。// 加载原图片大小。// 等比例缩放图片。
2023-06-09 08:00:00
313
原创 websocket -js浏览器端连接
/ console.log('接收数据', event)"该浏览器不支持websocket！//建立通信后，监听到后端的数据传递。"websocket通信发生错误！// 业务处理....
2023-06-08 15:37:19
542
原创 canvas - 加载图片
使用canvas加载图片的好处是，可以在该图片上绘制多边形或者文字等其他元素。使用canvas绘制图片，既可以加载原始图片大小。也可以等比例加载图片，例如缩小一倍。// // 绘制图片。// 加载原图片大小。// 等比例缩放图片。
2023-06-08 09:52:04
1535
原创 JavaScript - 文字转语音
'Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。'Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。'如果你想在深入学习 Vue 之前对它有更多了解，我们制作了一个视频，带您了解其核心概念和一个示例工程。'如果你已经是有经验的前端开发者，想知道 Vue 与其它库/框架有哪些区别，请查看对比其它框架。使用浏览器自带的语音api，实现文字转语音功能，其页面效果如下，支持阅读、停止、暂停和恢复功能。// 删除队列中全部的语音。
2023-06-07 15:43:28
300
原创 Element UI-懒加载树节点
element ui中提供了树形控件的懒加载，但这种树的懒加载只支持一级一级加载，例如对`省-市-区-局`站进行懒加载，先加载省，再点击省后，懒加载市，一级一级请求。
2023-01-05 17:05:05
1774
原创 ES6中的类和对象
创建类：创建实例：类的构造函数：constructor类的方法：类的继承：子类可以继承父类的一切属性和方法super关键字调用父类的构造函数super()和普通函数super.父类函数()注意：
2022-07-07 16:02:45
59
原创 修改滚动条样式
修改滚动条样式如果给父元素固定了宽高，子元素设置overflow:auto时，就会出现滚动条，而浏览器默认的滚动条样式并不是很美观，如下图所示为了让显示的滚动条更好看些，可以对滚动条样式进行设置，关键css代码如下： // 滚动条 .box-card::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .box-card::-
2022-05-22 08:00:00
7531
原创 Element UI-动态合并表格行
Element UI-动态合并表格行动态合并表格行的代码主要由 :span-method="objectSpanMethod"中objectSpanMethod方法来实现跨行或跨列合并,其代码如下：<template> <div> <el-table :data="tableData" :span-method="objectSpanMethod" bor
2022-05-21 08:00:00
1280
1
原创 Element UI-Select选择器结合树形控件升级版
Element UI-Select选择器结合树形控件升级版前面使用Select选择器结合树形控件实现了下拉框选项是树的场景，查看Element-Select选择器结合树形控件，这次在这个demo的基础上加上树节点的单选功能，其代码如下：<!-- @author: itmacy @desc: 选择器选项以树形控件展示升级版--><template> <div> <el-select v-model="form.id" p
2022-05-20 08:00:00
771
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人