举止优雅的猪的博客_前端

uniapp通过触摸事件判断左滑、右滑、上滑、下滑

【代码】uniapp通过触摸事件判断左滑、右滑、上滑、下滑。

uni-app

前端

javascript

Math

原创 3月前 360 阅读

组件v-model

最近看到vue版本更新到3.4.x了，其中有个defineModel API，这个API就是Vue3简化组件v-model的写法的，所以这篇就一块儿来总结3中的使用。

vue.js

前端

javascript

API

官网

原创 7月前 55 阅读

Vue使用Animate.css

说一下Animate.css这个动画库，很多的动画在这个库里面都定义好了，我们用的时候可以直接使用里面的类名就可以了，就是直接目标元素绑

vue.js

css

前端

ide

类名

原创 10月前 146 阅读

Vue2使用easyplayer

说一下easyplayer在vue2中的使用，vue3中没测试，估计应该差不多，大家可自行验证。安装：pnpm i @easydarwin/easyplayer组件封装习惯性将其封装为单独的组件<template> <div class="EasyPlayer"> <easy-player style="width: 100%;height:

前端

vue.js

ide

Boo

初始化

原创精选 2023-08-12 10:15:32 754 阅读 1评论

uniapp-ios打包步骤

已申请Apple ID并注册Apple Developer Program。

uni-app

上传

描述文件

官网

原创 2023-07-09 10:26:10 459 阅读

Vue向pdf文件中添加二维码

这两天刚看到一个需求，简单描述一下，就是我们拿到一个pdf文件流（文件流可以是后端返回的，也可以是从自己本地选的）和一个url链接，现在要将url链接生成二维码，并将这个二维码添加到这个pdf文件中，然后再预览或者下载这个pdf文件。灵感出自于我之前写过一篇Vue使用pdf-lib为文件流添加水印并预览，上篇写的是在pdf上加水印，其中一种方式就是通过图片的方式添加上去的，所以这次添加

pdf

javascript

vue.js

前端

二维码

原创 2023-06-18 01:04:48 127 阅读

Vue打印功能

这里介绍一个插件（vue-print-nb），蛮好用的，用起来很方便，所以想记录一下。

vue.js

前端

javascript

App

同源策略

原创 2023-01-14 10:38:57 1182 阅读

纯前端导出Excel并修改样式

之前写过一篇前端导出：Vue实现导出功能（无后端配合），但是当时没考虑到样式的问题，使用，踩坑解决...

前端

vue.js

javascript

数据

字符串

原创 2023-01-14 01:43:59 1498 阅读

前端实现电子签名

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

前端

javascript

宽高

偏移量

重置

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

前端工程化＜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 3899 阅读

项目统一规范包管理器

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

npm

node.js

前端

包管理器

sed

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

Vue文件分片上传

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

vue.js

前端

javascript

上传

spark

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

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

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

javascript

前端

vue.js

c函数

默认值

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

使用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 371 阅读

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

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

前端

javascript

数据

数据仓库

大数据量

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

使用原生table合并单元格

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

vue.js

javascript

表格

ico

可编辑

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

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

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

javascript

前端

vue.js

宽高

默认值

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

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

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

vue.js

前端

javascript

根目录

加载

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

Vue项目优化方案

当我们项目开发到后期的时候，可能就要谈及到去优化下项目了，比如经常碰见的：打

vue.js

javascript

前端

加载

ide

原创 2022-08-21 00:59:29 179 阅读

JS方法手写系列

写这篇主要是想回顾一下之前手写的一些JS方法，巩固下JS，也做个记录；有些方法

javascript

前端

json

发布订阅

深拷贝

原创 2022-08-21 00:59:22 107 阅读

Vue项目中Form表单自定义校验

在实际项目中肯定少不了的增删改查中，前端表单有时候必须校验一些规则，比如必须输

vue.js

javascript

前端

浮点数

下划线

原创 2022-08-21 00:59:14 188 阅读

vue使用x2js对xml数据进行转换处理

x2js是一个在XML和JavaScript对象之间进行转换的库。转换不一定是无损的，但是很好用。该库同样适用于vue3。

vue.js

前端

xml

json

实例化

原创 2022-07-24 00:22:28 607 阅读

el-tree自定义节点内容并设置选中节点的样式

在element-ui中el-tree算是稍微复杂点儿的了，这里简单记录一些闲话不说了，直接附上代码。

elementui

vue.js

前端

ico

删除数据

原创 2022-07-17 00:02:12 10000+阅读 1评论

highcharts无数据显示

当我们使用highcharts无数据的时候，要考虑到样式问题，官网默认效果如下这是没有数据这是有数据，

前端

vue.js

数据可视化

数据

官网

原创 2022-07-17 00:02:11 315 阅读

Vue使用MD5加密

引入使用按需引入也可以挂载到全局 main.js 使用通过this.$md5即可

vue.js

javascript

前端

md5加密

对称加密

原创 2022-07-10 00:38:06 893 阅读

TypeScript学习

TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代一个超集，主要提供了类型系统和对 ES6+

typescript

javascript

泛型

原创 2022-06-27 16:18:57 75 阅读

vue使用西瓜播放器

先上两个网址xgPlayer-npm：https://www.npmjs.com/package/xgplayer西瓜播放器示例：https://v2.h5player.

前端

ide

封装

初始化

原创 2022-06-27 16:16:55 1777 阅读

VueCli3集成Cesium

1. 简介Cesium是一个地图可视化框架，只是支持三维场景<渲染三维地球>Cesium中的图层分为两种：一种 <

前端

ide

图层

html

原创 2022-06-27 16:16:51 298 阅读

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

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

51CTO博客

mb62b5ae8ea2cad的博客

uniapp通过触摸事件判断左滑、右滑、上滑、下滑

组件v-model

Vue使用Animate.css

Vue2使用easyplayer

uniapp-ios打包步骤

Vue向pdf文件中添加二维码

Vue打印功能

纯前端导出Excel并修改样式

前端实现电子签名

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

uCharts常用图表示例

项目统一规范包管理器

Vue文件分片上传

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

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

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

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

使用原生table合并单元格

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

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

Vue项目优化方案

JS方法手写系列

Vue项目中Form表单自定义校验

vue使用x2js对xml数据进行转换处理

el-tree自定义节点内容并设置选中节点的样式

highcharts无数据显示

Vue使用MD5加密

TypeScript学习

vue使用西瓜播放器

VueCli3集成Cesium