• 博客(245)
  • 收藏
  • 关注

原创 微信支付。

native支付只能生成二维码,用户扫码支付, 不可以把native的链接直接跳转支付,实现不了。微信外浏览器不可以使用JSAPI支付, JSAPI产品不可以在微信外使用。所以, 如果想做从浏览器跳转至app内部完整支付, 只能选择H5支付。H5支付可以从外部浏览器跳转到微信app内部,并完成完整支付。小程序内只能使用小程序支付,不可以使用JSAPI支付。

2023-07-03 15:03:07 607

转载 前端获取电池信息

Battery Status API 是一个 Web API,允许 Web 应用程序访问用户设备的电池状态信息。使用这个 API,我们可以在不安装任何应用程序的情况下,从 Web 浏览器直接读取设备的电量信息。将返回一个 Promise 对象,它会解析为一个 BatteryManager 对象,我们可以使用它来读取设备的电池属性。

2023-06-27 15:10:32 464

原创 Echarts,Y轴坐标数据差距过大,导致页面显示不明显的解决办法

其中,第一个yAxis为默认的y轴,第二个yAxis的yAxisIndex为1,表示将其绑定到series中设置了yAxisIndex: 1的数据系列。这个错误通常是由于没有正确定义yAxis导致的。请确保您已经正确地定义了yAxis。email为9的数据和第二条为100的数据, 是一条直线了,无法看出趋势。如果【series】里设置了yAxisIndex: 1,之后。yAxisIndex要放在数据值较多的系列上。, 页面也显示不出来。

2023-04-25 16:13:23 1790 1

原创 页面可见性判断:document.hidden与visibilitychange事件

能过这个事件可以监听手机 QQ 浏览器是否被挂起(注意我这里说的是手机 QQ 浏览器是否被挂,不是说手机 QQ 浏览器的网页被挂起)。我们需要在特定的时候判断页面的显示状态,例如:当视频加载到可播放状态时,根据用户是否停留在当前页面来决定是否开始自动播放。上面的代码在 PC 上运行没什么问题,但是在 手机 QQ 浏览器 上就没啥效果了,因为手机 QQ 浏览器的网页永远都不会被挂起,所以 visibilitychange 事件不会被触发。页面隐藏包括页面在后台标签页或者浏览器最小化。

2023-03-22 14:16:34 764

转载 Web前端Vue判断是否是首次进入页面

【代码】Web前端Vue判断是否是首次进入页面。

2023-03-22 14:12:41 984

原创 xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at:

回车后,系统弹出下载xcode组件,点击确认,下载完成后即可。mac升级系统之后,输入git 命令会报这个错误。

2023-01-29 13:49:37 399

原创 Linux下Nodejs安装(最新版)

需要注意的是,在我的安装过程中,通过source /etc/profile,只是让变量临时生效了,如果此时我在开一个终端的 话运行node会提示找不到命令,这个问题 重启或者注销之后得到了解决。你可以根据不同平台系统选择你需要的 node.js 安装包,这里选择的是linux binaries (x64)。node.js 安装包及源码下载地址为:https://nodejs.org/en/download/,后面跟的是node下bin目录的路径(保险起见,可以ls一下,看一下目录是否对)

2022-10-28 15:40:51 1522

原创 使用nodejs编写api接口并部署到服务器上

1、把 api 接口代码上传到服务器(不用上传node_modules,有package.json文件就行了),在服务器文件通过命令窗口npm install 安装依赖。一般放到服务器的根路径下的 api 文件夹/api/3、cd 到 api 接口目录下,输入node index.js启动接口就可以了。3、在新建的node项目执行npm init, 文件会生成一个package.json的文件。1、screen、forever、pm2都可以管理nodejs的接口,我这里用了pm2.以配置文件的形式启动。

2022-10-28 15:39:11 3863

原创 Linux环境下安装Jenkins

首先安装Jenkins之前,linux中必须安装好了JDK和Maven,如果还没有安装过,下面准备好安装教程Linux环境安装JDK:Linux环境安装Maven:确认JDk和Maven安装没有问题之后,我们来开始安装Jenkins。

2022-10-28 15:37:17 921

原创 Jenkins + Gitee 实现代码自动化构建 (超级详细)

部署vue项目和H5唯一不同的点就是,执行shell的命令不一样,下面是我shell执行的命令, 可以参照一下, 路径一定根据自己的情况变化。jenkins就会开始构建,构建的时候执行shell里脚本, 进入你的项目文件夹,git pull。3: 安装Gitee插件(系统管理->插件管理->可选插件->筛选Gitee->选中直接安装,安装成功之后重启jenkins服务)这个时候, 只要你执行 git push 命令,jenkins就会开始构建部署。如果爆红提示没有权限,检查上一步,你的帐密输错了没。

2022-10-28 15:30:56 11781 8

原创 浅谈electron

官网: https://www.electronjs.org/相当于一个浏览器的外壳,可以把网页程序嵌入到壳里面,可以运行在桌面上的一个程序,可以把网页打包成一个在桌面运行的程序,通俗来说就是软件,比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象,可以构建跨平台桌面程序, 本身支持node.js,可以使用node.js的一些模块 在 中,运行 package.json 主脚本的过程称为主进程 (main process)。在主进程运行的脚本可以以创建 web 页面的形式展示 (图形用户界面(Gr

2022-10-28 15:23:23 838

原创 如何搭建自己的图床

由于我的服务器已经搭了个人网站,也用的浏览器默认的 80 端口,所以图床就不能用 80,我改用 8088,完整命令:docker run -it -d -p 8088:80 kdelfour/lychee-docker(访问 8088 端口,映射到 docker 容器里边的 80 端口)输入后点击 connect,你会看到它要你新建一个用户名和密码,这是你之后登录图床要用到的。由于我是在本地的虚拟机里搭建,所以访问的是 http://ip:8088。可以看到第一次用这个命令的时候,没有容器在跑;

2022-10-28 15:22:09 1046

原创 如何使用npm发布自己的npm包

在npm的官网上注册一个账号,https://www.npmjs.com/npm unpublish 包名@版本号。npm install 包名。

2022-10-28 15:13:33 696

原创 如何搭建npm私服以及发布包

安装docker(因为docker是一个可移植的容器)可以使用yum安装,直到输入docker version显示如下图,表示成功。

2022-10-28 15:10:43 1353

转载 iview 表单验证,隐藏显示的表单之后验证信息依然存在解决办法

iview 表单验证,隐藏显示的表单之后验证信息依然存在解决办法。

2022-10-13 15:59:22 1435

原创 CentOS 7.4安装Nginx 1.14.0

CentOS 7.4安装Nginx 1.14.0

2022-09-19 16:45:45 1236

转载 【Linux】查看linux是centos还是ubuntu的方法

如果是想查看你的Linux系统是Ubuntu还是CentOS,可以使用lsb_release -a命令,lsb_release -a命令可以列出你的Linux系统是哪个Linux发行版,它还可以列出具体是第几个版本。(推荐:linux使用教程)radhat或centos存在: /etc/redhat-release 这个文件【 命令 cat /etc/redhat-release 】ubuntu存在 : /etc/lsb-release 这个文件 【命令 cat etc/lsb-release 】

2022-09-19 15:49:55 2894

原创 小程序表单和图片使用formdata格式一起提交给接口

小程序表单和图片使用formdata格式一起提交给接口。

2022-09-01 18:03:17 1467

原创 H5调用摄像头扫码详解

是一项实时通讯技术,它允许网络应用或者站点,在不借助中间媒介的情况下,建立浏览器之间 点对点的连接,实现视频流和(或)音频流或者其他任意数据的传输。WebRTC包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下,创建 点对点的数据分享和电话会议成为可能。重要接口接口:是一个媒体内容的流.。一个流包含几个轨道,比如视频和音频轨道。...

2022-08-26 15:19:15 6288 10

原创 Vue 实现调用相机扫描二维码或条形码

vue zxing实现扫二维码条形码

2022-08-04 11:22:37 2338 17

原创 JSON.stringify()深拷贝的坑

简列出SON.parse(JSON.stringify(obj)),进行深拷贝的坑

2022-08-01 11:04:52 287

转载 详解JS的四种异步解决方案:回调函数、Promise、Generator、async/await

针对generator的这个缺点,后面提出了co这个库函数来自动执行next,相比于之前的方案,这种方式确实有了进步,但是仍然麻烦。期间我们执行调用这个生成的Generator,他会返回一个遍历器对象,用这个对象上的方法,实现获得一个yield后面输出的结果。不同的是,调用Generator函数后,该函数并不执行,返回的也不是函数运行结果,而是一个指向内部状态的指针对象,也就是遍历器对象(在普通函数中,我们想要一个函数最终的执行结果,一般都是return出来,或者以return作为结束函数的标准。.....

2022-07-28 11:08:31 663

原创 微信小程序左滑删除(Slideview)

使用weui提供的组件 Slideview实现左滑编辑删除等操作

2022-07-28 10:55:22 800

原创 记录一次由cnpm引发的问题

记录一次在jenkins构建上由于使用cnpm install,导致项目瘫痪的问题

2022-07-27 22:36:16 536

转载 不使用脚手架构建vue项目

不使用vuecli脚手架搭建vue项目

2022-07-21 11:29:05 2001

原创 根据pid id组成tree格式的数据

因为搜索请求接口了,接口只返回了当前搜索到的数据,并没有把相关联的父级数据返回,这就导致列表不渲染数据,因为递归方法里是根据pid进行组装的,pid不为0的时候,数组就是空的了。这样是可以实现,但是如果有数据pid不为0的情况下,就不展示了,什么意思呢?也就是说如果能找到父级数据,就会给父级数据加。筛选根节点那块,处理之后的数据为。筛选根节点那块,处理之后的数据为。标识,找不到父级数据,就给自己加。处理之后的数据,就是给父级数据加个。1、如果传入的数据为一下。具体做了什么事情呢?...

2022-07-15 14:40:17 440

原创 OCR -上传图片 自动识别文字并填充

上传证件照片,自动识别证件上的文字信息, 并填充在适当的位置这种技术叫 OCR文字识别OCR(optical character recognition)文字识别是指电子设备(例如扫描仪或数码相机)检查纸上打印的字符,然后用字符识别方法将形状翻译成计算机文字的过程。也就是像我们平时看到的上传身份证自动识别文字, 以及上传票据,识别信息, 自动填写,都是用的文字识别技术。OCR技术产品: 合合信息, TextIn(合合下的), 百度智能云,悦保科技有兴趣的小伙伴可以自行研究一下,横向了解一下,对比之后 从设

2022-06-28 14:22:50 2190

原创 ping telnet 简单解释

简单介绍一下ping和telnet概念使用方法

2022-06-24 11:05:35 1441

原创 PWA实战中遇到的问题

sw.jsindex.js

2022-06-23 16:09:12 283

转载 H5的Notification特性 - Web的桌面通知功能

关键词:HTML5中的Web Notification桌面通知;基于Web Notification的前端桌面弹窗;H5的Notification特性;Web的桌面通知功能;H5 notification浏览器桌面通知;HTML5 桌面通知:Notification API;html5新功能Notification;Notification桌面通知;windows桌面通知;浏览器桌面通知;随着web的发展,功能越来越完善,今天聊一下h5的一个新特性--Notification。Notification AP

2022-06-23 15:55:09 1542 1

转载 PWA之 推送与通知

PWA使用sw模拟推送

2022-06-23 15:52:14 714 1

转载 PWA之深入学习Service Worker

PWA之sw的深入学习

2022-06-23 15:43:48 523

原创 使用wordpress搭建官网

使用wordpress搭建官网,遇到的一些问题记录

2022-06-22 17:36:43 2065

原创 wordpress实时在线聊天室

wp搭建官网,实现实时在线聊天室

2022-06-22 17:14:28 1226 1

原创 tree命令详解(输出目录树层结构,显示目录和文件)

你也想要生成这个目录树层结构吗?显示目录和文件吗?只需要用“tree命令”即可!效果如下:一、tree命令 安装mac 下使用 brew包管理工具:linux 下使用yum安装:二、tree命令怎么使用?安装成功后,直接在终端使用,使用 --help 查看帮助信息。语法:参数说明:用法示例:输出你的树层目录结构cd 目标文件夹路径然后 tree 一下,会将该层级下所有文件都遍历了输出,不管层级有多深。以树状图列出当前目录结构。可直接使用如下命令:三、tree命令常用技巧1、我们

2022-06-22 10:03:01 16728

原创 vuepress中配置PWA

第二步在public下创建sw.jsindex.jsmanifest.json

2022-06-20 13:24:29 220

原创 正确使用PWA

作为一个前端程序员,在没有任何Android/IOS的开发情况下,想想我们有多少种方法来开发一个原生移动应用程序!我们可以有非原生、混合开发,PWA等等手段。类似uniapp,Reactive native为我们提供了更简便的手段!抛开这些框架,我们该如何仅使用 HTML、CSS 和 Javascript 来开发一个多平台的标准移动程序!这就是本文要介绍的渐进式WEB应用程序(PWA)!通俗的说:PWA是风格类似移动应用程序的网站!它可以运行在浏览器中也可以直接安装在移动设备上!PWA必须包含下面三个关键内

2022-06-20 11:55:13 1821 2

转载 ElementPlus里的类型别名声明及使用

elementplus中类型别名声明以及使用

2022-06-14 14:47:08 2777 3

原创 mac上使用nginx代理

mac下, 使用nginx做反向代理,连接指定ip地址

2022-06-10 17:33:16 933

原创 vue3 + elementui Table的数据多选,多页选择数据回显,分页记录保存选中的数据

element table组件在table一定要定义以下事件和列表属性:  1、row-key,  2、reserve-selection使用row里面的user_id作为唯一标识。type必须是selection。

2022-06-10 11:13:55 851

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除