举止优雅的猪的博客_数据可视化,前端,vue

前端常用网址

组件库 Element-uihttps://element.eleme.cn/#/zh-CN/component/installationAnt Design of Vuehttps://www.antdv.com/docs/vue/introduce-cn/Element Plushttps://element-plus.gitee.io/zh-CN/Ech

前端

html

ios

github

原创 2022-12-30 11:08:10 78 阅读

前端实现电子签名

我将签名画板单独封装为一个组件，在需要的地方引入即可，注意要给外层容器一个宽高，该组件默认为宽高都为100%

前端

javascript

宽高

偏移量

重置

原创 2022-12-24 00:19:10 419 阅读

转树形结构、遍历树形结构、扁平树形

这篇就是写一下平级结构与树形结构之间的转化，之前也有写过类似的：大家有兴趣可以去看一下，也算是简单巩固一下js吧。

前端

javascript

树形结构

对象数组

用户管理

原创 2022-12-24 00:19:04 605 阅读

uniapp轮播表

导入成功之后在根目录components下就会有该插件的源码。其实就是封装了个组件，没必

uni-app

前端

.net

i++

封装

原创 2022-12-17 00:15:36 156 阅读

Suspense组件

注意一下是一项实验性功能。它不一定会最终成为稳定功能，并且在稳定之前相关 API 也可能

前端

vue.js

加载

服务器

官网

原创 2022-12-17 00:15:18 69 阅读

前端工程化＜npm、cnpm、yarn、npx、pnpm等包管理工具＞

平时工作中，像npm、cnpm、yarn等一些工具都是经常经常用的，但可能对里面的一些细节都没太在意，所以这篇就来总结一下加深印象和理解。另外还有pnpm的原理及使用，以及它的优势

前端

npm

node.js

1024程序员节

依赖包

原创 2022-12-14 20:02:29 492 阅读

uCharts常用图表示例

uniapp中使用uCharts提供了两种方式，一种是原生方式，另一种是组件方式。我这里

前端

uniapp

可选值

ci

折线

原创 2022-12-10 07:23:07 3913 阅读

项目统一规范包管理器

一般来说每个团队都会统一规定项目内只使用一个包管理器，譬如：npm、yarn、pnpm等，我们

npm

node.js

前端

包管理器

sed

原创 2022-12-10 07:22:53 276 阅读

Vue文件分片上传

在开发中，如果上传的文件过大，可以考虑分片上传，分片就是说将文件拆分来进行上传

vue.js

前端

javascript

上传

spark

原创 2022-11-26 16:41:26 455 阅读

给所有的async函数添加try/catch

的，不想一个个加，懒惰是我们进步。

javascript

前端

vue.js

c函数

默认值

原创 2022-11-26 07:49:26 634 阅读

使用yx-tiny命令行工具进行图片压缩

平时开发的时候，我们用到图片基本都是ui给到我们的、或者是从PS、蓝湖或者慕客上面切

前端

命令行工具

命令行

自定义

数据

原创 2022-11-20 14:54:28 146 阅读

Vue使用脚手架（VueCLI）搭建项目时，包管理器（npm、Yarn、pnpm等）的选择问题

当我们第一次选择完使用什么包管理器的时候，就会默认在我们电脑的C:\Users\xxx下生成一

vue.js

npm

包管理器

创建项目

程序猿

原创 2022-11-20 14:54:18 372 阅读

localStorage容量太小？使用localforage进行大容量的存储

localStorage是前端存储数据的一种方式，，但是其容量一般在5M-10M左右，用来缓

前端

javascript

数据

数据仓库

大数据量

原创 2022-11-20 14:54:08 378 阅读

JS中的迭代器、可迭代对象、生成器

迭代器（iterator），是使用户在容器对象（container，例如链表或数组）上可以遍历访问

javascript

前端

开发语言

生成器

迭代器

原创 2022-11-20 14:52:59 168 阅读

JDK安装配置

然后java文件夹中再新建 jdk和jre文件夹（我这里一般名字直接取当前下载的版本）这个时候也

java

后端

java文件

官网

原创 2022-11-13 00:27:20 85 阅读

Mysql安装配置

官网下载完成之后放在一个不包含中文的路径下，也养成这个习惯双击打开msi开始安装首

数据库

mysql

官网

环境变量

原创 2022-11-13 00:07:12 81 阅读

Navicat连接Mysql出现2059错误解决

Navicat连接Mysql出现2059错误解决方法

mysql

数据库

用户名

原创 2022-11-12 07:27:57 126 阅读

Echarts地球

Echarts-3D地球。这里把实现地球的代码单独抽离为一个组件，

echarts

前端

vue.js

json

git

原创 2022-11-05 10:04:16 329 阅读

Vue使用AntV X6绘制流程图（组态呈现）

先说下我项目中的需求，就是要自己绘制出一个我们想要的图，组态化呈现出来，然后这个图中会

流程图

json数据

初始化

原创 2022-10-23 01:05:21 4106 阅读 1收藏 1评论

使用原生table合并单元格

然后开始，所以就用了原生table

vue.js

javascript

表格

ico

可编辑

原创 2022-10-23 00:35:42 267 阅读

自定义指令实现图片懒加载

其实实现懒加载的方式有很多了，现在也有很多插件（比如：vue-lazyload等），element-ui库中也有图片懒加载的方式，所以大家根据自己的喜欢选择就可以了

javascript

vue.js

懒加载

自定义指令

加载图片

原创 2022-10-08 09:29:35 43 阅读

dataV中重置边框组件的宽高的initWH方法的使用

先说下我遇到的情况，项目就是很经典的后台管理系统，菜单在左侧，并且可以收缩，首页是个可视化页面，用到了dataV边框组件，但是收缩菜单的时候问题出现了，边框无法自适应父容器，下面是效果图：可以很明显的看出来，当我们收缩菜单的时候，中间的dataV边框并没有自适应容器，展开的时候又超出了容器的宽度，所以bug就来了，为了解决百度找了好多资料，但基本上都是说使用组件内部的initWH方法重置组

vue.js

elementui

宽高

自适应

赋值

原创 2022-10-02 08:45:59 1469 阅读

ES7~ES13那些事儿

ES7~ES12都可以统称为ES6+，ES6等价于ES2015，ES6是

ecmascript

数组

运算符

弱引用

原创 2022-09-24 02:12:15 104 阅读

ES6那些不知道的事儿

这篇主要是整理一些ECMAScript中后来新增的不常用的语法，有的甚至都没见过。像es6新增的let、const、Promise、箭头函数、默认参数等等这些常用就不做介绍了，相信大家使用的都很6，就不再赘述

javascript

ecmascript

字符串

sed

数据结构

原创 2022-09-17 06:58:51 43 阅读

Vue结合element-ui实现导航菜单展开收缩小功能

首先是布局，这就是个很经典的后台管理系统的容器页面，这里分为上下结构，上面一般放些系统lo

前端

elementui

ico

3c

d3

原创 2022-09-11 00:01:38 1156 阅读

iframe嵌入页面跨域通信

在项目中可能会通过iframe直接将另一个页面嵌入进来，某些场景下还可能会进行一些消息的传递

前端

javascript

html

子窗口

父窗口

原创 2022-09-11 00:01:35 320 阅读

浏览器刷新不记住之前的滚动位置

什么意思呢？其实是个浏览器的一个小细节哈

javascript

前端

vue.js

宽高

默认值

原创 2022-09-10 06:26:06 488 阅读

使用JS完成一个LRU缓存

1. 什么是LRU缓存 LRU 英文全称是 Least Recently Used，英译过来就是”最近最少使用“的意思。它是页面置换算法中的一种。百度百科 LRU 是一种常用的页面置换算法，选择最近最久未使用的页面予以淘汰。该算法赋予每个页面一个访问字段，用来记录一个页面自上次被访问以来所经历的时

javascript

缓存

数据

存储空间

存储数据

原创 2022-09-05 12:55:25 86 阅读

关于网页请求/sockjs-node/info?t=＜当前时间戳＞

npm run serve启动项目之后，在network中会自动持续发送 /sockjs-node/info?t= 请求（vue/cli5是目前最新的版本，

vue.js

前端

javascript

根目录

加载

原创 2022-08-28 00:21:19 818 阅读 1评论

vite+vue3+ts组件通信

这里就以setup语法糖来介绍，因为毕竟setup语法糖还是更方便些嘛。

前端

vue.js

f5

默认值

ide

原创 2022-08-28 00:21:12 235 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb62b5ae8ea2cad的博客

前端常用网址

前端实现电子签名

转树形结构、遍历树形结构、扁平树形

uniapp轮播表

Suspense组件

前端工程化＜npm、cnpm、yarn、npx、pnpm等包管理工具＞

uCharts常用图表示例

项目统一规范包管理器

Vue文件分片上传

给所有的async函数添加try/catch

使用yx-tiny命令行工具进行图片压缩

Vue使用脚手架（VueCLI）搭建项目时，包管理器（npm、Yarn、pnpm等）的选择问题

localStorage容量太小？使用localforage进行大容量的存储

JS中的迭代器、可迭代对象、生成器

JDK安装配置

Mysql安装配置

Navicat连接Mysql出现2059错误解决

Echarts地球

Vue使用AntV X6绘制流程图（组态呈现）

使用原生table合并单元格

自定义指令实现图片懒加载

dataV中重置边框组件的宽高的initWH方法的使用

ES7~ES13那些事儿

ES6那些不知道的事儿

Vue结合element-ui实现导航菜单展开收缩小功能

iframe嵌入页面跨域通信

浏览器刷新不记住之前的滚动位置

使用JS完成一个LRU缓存

关于网页请求/sockjs-node/info?t=＜当前时间戳＞

vite+vue3+ts组件通信