- 博客(245)
- 收藏
- 关注
RSS订阅原创 微信支付。
native支付只能生成二维码，用户扫码支付， 不可以把native的链接直接跳转支付，实现不了。微信外浏览器不可以使用JSAPI支付， JSAPI产品不可以在微信外使用。所以， 如果想做从浏览器跳转至app内部完整支付， 只能选择H5支付。H5支付可以从外部浏览器跳转到微信app内部，并完成完整支付。小程序内只能使用小程序支付，不可以使用JSAPI支付。
2023-07-03 15:03:07
417
转载 前端获取电池信息
Battery Status API 是一个 Web API，允许 Web 应用程序访问用户设备的电池状态信息。使用这个 API，我们可以在不安装任何应用程序的情况下，从 Web 浏览器直接读取设备的电量信息。将返回一个 Promise 对象，它会解析为一个 BatteryManager 对象，我们可以使用它来读取设备的电池属性。
2023-06-27 15:10:32
386
原创 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
1524
1
原创 页面可见性判断：document.hidden与visibilitychange事件
能过这个事件可以监听手机 QQ 浏览器是否被挂起（注意我这里说的是手机 QQ 浏览器是否被挂，不是说手机 QQ 浏览器的网页被挂起）。我们需要在特定的时候判断页面的显示状态，例如：当视频加载到可播放状态时，根据用户是否停留在当前页面来决定是否开始自动播放。上面的代码在 PC 上运行没什么问题，但是在 手机 QQ 浏览器 上就没啥效果了，因为手机 QQ 浏览器的网页永远都不会被挂起，所以 visibilitychange 事件不会被触发。页面隐藏包括页面在后台标签页或者浏览器最小化。
2023-03-22 14:16:34
576
原创 xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at:
回车后，系统弹出下载xcode组件，点击确认，下载完成后即可。mac升级系统之后，输入git 命令会报这个错误。
2023-01-29 13:49:37
326
原创 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
1437
原创 使用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
3410
原创 Linux环境下安装Jenkins
首先安装Jenkins之前，linux中必须安装好了JDK和Maven，如果还没有安装过，下面准备好安装教程Linux环境安装JDK:Linux环境安装Maven:确认JDk和Maven安装没有问题之后，我们来开始安装Jenkins。
2022-10-28 15:37:17
849
原创 Jenkins + Gitee 实现代码自动化构建 （超级详细）
部署vue项目和H5唯一不同的点就是，执行shell的命令不一样，下面是我shell执行的命令， 可以参照一下， 路径一定根据自己的情况变化。jenkins就会开始构建，构建的时候执行shell里脚本， 进入你的项目文件夹，git pull。3： 安装Gitee插件(系统管理->插件管理->可选插件->筛选Gitee->选中直接安装，安装成功之后重启jenkins服务)这个时候， 只要你执行 git push 命令，jenkins就会开始构建部署。如果爆红提示没有权限，检查上一步，你的帐密输错了没。
2022-10-28 15:30:56
10370
7
原创 浅谈electron
官网： https://www.electronjs.org/相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象，可以构建跨平台桌面程序， 本身支持node.js，可以使用node.js的一些模块 在 中，运行 package.json 主脚本的过程称为主进程 (main process)。在主进程运行的脚本可以以创建 web 页面的形式展示 (图形用户界面（Gr
2022-10-28 15:23:23
743
原创 如何搭建自己的图床
由于我的服务器已经搭了个人网站，也用的浏览器默认的 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
971
原创 如何使用npm发布自己的npm包
在npm的官网上注册一个账号，https://www.npmjs.com/npm unpublish 包名@版本号。npm install 包名。
2022-10-28 15:13:33
625
原创 如何搭建npm私服以及发布包
安装docker(因为docker是一个可移植的容器)可以使用yum安装，直到输入docker version显示如下图，表示成功。
2022-10-28 15:10:43
1227
转载 【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
2725
原创 H5调用摄像头扫码详解
是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间 点对点的连接，实现视频流和（或）音频流或者其他任意数据的传输。WebRTC包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下，创建 点对点的数据分享和电话会议成为可能。重要接口接口：是一个媒体内容的流.。一个流包含几个轨道，比如视频和音频轨道。...
2022-08-26 15:19:15
5889
10
转载 详解JS的四种异步解决方案：回调函数、Promise、Generator、async/await
针对generator的这个缺点，后面提出了co这个库函数来自动执行next，相比于之前的方案，这种方式确实有了进步，但是仍然麻烦。期间我们执行调用这个生成的Generator,他会返回一个遍历器对象，用这个对象上的方法，实现获得一个yield后面输出的结果。不同的是，调用Generator函数后，该函数并不执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象，也就是遍历器对象（在普通函数中，我们想要一个函数最终的执行结果，一般都是return出来，或者以return作为结束函数的标准。.....
2022-07-28 11:08:31
626
原创 根据pid id组成tree格式的数据
因为搜索请求接口了，接口只返回了当前搜索到的数据，并没有把相关联的父级数据返回，这就导致列表不渲染数据，因为递归方法里是根据pid进行组装的，pid不为0的时候，数组就是空的了。这样是可以实现，但是如果有数据pid不为0的情况下，就不展示了，什么意思呢？也就是说如果能找到父级数据，就会给父级数据加。筛选根节点那块，处理之后的数据为。筛选根节点那块，处理之后的数据为。标识，找不到父级数据，就给自己加。处理之后的数据，就是给父级数据加个。1、如果传入的数据为一下。具体做了什么事情呢？...
2022-07-15 14:40:17
395
原创 OCR -上传图片 自动识别文字并填充
上传证件照片，自动识别证件上的文字信息， 并填充在适当的位置这种技术叫 OCR文字识别OCR（optical character recognition）文字识别是指电子设备（例如扫描仪或数码相机）检查纸上打印的字符，然后用字符识别方法将形状翻译成计算机文字的过程。也就是像我们平时看到的上传身份证自动识别文字， 以及上传票据，识别信息， 自动填写，都是用的文字识别技术。OCR技术产品： 合合信息， TextIn(合合下的)， 百度智能云，悦保科技有兴趣的小伙伴可以自行研究一下，横向了解一下，对比之后 从设
2022-06-28 14:22:50
1814
转载 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
1461
1
原创 tree命令详解（输出目录树层结构，显示目录和文件）
你也想要生成这个目录树层结构吗？显示目录和文件吗？只需要用“tree命令”即可！效果如下：一、tree命令 安装mac 下使用 brew包管理工具：linux 下使用yum安装：二、tree命令怎么使用？安装成功后，直接在终端使用，使用 --help 查看帮助信息。语法：参数说明：用法示例：输出你的树层目录结构cd 目标文件夹路径然后 tree 一下，会将该层级下所有文件都遍历了输出，不管层级有多深。以树状图列出当前目录结构。可直接使用如下命令：三、tree命令常用技巧1、我们
2022-06-22 10:03:01
8458
原创 正确使用PWA
作为一个前端程序员，在没有任何Android/IOS的开发情况下，想想我们有多少种方法来开发一个原生移动应用程序！我们可以有非原生、混合开发，PWA等等手段。类似uniapp，Reactive native为我们提供了更简便的手段！抛开这些框架，我们该如何仅使用 HTML、CSS 和 Javascript 来开发一个多平台的标准移动程序！这就是本文要介绍的渐进式WEB应用程序（PWA）！通俗的说：PWA是风格类似移动应用程序的网站！它可以运行在浏览器中也可以直接安装在移动设备上！PWA必须包含下面三个关键内
2022-06-20 11:55:13
1351
2
原创 vue3 + elementui Table的数据多选，多页选择数据回显，分页记录保存选中的数据
element table组件在table一定要定义以下事件和列表属性： 1、row-key， 2、reserve-selection使用row里面的user_id作为唯一标识。type必须是selection。
2022-06-10 11:13:55
766
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人