<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[csdn_chengpeng的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/csdn_chengpeng</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; csdn_chengpeng]]></copyright><item><title><![CDATA[前端禁止打开控制台、禁止f12调试（devtools-detector）]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/152119958</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/152119958</guid><author>csdn_chengpeng</author><pubDate>Fri, 26 Sep 2025 11:27:50 +0800</pubDate><description><![CDATA[前端禁止打开控制台
监听控制台状态
前端禁止f12调试
devtools-detector
前端代码防抄袭]]></description><category></category></item><item><title><![CDATA[uniapp对接pda手机的激光扫码]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/149933484</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/149933484</guid><author>csdn_chengpeng</author><pubDate>Tue, 05 Aug 2025 11:42:45 +0800</pubDate><description><![CDATA[uniapp对接pda扫码，uniapp激光扫码]]></description><category></category></item><item><title><![CDATA[uniapp对接融云IM即时通讯，语音消息无法播放]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/148789031</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/148789031</guid><author>csdn_chengpeng</author><pubDate>Fri, 20 Jun 2025 12:58:52 +0800</pubDate><description><![CDATA[uniapp对接融云im，语音消息无法播放
uniapp对接融云im，播放语音消息报错errCode：-5
uniapp对接融云im，播放语音消息报错errCode：-99]]></description><category></category></item><item><title><![CDATA[使用adb连接安卓手机]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/140358210</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/140358210</guid><author>csdn_chengpeng</author><pubDate>Thu, 11 Jul 2024 17:39:34 +0800</pubDate><description><![CDATA[手机和电脑需连接在同一 WiFi 下；保证 SDK 为最新版本（adb --version ≥ 30.0.0）；1.手机启用开发者选项和无线调试模式（会提示确认）；2.允许无线调试后，选择使用配对码配对。记下显示的配对码、IP 地址和端口号；3.运行adb pair ip:port，使用第  2  步中的 IP 地址和端口号；4.根据提示，输入第  2  步中的配对码，系统会显示一条消息，表明您的设备已成功配对；]]></description><category></category></item><item><title><![CDATA[css连续动画（动画组）]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/139605592</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/139605592</guid><author>csdn_chengpeng</author><pubDate>Tue, 11 Jun 2024 18:06:56 +0800</pubDate><description><![CDATA[/ 如果当前播放的动画已经是最后一个,阻止后续代码执行。// 初始化dom节点的class。// 根据动画执行时间设置计时器。// 获取当前需要播放的动画。// 设置当前动画执行时间。// 将动画的下标加1。//单个动画执行次数。//单个动画执行时间。]]></description><category></category></item><item><title><![CDATA[element-ui表格跨页选择数据]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/139436760</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/139436760</guid><author>csdn_chengpeng</author><pubDate>Tue, 04 Jun 2024 11:27:39 +0800</pubDate><description><![CDATA[/循环数据列表，判断当前数据的id是否存在于allIds中，如果存在则默认选中。]]></description><category></category></item><item><title><![CDATA[一段代码解决前端大屏项目适配的问题]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/139067577</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/139067577</guid><author>csdn_chengpeng</author><pubDate>Mon, 20 May 2024 17:24:47 +0800</pubDate><description><![CDATA[前端大屏适配方案，不受限与框架（原生、vue、react等全部支持）]]></description><category></category></item><item><title><![CDATA[从零搭建vue+electron桌面应用]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/131790650</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/131790650</guid><author>csdn_chengpeng</author><pubDate>Tue, 18 Jul 2023 18:11:58 +0800</pubDate><description><![CDATA[以报错代码为例，手动下载：https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z。然后将其复制到下图的目录中（你的目录地址不一定和我的一样，需要根据找到自己的目录地址）这是因为网络的原因导致的，遇到这种情况只能手动下载对应的包，然后粘贴到对应的目录。引入ipcRenderer。监听主进程发送过来的消息。]]></description><category></category></item><item><title><![CDATA[uniapp如何判断文本超出某行]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/129798988</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/129798988</guid><author>csdn_chengpeng</author><pubDate>Mon, 27 Mar 2023 17:14:23 +0800</pubDate><description><![CDATA[此处需要获取节点元素的高度，所以必须要在mounted中去写。]]></description><category></category></item><item><title><![CDATA[vue使用axios下载文件流为excel文件]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/127065255</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/127065255</guid><author>csdn_chengpeng</author><pubDate>Tue, 27 Sep 2022 09:55:56 +0800</pubDate><description><![CDATA[vue下载文件流为excel文件。
axios下载文件流
前端下载文件流
js blob支持的类型]]></description><category></category></item><item><title><![CDATA[nuxt在js文件中访问vuex]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/124988236</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/124988236</guid><author>csdn_chengpeng</author><pubDate>Thu, 26 May 2022 18:00:17 +0800</pubDate><description><![CDATA[nuxt在js文件中访问vuex一. nuxt无法在js文件中直接引用vuex的原因二. 解决方案1.解决思路2.解决window is not defined的问题3. 解决window.$nuxt输出为undefined的问题三、最终效果
nuxt因为某些特殊的原因，无法像传统的vue项目一样，在js文件中引入store文件就可以操作vuex
一. nuxt无法在js文件中直接引用vuex的原因
传统vue:

传统的vue项目需要自己在store目录下创建vuex管理文件，最后通过引入这个管理文件就可]]></description><category></category></item><item><title><![CDATA[elementUI el-table合并单元格]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/124200535</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/124200535</guid><author>csdn_chengpeng</author><pubDate>Fri, 15 Apr 2022 18:11:22 +0800</pubDate><description><![CDATA[合并单元格，如果id列值一致，则合并
原理
1、getSpanArr(data)方法 data就是我们从后台拿到的数据，通常是一个数组；
2、spanArr是一个空的数组，用于存放每一行记录的合并数；
3、 pos是spanArr的索引。
如果是第一条记录（索引为0），向数组中加入１，并设置索引位置；
如果不是第一条记录，则判断它与前一条记录是否相等，
如果相等，则向spanArr中添入元素0，并将前一位元素＋１，表示合并行数＋１，
以此往复，得到所有行的合并数，0即表示该行不显示
作者：後弦月的雨
链接：]]></description><category></category></item><item><title><![CDATA[使用cdn的形式创建vue项目]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/122562917</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/122562917</guid><author>csdn_chengpeng</author><pubDate>Tue, 18 Jan 2022 17:03:24 +0800</pubDate><description><![CDATA[使用cdn的形式创建vue项目一.实例化vue二.引入第三方组件库1.引入elementUI2.使用组件3.效果图三.开发组件1.创建pageA目录，并新建pageA.js2.在index.html中引入该文件3.使用该组件4.效果图四.路由1.引入路由文件2.引入路由组件3.最终效果
一.实例化vue
创建index.html
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;titl]]></description><category></category></item><item><title><![CDATA[vue调用本地exe程序]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/122254430</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/122254430</guid><author>csdn_chengpeng</author><pubDate>Fri, 31 Dec 2021 13:35:09 +0800</pubDate><description><![CDATA[vue调用本地exe程序, 原生js同理1.搭建服务2.路由文件3.前端发起请求
此方法需要后端的配合，简单来说了下实现思路，我是使用node+express搭建了一个服务，通过引用node中的 child_process 模块来实现的这个需求
1.搭建服务
在项目根目录下创建 bin/index.js
const express = require('express'); //npm下载并引入express模块 npm -express -D
const router = require('../rout]]></description><category></category></item><item><title><![CDATA[vue中使用GraphQL查询api]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/122212507</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/122212507</guid><author>csdn_chengpeng</author><pubDate>Wed, 29 Dec 2021 13:21:02 +0800</pubDate><description><![CDATA[vue+graphQL
前端使用graphQL
引入graphQL报错 ]]></description><category></category></item><item><title><![CDATA[vue + Electron 制作桌面应用]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/121381103</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/121381103</guid><author>csdn_chengpeng</author><pubDate>Wed, 17 Nov 2021 16:27:08 +0800</pubDate><description><![CDATA[vue制作桌面应用1.vue打包2.配置 Electron
1.vue打包
这里使用vue原生打包命令，对vue项目进行打包
npm run build

2.配置 Electron
使用 Electron  制作桌面应用需要另个文件
1.package.json
创建一个package.json文件，将以下代码放入
{
  "name": "demo", //项目名称
  "productName": "demo",
  "author": "作者",
  "version": "1.0.4",
  "m]]></description><category></category></item><item><title><![CDATA[vue + elementUI导出excel表格]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/121370836</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/121370836</guid><author>csdn_chengpeng</author><pubDate>Wed, 17 Nov 2021 09:28:34 +0800</pubDate><description><![CDATA[导出功能需要下载两个插件
1.file-saver
npm i file-saver -S

2.xlsx
npm i xlsx -S

代码
&lt;template&gt;
&lt;div&gt;
  &lt;el-table
    ref="report-table"
    :data="tableData"
    style="width: 100%"&gt;
    &lt;el-table-column
      prop="date"
      label="日期"
      wi]]></description><category></category></item><item><title><![CDATA[vue动态渲染后端返回的html模板]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/119205084</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/119205084</guid><author>csdn_chengpeng</author><pubDate>Thu, 29 Jul 2021 10:37:50 +0800</pubDate><description><![CDATA[vue动态渲染后端返回的html字符串前言实现方法1.引入 vue 用于创建构造器2 创建构造器效果
前言
最近突然冒出来这样一个需求，用户自己定义html模板，定义完成后将模板上传至服务器，后端将这个html模板字符串返回给前端，前端动态的将这个模板渲染到页面上
实现方法
1.引入 vue 用于创建构造器
正常引入vue的方式应该是
 import Vue from 'vue'

但是这种方式可能会引发报错：

[Vue warn]: You are using the runtime-only buil]]></description><category></category></item><item><title><![CDATA[微信小程序createInnerAudioContext()真机调试seek失效的问题]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/113502816</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/113502816</guid><author>csdn_chengpeng</author><pubDate>Mon, 01 Feb 2021 11:09:42 +0800</pubDate><description><![CDATA[小程序中使用createInnerAudioContext()，在开发者工具中使用seek进行跳转可以正常使用，但是在真机调试中则会出现各种问题，如跳转时音频停止播放，无法正常跳转，解决方法：跳转前暂停音频的播放，跳转后再将其恢复
changeAudio(e) {
	this.context.pause()
	this.context.seek(e.detail.value)
	this.context.play()
},


...]]></description><category></category></item><item><title><![CDATA[前端必备的学习网站]]></title><link>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/113174374</link><guid>https://blog.youkuaiyun.com/csdn_chengpeng/article/details/113174374</guid><author>csdn_chengpeng</author><pubDate>Tue, 26 Jan 2021 14:04:25 +0800</pubDate><description><![CDATA[前端常用网站
vue3.0 ui框架
刷题
算法题
前端ui框架]]></description><category></category></item></channel></rss>