- 博客(117)
- 收藏
- 关注
RSS订阅原创 利用visibilitychange事件来处理页面可见性变
使用场景：可以利用`visibilitychange`事件来处理页面可见性变化，例如在页面不可见时暂停视频播放、更新页面数据等。
2024-06-11 16:58:09
819
1
原创 实现抖音视频滑动功能vue3+swiper
首先，你需要安装和引入Swiper库。可以使用npm或者yarn进行安装。然后在Vue组件中引入Swiper库和样式。接下来，我们可以在Vue组件中定义Swiper的滑动功能。这是一个Vue组件，用于展示一个垂直方向的轮播图，每个轮播项包含一个视频和相关信息。视频可以自动播放、循环播放，并且有播放进度条。
2024-06-11 15:46:01
1539
原创 在Vue3中使用Pinia进行数据持久化配置的步骤
函数创建一个counterStore实例，并将count状态和increment行为分别绑定到组件的模板中。函数定义了一个名为"counter"的store，该store包含一个名为。现在，当你在应用中增加计数并刷新页面时，计数的值将会被保留下来。状态，我们确保在重新加载页面时，在上述代码中，我们使用。希望这可以帮助到你！
2024-05-11 18:05:00
411
原创 vue3+element+AntDesign(自动导入)+pina+vite+js+pnpm搭建项目框架
这样，就搭建好了一个基于Vue 3的项目框架，使用了Element UI、Ant Design、Pina、Vite、JavaScript和pnpm。你可以根据需要进一步开发和配置项目。记得将上面的URL替换为你自己的图标库地址。
2024-04-10 18:08:16
1339
原创 vue3+vant自动导入+pina+vite+js+pnpm搭建项目框架
至此，你已经搭建好了一个使用Vue 3、Vant组件库、Pina状态管理、Vite作为构建工具、JavaScript语言、pnpm作为包管理工具的项目框架。你可以根据自己的需求继续开发和配置项目。
2024-04-10 18:03:09
981
原创 在vue2中使用weixin-js-sdk的详细步骤
以上就是在Vue2中使用微信Js-SDK的详细步骤。在实际项目中，需要根据具体的需求调用微信Js-SDK提供的其他接口，并在回调函数中处理相应的逻辑。
2024-01-29 18:23:07
2663
1
原创 如何上传自己的npm包
npm是什么？npm是JavaScript软件包管理器，它允许开发人员在项目中方便地安装、发布和共享代码库。可以将其视为一个类似于应用商店的工具，可以帮助开发人员快速地找到、安装和更新他们需要的代码库。
2023-11-09 17:03:04
1133
原创 Java从入门到精通
Java是美国 Sun 公司（Stanford University Network）在1995年推出的计算机编程语言，后被Oracle公司收购。Java 早期称为Oak(橡树)，后期改名为Java。Java 之父：詹姆斯·高斯林（James Gosling）。Java语言的产品是 JDK（Java Development Kit ：Java开发者工具包) ，必须安装JDK才能使用Java语言。
2023-11-08 17:42:49
179
原创 在vue2 中socket.io-client的具体使用步骤
Vue.js是一款流行的前端JS框架，它的数据绑定能力和组件化思想为开发者带来了很多便利。而socket.io-client则是一款实现WebSocket通信的框架，它基于Node.js，可以让开发者很方便地在前端与后端进行实时通信。下面，我们就来详细介绍在Vue.js中如何使用socket.io-client。
2023-10-07 10:40:42
1885
原创 base64转为blob，然后转成file文件，具体步骤以及注释说明，以及使用案例
【代码】base64转为blob，然后转成file文件，具体步骤以及注释说明，以及使用案例。
2023-09-14 15:03:44
3893
2
原创 Vue中使用pdf.js实现在线预览pdf文件流
方法加载pdf文件流。可以将文件流作为Blob对象传递给该方法。此时，pdf文件已经被渲染成了一张图片。以上就是在Vue中使用pdf.js实现在线预览pdf文件流的详细步骤。使用pdf.js的Renderer渲染pdf文件。此时，pdf文件已经加载到了pdf对象中。方法获取pdf页面的视图大小。
2023-09-07 09:40:51
9094
4
原创 vue3+vite+ts+pinia+element-puls+Ant Design Vue 手把手教你创建一个vue3项目
函数将会返回 store 模块的实例，然后我们就可以使用其中的状态和操作了。注意，这里的状态和操作是响应式的，所以在模块中的任何更改都将会立即反映到组件的模板中。打开 vite.config.ts 文件。然后控制台出现后面这三条命令。
2023-08-29 10:39:01
653
原创 Vue——axios的二次封装
对 axios 的二次封装，在企业级项目中是 必须 要配置的。因为经过封装的 axios，更容易使用和管理，并且可以 减少代码量，让 逻辑更清晰。
2023-08-28 10:23:26
2118
1
原创 基于node.js完成对H5多个应用包安装依赖，打包，压缩，删除等功能
基于node.js完成对H5多个应用包安装依赖，打包，压缩，删除等功能。
2023-05-25 17:37:30
419
1
原创 使用echarts圆角环形图
需要注意的是为了保证打包的体积是最小的，ECharts 按需引入的时候不再提供任何渲染器，所以需要选择引入 CanvasRenderer 或者 SVGRenderer 作为渲染器。这样的好处是假如你只需要使用 svg 渲染模式，打包的结果中就不会再包含无需使用的 CanvasRenderer 模块。上面的代码会引入 ECharts 中所有的图表和组件，如果你不想引入所有组件，也可以使用 ECharts 提供的按需引入的接口来打包必须的组件。你可以使用如下命令通过 npm 安装 ECharts。
2023-04-05 09:41:46
1848
原创 使用JavaScript判断搜索框中的内容是否为一个正确的手机号或者是一个正确的身份证号
【代码】使用JavaScript判断搜索框中的内容是否为一个正确的手机号或者是一个正确的身份证号。
2023-03-25 16:14:19
399
原创 vue项目中使用trackingjs人脸识别
将项目解压缩到本地驱动器上的某个位置。该软件包包括您将使用的项目的初始版本。在您工作时，您需要一个基本的 HTTP 服务器来为您的页面提供服务。通过加载项目的完成版本来测试 Web 服务器。例如：http://localhost:8000/tracking.js/要开始，请下载项目。该项目包括所有 tracking.js 示例，您需要开始使用的源代码依赖项。方式2：使用 tracking.js 安装。之后，将文件保存在assets文件夹下。
2023-03-21 09:26:26
1020
原创 Vue项目中动态修改页面标题title
①如果需要动态设置页面的title，可以直接使用document.title；②可以使用router的beforeEach去统一设置，这种方法使用每个页面都是固定的标题，在进入路由就赋值标题，进入路由后就不修改了。
2023-01-31 09:56:15
3859
原创 Web APIs
JS 基础阶段:Web APIs 阶段:简单理解： API 是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能。比如手机充电的接口：实现充电这个功能W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。DOM是W3C组织制定的一套处理 html和xml文档的规范，所有的浏览器都遵循了这套标准。文档：一个页面就是一个文档，DOM 中使用 document 表示元素：页面中的所有标签都是元素，DOM 中使用 element 表示节点：网页中的所有内容都是节点（
2022-12-30 18:12:29
923
原创 Object(1. 对象的相关概念,2. 创建对象的三种方式,3. new关键字的作用,4. 对象的使用,5. 遍历对象)
1. 对象的相关概念,2. 创建对象的三种方式,3. new关键字的作用,4. 对象的使用,5. 遍历对象
2022-12-12 17:33:52
467
原创 Array( 1. 数组的概念,2. 创建数组,3. 数组空位,4. 数组方法)
1. 数组的概念,2. 创建数组,3. 数组空位,4. 数组方法
2022-11-28 01:03:17
670
原创 JavaScript总结
第1章 编程语言1.1 编程1.2 计算机语言1.3 编程语言1.4 翻译器1.5 编程语言和标记语言区别第2章 计算机基础2.1 计算机组成2.2 数据存储2.3 数据存储单位2.4 程序运行第3章 什么是JavaScript3.1 简短的历史回顾3.2 JavaScript的作用3.3 HTML/CSS/JS 的关系3.4 JS 的组成2. DOM(文档对象模型)3. BOM(浏览器对象模型)第4章 HTML中的JavaScript4.1 ``元素1. 标签位置2. 推迟执行脚本。
2022-11-13 15:56:21
445
原创 js实现签名功能（vue中使用电子签名）
开始电子签名，需要在vue.config.js中配置jquery插件，否则jq-signature会报错：jQuery is undefined。安装jq及js-signature(js-siganture依赖于jquery)最后生成一个以base64位的图片。jquery两种使用方式。
2022-10-20 03:43:38
30260
原创 uniapp - 电商优购项目
uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码，可发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处：当然，你依然可以根据自己的喜好，选择使用 VS Code、Sublime、记事本… 等自己喜欢的编辑器！为了方便编写样式（例如：），建议安装 scss/sass 编译 插件。插件下载地址：https://ex
2022-10-19 23:20:17
7310
9
原创 Vue项目WebPack打包删除注释和console
在本地开发环境中肯定都会去打印一些数据，但是你如果上传到正式环境呢这些肯定不能再有了，但是你也不能一行一行的去注释掉吧，这样很麻烦所以vue在配置的时候其实是有这个配置的但是需要你自己去配置文件里面修改一下，这样才能方便你的开发二可以达到偷懒的地步。下面就说一下这个配置其实就两行代码就可以了。...
2022-08-18 11:21:21
6727
2
原创 前端 crypto-js AES 加解密
背景前段时间公司做项目，该项目涉及到的敏感数据比较多，经过的一波讨论之后，决定前后端进行接口加密处理，采用的是 AES + BASE64 算法加密~网上关于 AES 对称加密的算法介绍挺多的，对这一块还不是特别理解的小伙伴可自行百度，这里我推荐一篇AES加密算法的详细介绍与实现，讲的还是蛮详细的~
2022-08-05 10:09:37
5277
原创 将数组内的时间，由高到低排序
1、Date.parse()函数用于分析一个包含日期的字符串，并返回该日期与 1970 年 1 月 1 日午夜之间相差的毫秒数。Date.parse()方法。
2022-08-04 10:31:06
290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人