【Vue】Vue3 开发实战分享——打印插件 Print.js 的使用（Vue3 + Nodejs + Print.js 实战）以及 el-table 与 el-pagination 的深入使用（下）

文章目录📋前情回顾&前言🎯关于 el-table1️⃣获取每行对应的内容数据2️⃣行内数据判断处理（过滤）3️⃣对表格内容的索引🧩项目中延申使用🎯关于 el-pagination1️⃣显示总条数与分页展示2️⃣跳转页和页码样式3️⃣设置为中文🧩项目中延申使用📝最后📋前情回顾&前言上一篇文章（Vue3 开发实战分享——打印插件 Print.js 的使用（Vue3 + Nodejs + Print.js 实战）以及 el-table 与 el-pagination 的深

发表于：2023-12-10 浏览：243 TAG：

【Vue】Vue3 开发实战分享——打印插件 Print.js 的使用（Vue3 + Nodejs + Print.js 实战）以及 el-table 与 el-pagination 的深入使用（上）

文章目录📋前言🎯关于 Print.js🧩PDF 打印🧩网页（HTML）打印🧩图像打印🧩JSON 打印🧩下载并安装使用🧩相关配置🎯 Vue3 中使用 Print.js 实战🎯Vue3 + Nodejs + Print.js 模拟打印实战案例🧩启动 Nodejs 服务🧩启动 Vue 项目📝最后📋前言今天久违的更新一下关于 Vue 的文章了，本篇文章是基于 Vue3 + Node.js + ElementPlus 的实战项目分享，实战内容包括有打印插件 Print.js 的

发表于：2023-12-10 浏览：335 TAG：

【UniApp】利用uniapp实现图标动画效果

利用uniapp实现图标动画效果引言：在现代科技发展的背景下，人们对于跨平台开发需求越来越高。而uniapp作为一种基于Vue.js的前端框架，实现了一套代码多端运行的理念，成为了众多开发者的首选。本文将探讨如何利用uniapp实现图标动画效果，通过具体的代码示例来展示实现的过程。一、准备工作首先，我们需要一个uniapp项目的基础架构。可以在HBuilderX等开发工具中创建一个uniapp项目，这里不再赘述具体步骤。二、下载图标库在实现图标动画效果之前，我们需要准备一些图标资源。可

发表于：2023-12-09 浏览：406 TAG：

【UniApp】利用uniapp实现音频播放功能

利用uniapp实现音频播放功能随着移动互联网的发展，音频播放功能成为了许多应用必不可少的功能之一。而利用uniapp可以方便地实现音频播放功能，而且具有跨平台的特点，可以在不同的移动终端上运行。在进行uniapp开发之前，我们需要先准备好音频资源文件。在本文中，我们将使用一个名为"music.mp3"的音频文件作为示例。首先，我们需要在uniapp的项目中创建一个音频播放页面。在pages文件夹下，新建一个名为"audio"的文件夹，并在该文件

发表于：2023-12-09 浏览：650 TAG：

【UniApp】使用uniapp实现懒加载图片效果

使用uniapp实现懒加载图片效果随着移动互联网的发展，图片在移动应用中扮演着重要的角色。然而，过多的图片加载可能会导致页面加载速度缓慢，影响用户体验。为了解决这个问题，我们可以使用uniapp框架提供的懒加载图片效果，使图片在需要时才加载，节省了页面加载时间，提高了用户体验。首先，我们需要确保已经安装好uniapp开发环境，并创建好一个uniapp项目。接下来，我们将开始编写代码。创建一个Vue组件在uniapp项目中，我们可以创建一个独立的Vue组件来实现懒加载图片效果。打开uni

发表于：2023-12-09 浏览：385 TAG：

【UniApp】uniapp App端 实现pdf文件预览

一、下载pdf预览需要用到的相关文件（即hybrid文件夹）微信关注公众号【海贼王部落】，回复【uniapp】，获取网盘下载链接。二、将步骤一下载解压得到的hybrid文件夹放在/src目录下，即 /src/hybrid三、预览pdf1、预览pdf需要用到uniapp的webview组件，所以注册并创建一个专门用于预览pdf的页面，页面使用webview组件。/pages/webview/index.vue：<template><view style="wi

发表于：2023-12-08 浏览：349 TAG：

【UniApp】uniapp引入iconfont图标及使用方式

🧊 前言本文主要讲述的是在使用uniapp中如何引入iconfont图标，以及两种常用的位置。位置一：App下原生导航栏的按钮使用字体图标。位置二：页面中的任意位置使用iconfont图标。🌺 正文第一步：打开iconfont官网新建项目并添加自己所需要的图标这里是iconfont的网址链接： iconfon官网 新建项目        不要勾选彩色，会导致在项目中无法修改字体颜色及样式，本人亲测，找了半天解决办

发表于：2023-12-08 浏览：415 TAG：

【UniApp】uniapp跨域

问：为什么会有跨域问题？ 由于浏览器的同源策略导致的，是浏览器的一种安全保护机制。 浏览器从一个域名的网页去请求另一个域名的资源时，协议、域名、端口 任一不同，都是跨域解决uniapp的跨域问题有很多方式，下面总结一下常用的几种方式 1. 使用 jsonp，可在我们封装的网络通讯中添加dataType:'jsonp'总结： 但是此种方式仅支持 get 请求，post好像用不了。 具体可参考：https://www.imooc.com/article/2919312. 在unia

发表于：2023-12-08 浏览：339 TAG：

【前端】全栈软件开发工程师需要具备哪些技能

全栈软件开发工程师需要具备前端、后端和数据库等多方面的技能，以便能够在整个应用开发周期中承担各种任务。以下是典型的全栈软件开发工程师的技能栈：一、前端技能：1.HTML/CSS/JavaScript:构建网页的基本技能，负责页面结构、样式和交互。2.前端框架：掌握至少一种前端框架，如 React.js、Vue.js、Angular，用于构建可维护的、高性能的前端应用。3.前端工具：使用构建工具（Webpack、Parcel）、包管理工具（npm、Yarn）、代码规范工具（ESLint、Prett

发表于：2023-12-07 浏览：369 TAG：

【UniApp】UniApp原生讯飞语音插件-YL-SpeechRecognition

由于插件文档图片部分可能无法显示，可以移步到CSDN博客，查看完整文档：https://blog.csdn.net/baiyuliang2013/article/details/130925332插件说明：支持安卓IOS双端！新版本已由必须联系本人打离线包，升级为线上购买后自主导入sdk打包，更方便快捷！当然，您在使用时遇到问题依然可以联系本人QQ:453503875，微信:同qq。若您只需要安卓端，可使用：Uts版插件：https://ext.dcloud.net.cn/plugin?id=1

发表于：2023-12-07 浏览：400 TAG：