- 博客(47)
- 收藏
- 关注
RSS订阅原创 Element UI-Select选择器结合树形控件终极版
Element UI Select选择器控件结合树形控件实现单选和多选，并且通过v-model的方式实现节点的双向绑定，封装成vue组件，文件名为electricity-meter-tree.vue，其代码如下：该组件的用法如下：引入组件：electricity-meter-tree如果multiple为true多选时，那么electricityMeter的结构为[{id: ‘xx’, label: ‘xx’}]，如果 mutilple为false单选时,那么electricityMeter的结构为
2025-03-05 10:45:05
613
原创 LayaAir - 1.脚本生命周期
脚本组件有一套完整的生命周期，脚本需要挂在任何游戏对象上，并且同一个对象可以挂不同的脚本，各自执行自己的生命周期，它们之间相互组合又互不干扰。
2025-01-13 14:20:44
284
原创 React类组件
当然，React 并没有强制要求必须使用 Hook 而不能使用类组件，在 React 生态中两种开发方式可以并存。但随着时间的推移，越来越多的项目倾向于使用函数组件和 Hook 的组合。
2024-10-15 08:00:00
182
原创 React状态管理Redux
Redux是React中最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态为了职责清晰，数据流向明确，Redux把整个数据修改的流程分成了三个核心概念，分别是：state、action和reducer1.state:一个对象，存放着我们管理的数据状态2.action：一个对象，用来描述你想怎么修改数据3.reducer：一个函数，根据action的描述生成一个新的state。
2024-10-12 08:00:00
726
原创 Vue CLI 创建项目
在执行 vue create 命令后，Vue CLI 将会启动一个交互式界面，让你选择一些选项，比如预设（默认设置、手动选择特性等）、选择特性（如 Babel、TypeScript、Router、Vuex 等）以及配置各种插件等。Vue CLI 是 Vue.js 开发的标准工具，它提供了一个用户界面，可以用来创建和管理 Vue.js 项目。选择完毕后，Vue CLI 将会自动生成项目的基础结构，并安装所需的依赖。首先，确保你已经安装了 Node.js 和 npm。
2024-10-11 11:07:37
420
原创 React内置Hook函数-UseEffect
概念：useEffect是一个React Hook函数，用于在React组件中创建不是由事件引起而是由渲染本身引起的操作(也就是没有任何用户事件触发)，比如发送Ajax请求，更改Dom等。
2024-10-10 08:00:00
246
原创 React组件通信
概念：组件通信就是组件之间的数据传递，根据组件嵌套关系的不同，有不同的通信方法A-B 父子通信B-C 兄弟通信A-E 跨层通信。
2024-10-09 08:00:00
203
原创 React基础知识
概念：JSX是JavaScript和XML(HTML)的缩写，表示在js代码中编写HTML模板结构，它是React中编写UI模板的方式。优势：1.HTML的声明式模板写法2.JS的可编程能力。
2024-10-08 10:47:50
716
原创 echarts-柱状图：实现横向柱状体排名
备注：可直接复制代码到echarts实例中运行：https://echarts.apache.org/examples/zh/editor.html?
2024-02-27 15:20:54
3223
1
原创 echarts饼图-自定义legend内容
自定义legend内容，从而显示更多内容，并且设置数值为0的内容在图表中显示灰色效果，其效果图如下。
2024-02-22 10:32:31
2580
原创 如何使用nvm管理 node版本
GitHub上下载nvm-setup.exe后进行安装，下载地址：https://github.com/coreybutler/nvm-windows/releases/tag/1.1.12。
2023-12-09 17:57:54
147
原创 Element UI-Calendar日历只显示当前月
通过css样式控制不显示上一个月和下一个月的天数，并且不可点击。css样式，这里使用的是scss。
2023-10-31 15:41:02
2663
原创 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
151
原创 canvas - 绘制不规则多边形
使用canvas可以根据点的集合来绘制不规则的多边形，绘制代码如下。也可以结合canvas绘制文本，例如在多边形上添加坐标点，代码如下。// 设置填充画笔颜色，即字体颜色。// 设置属性控制图形的外观。// 绘制 "实心" 文字;// 设置属性控制图形的外观。// 外部使用外边框。// 外部使用外边框。
2023-06-10 08:00:00
1567
原创 canvas - 绘制文本
在上个例子中，简单演示了在canvas上加载图片，这个例子则在之前的基础上，使用canvas绘制文本，即在图片上加上水印。使用以下代码，可以在canvas上绘制文本。// 设置填充画笔颜色，即字体颜色。'大家好，我是itmacy'// 绘制 "实心" 文字;// // 绘制图片。// 加载原图片大小。// 等比例缩放图片。
2023-06-09 08:00:00
415
原创 websocket -js浏览器端连接
/ console.log('接收数据', event)"该浏览器不支持websocket！//建立通信后，监听到后端的数据传递。"websocket通信发生错误！// 业务处理....
2023-06-08 15:37:19
708
原创 canvas - 加载图片
使用canvas加载图片的好处是，可以在该图片上绘制多边形或者文字等其他元素。使用canvas绘制图片，既可以加载原始图片大小。也可以等比例加载图片，例如缩小一倍。// // 绘制图片。// 加载原图片大小。// 等比例缩放图片。
2023-06-08 09:52:04
2070
原创 JavaScript - 文字转语音
'Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。'Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。'如果你想在深入学习 Vue 之前对它有更多了解，我们制作了一个视频，带您了解其核心概念和一个示例工程。'如果你已经是有经验的前端开发者，想知道 Vue 与其它库/框架有哪些区别，请查看对比其它框架。使用浏览器自带的语音api，实现文字转语音功能，其页面效果如下，支持阅读、停止、暂停和恢复功能。// 删除队列中全部的语音。
2023-06-07 15:43:28
512
原创 Element UI-懒加载树节点
element ui中提供了树形控件的懒加载，但这种树的懒加载只支持一级一级加载，例如对`省-市-区-局`站进行懒加载，先加载省，再点击省后，懒加载市，一级一级请求。
2023-01-05 17:05:05
1996
原创 ES6中的类和对象
创建类：创建实例：类的构造函数：constructor类的方法：类的继承：子类可以继承父类的一切属性和方法super关键字调用父类的构造函数super()和普通函数super.父类函数()注意：
2022-07-07 16:02:45
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人