自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(60)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 Git 安装流程和基础使用步骤 2026

Git安装与配置指南:推荐从清华大学镜像站下载64位Git for Windows安装包,建议安装到非C盘目录。关键组件需勾选:Windows资源管理器集成、Git LFS大文件支持、配置文件关联编辑器。初始分支名建议设为"main",凭证管理选择默认选项。安装完成后通过git --version验证,并配置全局用户名和邮箱。安装过程需注意避免勾选Scalar等不必要组件,同时可根据需求选择是否添加桌面图标或Windows Terminal集成。

2026-05-08 16:36:40 290

原创 vscode 安装教程 2026

本文介绍了VSCode的安装配置及Vue开发必备插件。安装时建议勾选所有附加任务,特别是添加到PATH环境变量,方便命令行操作。首次启动后需安装中文语言包降低学习门槛。针对Vue开发推荐5个核心插件:Vue-Official提供语法支持、Vue 3 Snippets生成代码模板、Auto Import自动补全import语句、Path Intellisense智能路径提示、Prettier代码格式化工具。这些工具组合使用可大幅提升Vue开发效率,尤其适合Vue3+TS项目。

2026-05-08 12:05:33 307

原创 navicat 17 lite 安装教程

Navicat Lite版安装使用简明教程:1.从官网下载Navicat Premium Lite 17的64位安装包;2.安装时选择无中文/空格的路径,建议创建桌面图标;3.完成安装后需邮箱验证注册;4.连接MySQL时填写localhost、3306端口及root账号密码;5.测试连接成功后即可管理数据库。注意Lite版可能存在部分功能限制(如Excel导入导出)。

2026-05-08 10:33:22 58

原创 MySQL 8.4 安装

MySQL 8.4安装简明教程:从官网下载安装包后解压安装,选择第一个默认配置选项,设置合适的安装路径和数据文件存储位置。安装过程中保持默认选项一路"下一步",注意配置日志文件路径。本文提供可视化安装流程指引,适合个人学习使用(参考腾讯云开发者社区教程)。安装过程简单直观,无需复杂配置即可完成基础部署。

2026-05-08 09:33:37 24

原创 el-table 自定义表格样式

【代码】el-table 自定义表格样式。

2023-04-24 14:25:32 877

原创 文件上传 input

【代码】文件上传 input。

2023-04-10 17:53:21 231

原创 el-date-picker 时间选择器 禁用时间段

【代码】el-date-picker 时间选择器 禁用时间段。

2023-02-28 16:36:09 1074

原创 el-tree懒加载可搜索(调后端接口)

el-tree 懒加载

2023-02-28 13:39:54 1523

转载 预览word

前端实现预览word分为两种,一种是上传前预览(也就是前端使用input或者组件等选择文件后直接预览,此时还没有上传给后端,我定义为纯前端预览),一种是上传后预览(就是文档已经上传到后端,通过后端给的文件流实现预览)https://blog.csdn.net/kaimo313/article/details/127012225 vue里使用docx-preview预览docx文件。https://www.jianshu.com/p/8e1e90570c52 预览word excel。

2023-02-22 14:02:27 1799 1

原创 文件预览 vue

mammoth 插件—提取文字。

2023-02-22 13:56:08 131

原创 echarts 图形label动态轮播效果 (饼图实例)

【代码】echarts 图形label动态轮播效果。

2023-02-09 09:33:02 1803

原创 echarts 柱形图、折线图点击事件

【代码】echarts 柱形图、折线图点击事件。

2022-09-26 15:58:44 2153 1

原创 js获取当前日期上一个月或者下一个月

【代码】js获取当前日期上一个月或者下一个月。

2022-09-20 14:10:08 2078 1

原创 echarts图表点击事件多次触发解决方案

【代码】echarts图表点击事件多次触发解决方案。

2022-09-20 10:25:22 2627

原创 vue鼠标事件归纳

【代码】vue鼠标事件归纳。

2022-09-19 17:32:50 1893

原创 数组合并8种方法

数组合并8种方法。

2022-09-13 13:46:57 5564

原创 关于 立体饼图的问题

建议 Highcharts官网

2022-08-24 16:31:03 147

原创 v-loading 影响 v-for 的渲染

v-loading 影响 v-for 的渲染。

2022-08-19 13:12:54 424

原创 防抖和节流(闭包案例)

防抖和节流(闭包案例)

2022-08-16 14:35:00 160

转载 jtopo椭圆

jtopo椭圆。

2022-08-04 15:27:28 245

转载 jtopo 教程

减少文本信息,文字的渲染非常耗时;Node对象的外观可以通过setStyles方法设置,核心的外观属性有边框颜色、填充颜色、字体颜色、字体(大小、加粗等CSSFont支持的都可以)、圆角。如图灰色矩形代表节点,上面标注了9个连接点(和文本定位是一样的),另外还有一个动态的连接点edge表示节点的边框,是随着对端节点的位置自动计算出来的。一个Layer对象对应一个Canvas,多个Layer常用于画面逻辑分层,比如有的层绘制速度较慢,有的层绘制速度较快,有的层作为背景层,有的作为动画层。...

2022-08-02 09:31:59 2547

原创 表格 border 颜色

element-ui 自定义样式

2022-06-21 22:29:57 185

原创 实用小方法(保存两位小数,随机数)

formatNum(num) { let str = ""; //字符串累加 str = (Math.round(num * 100) / 100) .toFixed(2) .toString() .replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) { return $1 + ","; }); return str; //字符串=>数组=

2022-03-29 20:16:27 339

转载 vue中cannot read property of undefined的问题分析及解决

vue项目中经常会遇到"cannot read property ‘某某某’ of undefined"的报错信息。下面我就简单分析下报错原因及解决方法问题描述info是服务端返回的数据,是一个对象。我们要做的就是把对象里的值放到页面显示,先看一下我出错的代码片段<div class="shop-header-discounts" @click="toggleSupportShow"> <div class="discounts-left"> <div

2022-03-29 11:11:56 28495

原创 JavaScript entries() 方法 + 数组索引 +检测数组

从数组 fruits创建一个可迭代对象, 该对象包含了数组的键值对:var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.entries();entries() 方法返回一个数组的迭代对象,该对象包含数组的键值对 (key/value)。 迭代对象中数组的索引值作为 key,数组元素作为 value。[0, "Banana"][1, "Orange"][2, "Apple"][3, "Mango"]数组索引数组中元素

2022-03-01 14:15:47 554

原创 Array 数组,Array.from()、 Array.of()

Array构造函数还有两个ES6新增的用于创建数组的静态方法:from()和of()。from()用于将类数组结构转换为数组实例,而of()用于将一组参数转换为数组实例。Array.from()的第一个参数是一个类数组对象,即任何可迭代的结构,或者有一个length属性和可索引元素的结构。字符串会被拆分为单字符数组: console.log(Array.from("Matt")); // ["M", "a", "t", "t"] Array.from()对现有数组执行浅复制const a1 .

2022-03-01 12:01:33 328

原创 安装 scss 时 node node-sass node-loader 版本配套问题

node 版本

2022-01-17 09:55:43 357

原创 单例内置对象 Math

Math对象上提供的计算要比直接在JavaScript实现的快得多,因为Math对象上的计算使用了JavaScript引擎中更高效的实现和处理器指令。但使用Math计算的问题是精度会因浏览器、操作系统、指令集和硬件而异。Math.E 自然对数的基数e的值Math.LN10 10为底的自然对数Math.LN2 2为底的自然对数Math.LOG2E 以2为底e的对数Math.LOG10E 以10为底e的对数Math.PI π的值Math.SQRT1_2 1/2的平方根Math.SQRT2 2.

2022-01-14 17:30:37 413

原创 原始值包装类型

NumberNumber类型重写了valueOf()、toLocaleString()和toString()方法。valueOf()方法返回Number对象表示的原始数值,let num = 10; console.log(num.valueOf()); // 10 console.log(num.toString()); // "10" console.log(num.toString(2)); // "1010" console.log(num.toString(8)); // "12

2022-01-14 16:16:21 341

原创 vue js 中的鼠标事件

vue@click//单击@mousedown//按下@mouseup//抬起@dblclick//双击@mousemove//移动@mouseleave//离开@mouseout //移出@mouseenter//进入@mouseover//在js一般事件事件 浏览器支持 描述onClick HTML: 2 | 3 | 3.2 | 4Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick HTML: 2 | 3 |

2022-01-13 16:57:30 1550

原创 clientX,clientY,screenX,screenY,offsetX,offsetY 区别测试

clientX:当鼠标事件发生时(不管是onclick,还是omousemove,onmouseover等),鼠标相对于浏览器(这里说的是浏览器的有效区域)x轴的位置;clientY:当鼠标事件发生时,鼠标相对于浏览器(这里说的是浏览器的有效区域)y轴的位置;screenX:当鼠标事件发生时,鼠标相对于显示器屏幕x轴的位置;screenY:当鼠标事件发生时,鼠标相对于显示器屏幕y轴的位置;offsetX:当鼠标事件发生时,鼠标相对于事件源x轴的位置offsetY:当鼠标事件发生时,鼠标相对于事件.

2022-01-13 11:05:24 960

原创 关于 v-for 循环之 index

<ul class="ul_"> <li v-for="(item,index) in dataLi" :key="item.id" @mousemove="dataDetails($event, item, index)">{{item.id}}</li> </ul>dataDetails(e,val,i){ console.log(e,val,i); }

2022-01-13 10:46:04 1851

原创 vue组件里定时器销毁问题

我在a页面写一个定时,让他每秒钟打印一个1,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。如下图所示:解决方法1:首先我在data函数里面进行定义定时器名称:data() { return { timer: null // 定时器名称 } },然后这样使用定时器:this.timer = (() => {

2022-01-12 17:00:08 3032

原创 判断对象是否为空

我们想要判断对象是否为空,像基本类型那样判断是不可以的, ==={} ?这样是错误的,因为只是比较引用地址是否相同,所以可以采取下面的方法来进行判断1.根据for...in遍历对象,如果存在则返回true,否则返回falsefor ( let i in obj) { return true;}return false2.利用JSON自带的JSON.stringify()方法来判断大概思路就是转化为字符串’{}'来进行判断if (JSON.stringify(obj) === '{.

2022-01-11 14:26:06 337

原创 数组对象增加单个属性

新数组:array;原数组:list;给原数组list的对象加一个名为indexNum的属性,属性值为str let array=[]; this.list.map((item,index)=>{ array.push( Object.assign({},item,{indexNum:str}) ) }

2022-01-10 16:18:05 466

原创 正则校验 js

带小数的数字var valiNumberPass1 = (rule, value, callback) => {//包含小数的数字 let reg = /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g; if (value === '') { callback(new Error('请输入内容')); } else if (!reg.test(val

2022-01-07 15:22:17 306

原创 jQuery 文件 在jQuery插件之前 加载

切记

2022-01-04 17:40:00 446

原创 canvas.getBoundingClientRect()

Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。canvas 用来获取鼠标点击的位置,//这个方法,在canvas 用来获取鼠标点击的位置, let mousedown=function(e){ e = e || window.event; // 这个 你就可以知道你画的位置在距离你的canvas左边框的距离 startx = e.client.

2021-12-31 14:15:03 2947

原创 jQuery 文档操作 - empty() 方法

empty() 方法从被选元素移除所有内容,包括所有文本和子节点。$(".btn1").click(function(){ $("p").empty();});

2021-12-31 14:02:24 741

原创 js怎样获取div元素的宽度

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title>

2021-12-31 13:50:06 6824

province.zip

echarts可视化

2021-12-09

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

TA关注的人

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