- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue项目开发记录2：echarts绘制渐变镂空条形柱状图
中间三个参数都是布尔值，官网上分别提供了0 1 0和0 0 0的案例，目前我不知道x-axis-rotation和sweep-flag是做什么用的，中间的large-arc-flag表示的是你要大的圆弧还是小的圆弧，例如，设置(10, 0)为起点，(0, 10)为终点，10为半径，large-arc-flag设置为0的时候绘制1/4圆，设置为1时绘制3/4圆。例如 z之前进行的操作停在了(20, 20)的位置，那么加入z之后，自动给(20, 20)和(10, 20)之间绘制一条直线，闭合路径；
2024-09-13 11:28:05
745
原创 vue3项目开发问题：屏幕切换后echarts图表不显示
起初以为是样式问题，通过排查将问题定位到echarts节点前面的某个div中，不知道为什么，div加class就不正常，去掉class就正常，找不到更深层的原因，问AI小助手，猜到问题可能在于页面关闭时echarts没有被正确销毁，从而导致第二次进入页面后echarts不显示。按照这个思路写出了代码，结果没有解决问题，出现了和上面一样的bug，和其余正常的图表进行对比，发现问题在于，正常图表每次进入页面的时候，都会重新进行init。归根到底，问题都是在于没有对实例进行销毁。
2024-09-12 10:57:22
295
原创 vue3学习记录1：emit的写法
emit是用于child组件向parent组件通信的工具，因为vue3的script可以设置为setup，写法同vue2有较大区别。二、script - 需要在setup函数中接收。一、script setup - 直接写。
2024-07-24 19:46:38
419
原创 husky引发git commit报错的解决方案
在git commit的时候，有可能会遇到这样的报错，husky - pre-commit hook exited with code 1 (error)出现这个问题的原因主要是，假如项目中采用 husky和lint-staged结合进行代码校验，那么，只要项目代码中有不规范的地方，git commit就会自动终止。在项目开发中肯定不可能时时刻刻保证代码写的完善，面对这个问题，可以采用两个方案，跳过git commit检查。
2024-07-24 16:49:05
933
原创 前端项目记录：用gifuct-js实现控制gif图播放速度
公司项目需求，播放gif动图，并且要能控制播放速度，在网上搜索了一下gif相关的库，首先搜到了libgif，这个库基于jQuery，使用起来比较麻烦，而且主要的功能是控制gif图的播放和暂停，没有逐帧播放的功能。解析了半天，发现太麻烦了，又去找有没有已经实现的库，找到了gifuct-js，主要功能是获取gif图的ArrayBuffer，解析出颜色、大小、图片等信息并返回一个对象。对象结构如下（摘自官网）
2024-02-23 11:34:27
1027
原创 前端工程记录：用RecordRTC实现对＜video＞标签的录像功能
项目需求：后端给一个mp4视频的链接，在前端播放，同时支持用户的录制视频操作。
2024-01-12 16:19:20
1759
原创 node.js学习笔记(5)——excel-export模块导出excel表
一、excel-export模块官方介绍：https://www.npmjs.com/package/excel-export生成的表格为xlsx格式，支持多个sheet。本文只介绍一个sheet表的生成。二、实例1. 在package.json中引入excel-export模块，使用npm install 命令安装2. 在js文件中写入var nodeExcel = requ...
2018-09-20 11:38:02
10806
12
原创 node.js学习笔记(4)——mongoose连接并操作mongoDB
一、mongoDBmongoDB是非关系型数据库，存储的单位是文档，可以自定义各种复杂的结构。mongoDB官网下载链接：（community server）https://www.mongodb.com/download-center?jmp=nav#community对于windows系统，可以直接下载msi安装文件一步步安装。安装后可以找到自带的shell应用，然后就可以使用...
2018-09-19 18:01:12
687
原创 node.js学习笔记(3)——使用cheerio处理爬取的网页内容
一、简介node.js本身自带爬取网站网页内容的功能。var http = require('http');router.get('/test', function(req, res){ var url = 'http://www.baidu.com'; http.get(url, function(response){ var html = ''; resp...
2018-09-18 18:42:53
7737
2
原创 node.js学习笔记(2)——mocha模块测试
一、开发环境开发IDE: vscode，node参考书籍《node.js入门经典》二、断言assertnode自带断言模块assert，提供了简单测试的框架。以下是简单的测试样例var assert = require('assert');assert.equal('',0);assert.strictEqual('',0);通过var assert = requir...
2018-09-15 20:53:32
561
原创 node.js学习笔记(1)——express+socket.io模块构建简易聊天室
一、开发环境及参考书籍IDE是vscode，已经配置好node环境等参考书籍：《node.js入门经典》二、安装模块1.新建工程文件夹2.新建package.json文件，代码如下{ "name": "socketio-express-example", "version": "0.0.1", "private": true, "scrip.
2018-09-08 17:56:10
625
原创 Eclipse+Tomcat+Maven环境配置
一、JDK和JRE配置1.下载JDK和JRE，直接到官网下载即可：http://www.oracle.com/technetwork/java/javase/downloads/index.html2. 在安装过程中，第一次安装jdk，第二次安装jre3. 环境配置。（1）windows10下的环境配置简单了很多，控制面板->系统->高级系统设置，选择环境变量，进入环境...
2018-08-07 16:52:37
863
原创 在win10下安装Linux双系统
一、准备工作1. 硬件准备：需要一台电脑和内存至少8G的U盘2. 下载后续过程中需要的镜像和软件（1）下载UltralSO，这是用来制作启动盘的软件 下载链接：https://cn.ultraiso.net/uiso9_cn.exe（2）下载Linux系统的镜像，我选择的是ubuntu16.04（3）（可选）下载启动项编辑工具EasyBCD 官方下载链接：http:...
2018-06-01 12:58:12
119686
16
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人