qq_54646196的博客

原创 vue2使用lazyload

原创 要同时下载多张图片并将它们存储在一个压缩包（ZIP 文件）中，你可以使用第三方库 JSZip。JSZip 是一个用于创建和操作 ZIP 文件的 JavaScript 库，可以在 Vue 中方便地使用它

然后，我们使用 `map` 方法遍历 `imageLinks` 数组，针对每个图片链接，我们使用 `fetch` 函数获取图片的 Blob 对象，并将其添加到 ZIP 文件中，使用文件名 `image_${index + 1}.jpg`。然后，我们在 `data` 中创建了 `imageLinks` 数组，用于存储后端返回的图片链接列表。最后，我们使用 `FileSaver.saveAs()` 将生成的 Blob 对象保存为名为 `images.zip` 的文件。首先，确保你已经安装了 JSZip。

原创 vue图片裁剪与文档

cropperjs是一款非常强大却又简单的图片裁剪工具，它可以进行非常灵活的配置，支持手机端使用，支持包括IE9以上的现代浏览器。（关键是使用方法简单，几行代码就可以搞定）如图，可以对指定的图片进行裁剪，可以自己选择裁剪的交互方式，如大小、纵横比等 还可以预览裁剪区域，确认裁剪后可以生成一个包含裁剪图的canvas对象，借助canvas的toDataURL方法可以生成一张Base64格式的图片。

原创 vue检测元素有没有滚动条

【代码】vue检测元素有没有滚动条。

原创 vue混入page,触底加载，自动翻页

使用这个混入的组件，需要设置scoll调用混入组件函数的自动翻页。

原创 vue实现图片上传，使用h5纯标签进行上传，一定要设置请求头，告诉服务器是formdata类型

【代码】vue实现图片上传，使用h5纯标签进行上传，一定要设置请求头，告诉服务器是formdata类型。

原创 css瀑布流，vue代码，原生

【代码】css瀑布流，vue代码，原生。

原创 htmlcss更改input[range]滑块颜色和背景颜色示例代码纯css实现滑块控件上代码，并且附上代码解释

【代码】htmlcss更改input[range]滑块颜色和背景颜色示例代码纯css实现滑块控件上代码。

原创 vue怎么全局引入scss文件中的变量和样式

vue怎么全局引入scss文件中的变量和样式1.在根目录找到vue.config.js文件，没有就创建。

原创 js字符串方法

【代码】js字符串方法。

原创 vue中的vue.config.js相关配置和代码

【代码】vue中的vue.config.js相关配置和代码。

原创 js把两个区间的时间戳进行拆解

【代码】js把两个区间的时间戳进行拆解。

原创 下面是一个基础的 Vue.js 3.x 组件模板代码，其中包含了常用的生命周期函数：

<template> <div> <!-- vue 模板代码 --> </div></template><script lang="ts">import { defineComponent, onMounted, onUpdated, onUnmounted } from 'vue';export default defineComponent({ name: 'MyComponent', dat

原创 uniapp保存图片api

【代码】uniapp保存图片api。

原创 windows系统怎么查看自己连接的WiFi密码

如果您曾经连接过这个 WiFi 网络，并且使用的是 Windows 操作系统，可以尝试使用命令行工具查看已保存的 WiFi 网络密码。具体的方法是打开命令提示符（或 PowerShell），输入以下命令，并替换。如果命令执行成功，它将输出 WiFi 网络的详细信息，包括密码。

原创 node.js中的WiFi-Control模块连接WiFi常用功能展示

WiFi-Control是一个Node.js模块，用于管理Wi-Fi网络连接。注意：在Windows系统上使用WiFi-Control模块需要管理员权限运行Node.js进程。获取当前连接的Wi-Fi网络信息。搜索可用的Wi-Fi网络。连接到Wi-Fi网络。

原创 通过node发送邮箱教程

【代码】通过node发送邮箱教程。

原创 uniapp怎么在点击tabbar之前做判断

在这个方法中可以根据需要做相应的判断，例如判断用户是否已登录，如果没有登录则跳转到登录页面并阻止跳转到我的页面。需要注意的是，如果需要阻止跳转，则需要在方法末尾返回。在UniApp中，可以通过监听。时被触发，它接收一个参数。，其中包含了被点击的。

原创 gitee常用操作

你的用户名/你的仓库名.git解释git remote add：添加一个新的远程仓库。注意：在推送代码之前，确保你已经在 Gitee 上创建了相应的分支。在仓库页面中，点击页面右上角的“Clone or download”按钮，复制仓库的 URL。注意：在创建新分支时，应该基于所要开发的内容来进行命名，以便于后续的管理与维护。首先，在 Gitee 上找到你要拉取的代码所在的仓库页面。你的用户名/你的仓库名.git：远程仓库的 URL。将本地的分支推送到远程仓库，并同时创建新的分支。

原创 uniapp小程序长按保存图片

uniapp自带属性show-menu-by-longpress设置true微信小程序长按图片就会出现下图展示效果。点击下载长按下载自动保存转发收藏

原创 uniapp上传图片

图片上传

原创 浏览器控制台模拟触发点击事件

var btnObj = document.querySelector('.visuallyhidden') // 第二步中可知 id=“btn"if (btnObj.disabled == false) { // 当按钮可以点击时。

原创 用Node.js 写一个爬虫

可以使用一些第三方模块来帮助你实现这个目标。模块来解析网页并提取所需的数据。模块来请求网页内容，然后使用。

原创 使用HTML5中的Canvas API绘制出一个足球

【代码】使用HTML5中的Canvas API绘制出一个足球。

转载 vue将网页中的px自动编译成rem

/ postcss.config.js 文件 //没有就创建一个。remUnit: 16, // 配置1rem = 16px。// 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。然后再新建一个.js文件初始化页面配置。// 改变窗口大小时重新设置 rem。// 设置页面根节点字体大小。然后在main.js 引用。安装好了之后新建一个文件。// 设置 rem 函数。

原创 uniapp获取滚动条的位置和元素距离顶部的距离

uniapp获取滚动条的位置和元素距离顶部的距离2.uniapp生命周期实时获取滚动条的位置。超过100rpx我就显示头部导航哈。获取元素至顶部的距离。

原创 css文字超出多行隐藏

【代码】css文字超出多行隐藏。

原创 CSS 实现自动换行、强制换行、强制不换行的属性

CSS 实现自动换行、强制换行、强制不换行的属性 元素超出自动换行：normal : 允许内容顶开指定的容器边界，允许字内换行。break-word : 内容将在边界内换行，允许单词换行。normal 使用浏览器默认的换行规则，允许字内换行。keep-all 只能在半角空格或连字符处换行。* 注意：单词换行需要父盒子为块级元素。break-all 允许在单词内换行

原创 防抖和节流简单效果

防抖: n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时 节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效 直接上代码吧这里是效果图

原创 前端每日一面

1、`==`和`===`的区别双等号判断时，只需要值相等三等号判断时，需要值与类型都相等2. 函数声明与函数表达式的区别？函数声明就通过function声明函数,比如function show(){}可以声明函数之前来调用函数函数表达式把一个函数作为一个表达式赋值给变量,var show = function(){}不可以在函数赋值之前调用3. 数组方法pop() push() unshift() shift()pop() 数组尾部删除元素push() 数组尾部添...

原创 前端每日一面

1、说一下innerHTML 与 innerText的作用与区别？作用：获取或者设置标签元素的内容区别：innerHTML可以解析内容中的html标签 innerText不能解析内容中的html标签2、JavaScript 由哪三部分组成： 1)、ECMAScript（语法部分）：JavaScript 语言基础 2)、DOM（文档对象模型）：规定了访问 HTML 和 XML 的方法 3)、BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法3、介绍 JS...