- 博客(149)
- 资源 (5)
- 问答 (2)
- 收藏
- 关注
RSS订阅
原创 tp-watermark.js网页添加水印插件
tp-watermark.js网页添加水印插件作者：鹏仔先生上周五，出差去改上个前端遗留的小问题，用到了watermark.js这个网站添加水印插件，功能很简单，就是给网页添加个水印，我看了下网上，有很多种，基本都是Canvas实现，我想要的是行与行之间交错效果，可是没有找到对应文档，看的烦的...那就自己简单写个网页添加水印插件吧， tp-watermark.js身为初级前端，写法比较low，但是功能很完善，请大家多多指导下载插件：点击下载DEMO...
2020-08-13 22:55:34
3703
7
原创 vue跳转页面清除历史记录，页面跳转删除历史记录
但我们使用如下跳转（将 push 换为 replace ，那么从A页面跳转B页面之后，就不会记录历史记录，则浏览器或手机自带返回则无法返回到A页面。我们一般vue跳转页面时，基本都是使用如下（这种页面跳转，如A页面跳转B页面之后，可以使用浏览器或手机自带的返回 将B页面返回到A页面。哈喽，大家好，最近鹏仔写H5公众号项目，由于一些页面交互方面，不能让用户返回到上个页面，那么我们应该如何实现？或者如下方式也可以实现（默认replace为false，我们改为true，页面跳转也可不记录到历史中。
2024-04-08 10:31:39
311
1
原创 elementui多选上传 before-upload 格式效验错误总会触发before-remove （elementui多选上传on-success只执行了一次，只上传成功了一条）
还有个问题，就是多选文件上传成功时 :on-success="handleAvatarSuccess" （文件上传成功时的钩子） 此方法只会执行一次，多个文件只push到了一条数据。当上传文件为其他格式，效验格式错误时，总会触发 :before-remove="beforeRemove" （删除文件之前的钩子）我们只需在 :before-remove="beforeRemove" 事件时判断下当前文件是否为成功的附件即可。最终方案如下所示（等所有上传请求完成后，再给fileList进行push赋值）
2024-01-22 20:48:02
339
原创 zblog不能发Emoji表情、颜文字如何解决？
zblog不能发Emoji表情、颜文字如何解决？->先登录自己的数据库->选择好对应的数据库->点击“操作”->找到“排序规则”->选择“utf8mb4_general_ci”->下面 对勾选中“更改所有”->最后点击“执行”即可
2023-01-12 22:18:43
398
1
原创 PHP的语法
标记里的最后一行，可以不用;号，但是养成习惯，每个结束都要加上结束符号。号，才表示一句代码完成。扩展：PHP设置字符编码为utf-8。在代码开始前加上下方代码。
2023-01-05 14:55:33
298
原创 文件夹正在使用，无法删除 无法重命名等操作怎么办？
大家好，我是Q站小编鹏仔，平时大家使用电脑删除临时文件夹或修改文件夹名称时，会提示文件夹正在使用，操作无法完成，因为其中的文件夹或文件已在另一程序中打开，请关闭该文件夹或文件，然后重试（如下图所示）很多人就遇到这中问题，会发现我目前并未打开该文件夹或文件，但是进行操作...,Q站资源网。大家好，我是Q站小编鹏仔，平时大家使用电脑删除临时文件夹或修改文件夹名称时，会提示 文件夹正在使用，操作无法完成，因为其中的文件夹或文件已在另一程序中打开，请关闭该文件夹或文件，然后重试（如下图所示）
2022-11-02 13:49:51
4751
1
原创 小程序 已被代码依赖分析忽略，无法被其他模块引用。你可根据控制台中的【代码依赖分析】告警信息修改代码，或关闭【过滤无依赖文件】功能
最近刚换工作，接手的之前的项目，也没有任何交接，蓝瘦香菇...领导发了一个之前的小程序zip项目包，我解压后开发工具打开，页面加载不出来，控制台报如下问题“已被代码依赖分析忽略，无法被其他模块引用。刚开始看控制台返回的信息，以为是需要在 开发工具 右上角“详情”=>“本地设置”=>“上传时过滤无依赖文件”关闭即可，但是反复尝试后，发现并没卵用，最后查阅了文档，才找到方法。”，也就是将一些需要的依赖被分析为无依赖文件过滤掉了，导致渲染时获取不到相关依赖，页面无法访问，如下图所示。
2022-09-21 02:00:00
21240
15
原创 nvm常用命令有哪些？nvm如何切换node版本？nvm如何下载node？nvm安装包
之前公司有很多老项目，需要切换node低版本才能正常使用，但是还有使用node高版本新项目，总不能每次更换项目就卸载重装对应版本的node，所以就使用了nvm来管理node版本。最后，还需要注意的是部分使用nvm下载node版本，npm会有问题，如有问题，就切换下相近版本进行尝试。每次使用时，nvm命令就记得很清楚，可是长时间不使用，就会有点遗忘，所以还是记录一下，方便日后使用！然后再整理下常用的命令（注：使用nvm安装node时，会自动将对应的npm版本一起安装）首先，没有安装nvm的，可以去下载安装。
2022-09-14 14:57:03
596
7
原创 如何申请安卓证书，申请安卓证书的流程是什么？
用HBuilderX打包安卓正式app时，我们需要使用自有证书，安卓证书是免费申请的，虽然HBuilderX有申请教程，为了自己后期使用方便，今天给大家分享下详细的申请教程！首先，我们去Oracle官网 https://www.oracle.com/technetwork/java/javase/downloads/index.html 下载jre安装包，根据自己操作系统去选择下载，我是Windows平台，如下选择。36500是证书的有效期，表示100年有效期，单位天，建议时间设置长一点，避免证书过期。
2022-09-06 14:32:12
2464
原创 Beyond Compare忽略时间对比
因为这次属于一个二开项目，一些缘由下，需要对比合并修改，一开始没搞git、svn等，于是我就用到BeyondCompare软件来进行对比修改，需要这个软件的，可自行去下载，下载地址 http://www.qzhan.vip/post/8033.html将两份...,共享博客。因为这次属于一个二开项目，一些缘由下，需要对比合并修改，一开始没搞git、svn等，于是我就用到Beyond Compare软件来进行对比修改，需要这个软件的，可自行去下载，下载地址。这样，我们就成功过滤掉时间戳对比了。
2022-08-24 11:26:46
3678
3
原创 使用HBuilderX将vue或H5项目打包app
好久没有搞过将vue项目打包成app了，这两天刚好项目需要将vue开发的H5项目打包成APP，那就简单记录一次呗（之前也写过一篇打包app，是将项目使用hbuilder打开，转为webapp什么的，就可以直接打包了，现在不一样了，现在使用HBuilderX还是有些区别）。第二步：我们下载HBuilderX，可前往官网下载 https://www.dcloud.io/hbuilderx.html 下载好以后，打开并新建项目，选择 5+App 默认模板，如下图所示。第三步，我们打开新建项目的文件，如下图所示。
2022-08-23 18:45:10
4754
4
原创 解决谷歌浏览器跨域问题has been blocked by CORS policy: The request client is not a secure context and the resou
刚开始想着是代码出现了问题，但是我用360浏览器发现正常使用，没有出现跨域问题，于是查了相关资料，最终发现是升级了谷歌浏览器后配置出现了问题。早期开发的一个后台项目，需要在浏览器中通过读卡器设备读取身份证信息，使用谷歌打开，报了如下跨域问题。查询后，修改为“Disabled”，并Relaunch重新启动下，点击后会自动重启浏览器。进入谷歌浏览器，在网址栏输入下方路径访问。重启后，就解决了此跨域问题。接着输入下方关键词查询。...
2022-07-29 10:56:29
14551
原创 小程序嵌入网页向小程序跳转并传参，微信小程序中实现公众号授权获取openId
大家好，我是小编鹏仔，近期给学校用uniapp开发了一款校园小程序，小程序有一些活动、咨询、公告、请假等通知，需要通过微信推送提示，用小程序自己的订阅方法有一些限制，于是需求这边想用绑定的学校公众号推送，因为小程序获取用户的openId和公众号的openId不一致，所以必须要调用公众号授权，因为项目已经基本做完，突然加这个我感觉挺麻烦的，一开始想偷懒我是拒绝修改的...emo...，后来还是妥协了，还是突破下，研发吧！（因为开发工具端原因，上图凑合的预览下吧！...
2022-07-16 15:26:14
1926
1
原创 vue中实现文件批量打包压缩下载（以及下载跨域问题分析）
上次做了一个选择多个数据生成多个二维码并下载，当时项目催的紧，就简单写了个循环生成二维码下载，一次性会下载很多文件，特别难整理；刚好这次项目又遇到类似这种功能，需要一次性批量下载多个文件，那么就安排下打包下载吧！需要用到的是file-saver、jszip两个插件首先，我们安装这两个插件，在控制台中依次输入下方命令执行上方依赖安装完成，我们在需要实现打包下载的页面中引入这两个插件在data中，我就简单定义一个数组 fileList ，用来存放要下载的文件链接接着就是在 methods 中写
2022-07-13 15:36:10
6265
9
原创 uniapp调用地图，进行位置查询，标记定位
这周开会又新增一个小功能，就是需要通过身份证号/手机号在地图查询（后台返回经纬度），标记位置，想着挺麻烦，做的时候发现没啥技术，分享给大家。然后每次查询，通过调后台接口，拿到对应经纬度，赋值给longitude和latitude，那么地图就会展示对应经纬度区域，如果同时想展示定位的图标，那就按上方方式给markers赋值，可标记多个位置。（获取到数据后，最好不要直接给markers赋值，先let随便定义一个赋值，再将let定义的赋给markers，否则会出现不显示标记点现象）围观地址 un
2022-07-13 15:20:31
3793
原创 鹏仔暴力刷导航网页排行榜HTML模板，网站如何测压
现在很多站长都做了导航站，大多数导航站都有网站排行榜，也就是今日浏览榜，月最高浏览榜，总浏览榜等，你页面阅读量越高，那么排名越靠前，曝光的几率就更高。
2022-05-24 09:16:06
665
原创 网站如何统计访问人数？51LA如何安装使用？
51.LA全新升级，拥有强大的网站用户洞察力，提供更加精准全面的来路统计分析、数据报表可视化、网站分析能力，助力网站持续增长
2022-04-28 17:11:38
5312
4
原创 服务器如何安装宝塔面板？（宝塔面板安装教程）
Hello，大家好，我是小编鹏仔，很多小伙伴购买了服务器之后，不知道如何给服务器搭建宝塔面板，本次小编鹏仔就教大家如何给服务器搭建宝塔面板！首先，我们下载xshell软件（xshell软件下载），下载好以后，去已购买的服务器管理页找到服务器的ip、账号、密码（每个服务商不一样，在这里就不做截图了）。我们打开xshell（文件 -> 新建 -> 输入ip 账号 密码 -> 登陆），登陆成功以后，输入以下命令并回车（如下图所示）yum install -y wget &
2022-03-05 14:07:13
2001
原创 js截取字符串前几位或者截取字符串后几位
经常会遇到后台反的时间是‘2020-02-02 10:00:00’，页面上需要只展示年月日或者只展示时分秒，那么最简单的方法就是返回过来的值直接截取一下即可。如何截取前几位，案例如下var date = '1996-10-22 22:55:33';var key = date.substring(0,10);console.log(key);// 打印结果：1996-10-22如何截取后几位，案例如下var date = '1996-10-22 22:5......
2021-11-10 15:48:44
26848
1
原创 js替换字符串某个字符，js修改字符串中指定字符
平时用到elementui时，经常遇到多级树形结构，但是后端往往给前端反的每一级字段不一致，如果写个遍历循环将其改为一致麻烦的，不如直接将后台发的数组转为字符串，再将字符串中不一致的字段替换成一致的即可，下放为如何替换字符串中需要替换的指定字符方法。案例如下一、替换字符串中所有为a的字符为elet str = 'abcabcabc';str = str.replace(/a/g, 'e');console.log(str);// 打印结果： ebcebcebc...
2021-11-02 17:15:09
16202
8
原创 uniapp中text-indent不起作用，uniapp首行缩进不管用如何解决？
今天在uniapp中写消息详情，给内容加个首行缩进，于是就直接加了text-indent，发现没有任何作用，如果是input输入框之类可以使用padding，但是文本标签只能使用text-indent了。解决方法 css加首行缩进的同时再加上 display: block; 属性，当然 inline-block 等也是可以解决的，根据具体需求去尝试下吧！围观地址：uniapp中text-indent不起作用，uniapp首行缩进不管用如何解决？今天在uniapp中写消息详情，给内...
2021-11-02 17:09:42
2561
原创 vue给单独组建的body添加类名
近期项目需要实现在后台管理添加一个大屏统计页面，大屏弹窗用到elementui的 对话框、选择器等ui插件，因为默认的elementui的样式与大屏样式格格不入，所以我需要强制修改他的样式，那么我就想着给当前组建的body添加一个独一无二的类名，再直接强制修改类名下的elementui样式。首先我们在mounted中写入mounted(){ document.getElementsByTagName("body")[0].className="body-class";}这样我们...
2021-09-26 17:39:09
1504
1
原创 elemtnui 表格如何修改某行文字颜色（elemtnui table 修改某行文字颜色）
项目中用到了elementui的表格，今天开会突然说要需要欠费的用户的一行文字为红色，那么安排一下。如上图所示首先，我们在el-table标签中加入 :row-class-name="tableAddClass" ，双引号自定定义命名。<el-table :data="tableData" :row-class-name="tableAddClass"></el-table>接着在methods中写入下放代码tableAddClass({row,...
2021-08-12 20:44:52
1539
原创 vue中调用百度地图 获取经纬度
项目中，需要实现获取当前位置的经纬度，或者搜索某个位置并获取经纬度信息，我使用的的是vue，地图使用的是百度地图。默认自动获取当前位置经纬度拖动小红标 获取经纬度关键词 查询获取经纬度前期准备首先，我们需要取百度官方申请一个地图api秘钥，https://lbsyun.baidu.com/apiconsole/key进入后在应用管理，我的应用去申请即可。申请好以后，我们打开vue项目中public文件下的index.html文件，拼接百度AK值并引入<......
2021-08-12 20:21:53
10881
20
原创 uniapp小程序实现录音 uniapp小程序长按录音 点击播放等功能（CSS实现语音音阶动画效果）
最近鹏仔刚接触uniapp，项目使用uniapp开发微信小程序，需要实现一个长按时进行语音录制，限制录制时间最大为60秒，录制完成后，可点击播放，播放时再次点击停止播放，录制完成长按实现删除功能，删除后又可重新录制（如上图所示）。视频演示https://v.qq.com/x/page/b325884hmr3.html下放为整体代码，可能不是很完美，没有想象中的那么流利，但是功能都有实现，欢迎借鉴（其中包含CSS实现语音音阶动画效果，自行复制即可获取）。HTML部分<...
2021-08-12 20:03:32
7282
8
原创 js字符串转对象 js对象转字符串 js字符串与对象互转
上图为转换前后对比平时页面链接传参为对象，我们需要转为字符串在传值，取值时又得转为对象，所以比较常用，就整理下吧！对象转为字符串JSON.stringify(obj)json字符串转为对象JSON.parse(str)原文地址 http://www.sharedblog.cn/post/228.html...
2021-08-09 20:45:02
713
原创 js获取一个文件名的后缀格式
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-08-09 20:40:10
1010
原创 缤纷彩色文字广告代码，文字广告代码美化版，给网站添加文字广告教程
缤纷文字广告代码 文字广告代码美化版By：鹏仔DEMO下载：蓝奏云盘鹏仔运营的网站“短情话”由于分类过多，于是想给网站添加一个类似文字广告的菜单分类引导，就在其他网上看到这种虚线边框划过变色文字广告样式，感觉还是很不错的，仿照写一份分享给大家吧！PC端时代码为8个文字块一行，H5为4个文字代码一行，所以大家添加文字广告为8、16、24......只要是8的倍数即可，当然推荐添加2行效果最好。由于考虑到大家的网站有暗黑模式，所以在这方面也进行了简约的优化，适用于白天与晚上模式...
2021-05-13 17:27:51
1506
1
原创 网站被黑，通过百度/搜狗等搜索关键词访问跳转到其他网站怎么办？
事情的经过是这样的，五一劳动节放个小长假，鹏仔想休息休息，懒得开电脑，一般小长假就不更新文章，连网站都不怎么访问，在5月3号，看到自己的技术群有人在问前端某知识点，刚好自己个人博客整理了，就百度搜索“共享博客”访问给群友分享一下，结果搜索后点击跳转到其他网址了，瞬间就来了精神，赶紧直接输入域名访问试了试，发现直接输入域名访问没问题，就是搜索引擎搜索来源跳转到其他网址了，心里想了下，直接访问网址能正常就行，反正个人博客平时每天也就两三百ip，想着等到收假来了在解决。记得两年前，就有网友网站被黑，访问网..
2021-05-08 16:56:47
1589
12
原创 object-fit:cover；在小程序中不起作用，小程序图片变形了如何处理
object-fit:cover;在小程序中不起作用，小程序图片变形了如何处理前几天写了一篇文章 css防止图片变形 object-fit: cover;使用object-fit: cover;来防止图片变形，说巧也巧，这两天自己开发玩玩的zblog小程序“污污情话”封面刚好被挤压变形，于是，就给图片添加了这个css属性。what？但是添加了并没有任何卵用，刚开始我还以为我自己记错拼写了，还特意复制过来试了下，还是没有任何作用......就这...查了下小程序文档，原来微.
2021-05-08 16:51:42
1474
1
原创 （安卓/IOS）APP调用H5事件，H5调用APP事件
上篇文章说了最近开发H5可视化编辑器，生成的H5需要嵌套在原生APP中，那么必然需要调用原生app的事件或者app调用我H5的事件。因为，H5首页内容可能会添加的丰富比较多，需求怕一次请求加载慢，所以让搞了分页，无限滚动加载，但是app把H5的滚动禁掉了，所以H5无法获取滚动事件，只能是app到底触发H5的事件，那么app如何触发H5事件。我是vue开发的，在mounted中，按下放方式定义，onScrollBottom为与app定义的事件名，this.onScrollBottom是...
2021-04-27 12:07:25
1060
3
原创 css防止图片挤压变形 object-fit: cover； 属性介绍
css防止图片挤压变形 object-fit: cover; 属性介绍最近给公司开发一个简单的H5可视化编辑器，如上图所示，左侧点击添加基础组件，在中间区域预览展示，右侧区域对中间展示组件进行一对一编辑，最终生成H5页面。提测给测试小姐姐，在右侧上传了图片，说中间图片被挤压了，那么安排下，如上图所示，添加了红色注释，已添加的属性和未添加的属性图片进行对比所示，图片都是嵌套到一个固定宽高的div中，并且图片width和height都为100%，未添加object-fit: cover;属性的会..
2021-04-26 17:15:24
12534
2
原创 Zblog小程序（zblog开源小程序使用教程）【zblog青春小程序】
系统：zblog（微信）主题：青春小程序版本：1.0搭建准备1.域名（已备案，需配置https）2.服务器/主机/空间（支持https）3.已注册微信小程序账号4.已搭建zblog网站5.青春主题程序包6.zblog ONE小程序插件域名注册https://cloud.tencent.com/act/cps/redirect?redirect=1069&cps_key=df21697c67b66ff750ec30c5547f1edb&...
2021-03-23 14:00:05
2040
原创 js将数字金额用符号间隔 vue中使用逗号间隔数字金额-共享博客
最近用VUE开发的财务系统，牵扯了很多金额，金额几千上万，数字不好区分，需求需要实现金额三位一隔，每三位用逗号或者其他符号隔开，那么安排一下。// 金额三位间隔export const interval = (key) => { key += ''; let x = key.split('.'); let x1 = x[0]; let x2 = x.length > 1 ? '.' + x[1] : ''; let reg = /(\d+)(\d{3})/;...
2021-03-15 14:02:45
1788
4
原创 A站、B站、C站、D站、E站、F站、G站、H站、I站、J站、K站、L站、M站、N站、O站、P站、Q站、R站、S站、T站、U站、V站、W站、X站、Y站、Z站都是什么网站？Q站是什么？
A站、B站、C站、D站、E站、F站、G站、H站、I站、J站、K站、L站、M站、N站、O站、P站、Q站、R站、S站、T站、U站、V站、W站、X站、Y站、Z站都是什么网站？A站https://www.acfun.cn/AcFun弹幕视频网 - 认真你就输啦 (・ω・)ノ- ( ゜- ゜)つロA站 AcFun ACG 弹幕 视频 动画 漫画 游戏 新番 鬼畜 东方 初音 DOTA MUGENAcFun是国内首家弹幕视频网站，这里有全网独家动漫新番， 友好的弹幕氛围，有趣的UP主，好玩有科技..
2021-03-08 14:19:58
122536
168
原创 JS判断某个时间戳是否为当天时间
这两天想着给网站写一个H5app玩玩，文章列表页想实现是否为当天发的文章，如果是当天那么显示一个NEW标识，后台返回的是发帖时的时间戳，我需要判断这个时间戳是否为当天时间即可。vue中直接在标签中判断如下（item.PostTime为发帖时间戳）<img class="new" src="@/assets/img/new.png" v-if="new Date(Number(item.PostTime)* 1000).toDateString() === new Date().toDat
2021-02-26 09:32:44
3771
3
原创 vue实现点击刷新页面 H5实现刷新页面
经常用到，所以记录一下，刷新方法很多，用过这三个，所以只记录这三个，后面遇到在更新。第一种this.$router.go(0);第二种location.href = "javascript:history.go(0);";第三种window.location.reload();第一种和第二种，只支持安卓和PC第三种支持安卓、IOS、PC都支持，所以推荐第三种。原文围观地址http://www.sharedblog.cn/post/218.html个人博客..
2021-02-05 21:32:31
995
1
原创 H5移动端项目实现手写签名功能 vue实现手写签名
vue 移动端实现手写签名效果，功能很完美，保存时保存为base64格式。base64转file文件格式 vue中将base64转file文件格式刚好项目用到此功能，就网上找了一下，清理了无用代码，简单方便，因为项目中多个地方需要使用，所以我将它整理为组件，通过ref和传值控制，下面代码我单独整理出来，可自行封装组件（只支持移动端，不支持pc端）。代码中，css自行修改一下宽高，背景之类即可。代码如下<template> <!-- 手写签名组件 --&g...
2021-02-05 21:30:39
5475
15
原创 vue移动端使用Vconsole Vconsole使用
H5移动端看一些接口返回的参数，或者console打印的参数之类，没办法直接查看，用电脑f12切换移动端测试没有真机测试准确，所以使用Vconsole特别方便。安装麻烦，所以引入第三方cdn简单快捷。下面是bootcss提供的cdn外链<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script><scrip..
2021-02-05 21:28:21
1346
2
在线批量生成URL HTML单页网页程序 - 作者 百变鹏仔
2024-04-12
电子木鱼静心小程序源码+视频教程下载
2022-12-14
jq实现下拉菜单效果 jq二级菜单效果.zip
2020-06-19
网站上的图片加载不出来（部分电脑加载不出来）
2021-04-08
后台没设置允许跨域，前端还可以调用接口吗
2020-11-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人