2024-02-11024新年之际即将到来，今天教大家用HTML5 Canvas制作出漂亮的3D烟花动画特效，送给你心爱的那个她。首先，我们需要准备一些基础素材，如烟花的粒子、爆炸的火花、背景等素材。这些素材可以自己制作或者从网上下载。接下来，我们需要使用HTML5 Canvas技术来实现这个3D烟花动画特效。我们可以通过Canvas的绘图api，来绘制各种形状的烟花粒子，以及实现它们的运动轨迹和颜色变化。同时，我们还可以利用CSS3的3D变换技术，使得烟花看起来更加真实。除此之外，我们还可以通过JavaScrip_2024微信新年祝福特效

https://www.qianduange.cn//article/1767.html 分类：前端知识

2024-02-10官网下载地址：https://mozilla.github.io/pdf.js/getting_started/#download.1、使用pdfjs已经写好的viewer.html页面。下载后将pdf.js 放到服务器上 如：http://xxxx:8080/static/pdfjs。这种方法需要从官网上将pdf.js包下载下来。pdf.worker.js:负责核心解析。通过插件docx-preview实现。2、将PDF文件渲染成Canvas。pdf.js: 负责api解析，_vue pdf.js

https://www.qianduange.cn//article/1646.html 分类：前端知识

2024-02-08近期做了一个前端vue实现人脸识别的功能，主要功能逻辑包含：人脸识别，人脸验证，唤起摄像头视频流之后从三个事件（用户点头、摇头、眨眼睛）中随机选中两个事件，待两个事件通过判断后人脸静止不动3秒钟后截取视频流生成图片，上传到阿里或者腾讯oss，通过oss返回的url或者自己拼接的url去跟调取后台接口实现人脸识别/人脸识别二次校验。下面方法包含了点头，摇头，眨眼睛三个事件的判断逻辑代码可能存在精度上的问题可以根据自己的实际需求进行调整，api中都有详细的计算公式。人脸识别设置的是每一秒钟执行一次检测。_使用face-api.js实现人脸识别完整uniapp示例

https://www.qianduange.cn//article/1520.html 分类：前端知识

2024-02-06背景:有同学说我上一篇《Vue 2.x 项目升级到 Vue 3详细指南【总结版】》看的太费劲，让我直接整理一篇Vue2.x 升级到 vue3 的修改清单，所以整理了此文章。Vue 3.0 已经发布，很多人可能都在疑惑如何将自己的 Vue 2.x 项目升级到 Vue 3.0。这篇文章将详细地介绍这个过程。它引入了许多新特性和改进，包括更好的性能、更小的包大小、更好的 TypeScript 支持，以及新的 api，如 Composition api。_vue2升级vue3

https://www.qianduange.cn//article/1459.html 分类：前端知识

2024-02-06众所周知，目前常见的地图（高德、百度、腾讯等）只提供在线api服务，对于一些内网应用而言，如果需要使用地图展示，则由于不能访问互联网而无法使用类似的第三方地图服务。本文，通过将高德地图瓦片数据 和 在线JS api做了本地部署，并修改api，将其所有的网络请求均变为本地请求。成功实现了私有化部署！1.获取地图下载器这是一个开源项目，使用Java开发的地图瓦片图下载工具，支持OpenStreetMap、天地图、谷歌地图、高德地图、腾讯地图、必应地图的XYZ瓦片图下载与合并。点击以下任意链接获取工具。1）_自己搭建瓦片地图服务器

https://www.qianduange.cn//article/1438.html 分类：前端知识

2024-02-02Vue-Plugin-HiPrint 是一款专注于 Vue 3 的打印插件，旨在简化开发者在 Vue 3 项目中的打印需求。它基于和jsPDF这两个强大的库，将页面内容转化为图片，然后生成 PDF 文件。简单易用：提供简单的 api，使得在 Vue 3 项目中集成打印功能变得轻而易举。灵活配置：支持丰富的配置选项，满足不同项目的打印需求。自定义样式：允许开发者自定义打印时的样式，以确保打印效果符合预期。_vue3 打印

https://www.qianduange.cn//article/1118.html 分类：前端知识

2024-02-02本地存储是指在客户端存储数据，HTML5 为我们提供了两种 api，分别是 localStorage 与 sessionStorage，二者作为 HTML5 新增的特性，它们的使用方法类似，都可以用来存储客户端临时信息，并且二者存储的数据格式均为 key/value 对的数据。

https://www.qianduange.cn//article/1099.html 分类：前端知识

2024-02-01提示：由于使用的是uniapp，所以没有用使用Android的SDK进行开发，但用到这个的key来进行做定位等uni方面的操作。提示：以下是本篇文章正文内容，下面案例可供参考在这里，uniapp里面使用高德地图就差不多了，剩下的就看官网api就好了。本文仅仅简单介绍了renderjs的传参使用，你们把这个当作js使用就可以了，只是uni.的一些内置方法在里面不管用，得在传统的 里面去使用，然后把参数获取方法传到renderjs里面就行了。_uniapp amap.driving

https://www.qianduange.cn//article/1031.html 分类：前端知识

2024-01-31链接:Query Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 api。此处提供强验证密码方法写法。_validate rules

https://www.qianduange.cn//article/950.html 分类：前端知识

2024-01-31为什么要学vue3:1. Vue是国内最火的前端框架,2.Vue 3 于 2022 年 2 月 7 日星期一成为新的默认版本！3. Vue3性能更高，体积更小,4. Vue3.0在经过一年的迭代后，越来越好用.动机与目的: 1. 更好的逻辑复用 与 代码组织 (composition组合式api) optionsapi(旧) => compositionapi（新）, 效果: 代码组织更方便了, 逻辑复用更方便了 非常利于维护!2.更好的类型推导 (typescript支持)_vue3

https://www.qianduange.cn//article/921.html 分类：前端知识