怪咖`Blog

Git SSH Key生成 SSH Key是一种加密的公钥私钥对，用于身份验证。 使用Git通过SSH拉取远程仓库时，出现以下内容： 12345678$ git clone git@******.com:********.gitCloning into 'gk_vblog'...git@******.com: Permission denied (publickey).fatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists. 这是因为Git需要SSH Key来验证身份，而你没有配置SSH Key。 首先，检查是否已有SSH Key。 12345ls -al ~/.ssh// or cd ~/.sshls 如果存在id_rsa.pub文件，则说明已有SSH Key。 如果没有SSH Key，则生成SSH Key。 1234567891011121314151617181920 ...

业务需求 微信小程序中内内嵌的H5界面，需要通过点击按钮来实现跳转到其他小程序。想通过web-view来实现直接跳转，结果失败了（难道就实现不了了吗？）。 查阅了微信官方的文档，也没有给出具体解决方法，只有小程序跳转其他小程序的相关api，于是突发奇想，能否让嵌入的H5界面跳转到当前小程序页面，然后不就是小程序跳转小程序了吗，感觉可行，就尝试了一波。 解决方案 小程序中内嵌的H5页面通过点击之后需要跳转至目标小程序，首先需要跳转到内嵌的小程序界面，然后使用微信apiwx.navigateToMiniProgram()’实现跳转目标小程序，达到用户可以从内嵌的H5页面中跳转到目标小程序的目的。 实现方法 1.在H5页面中处理好需要传递的参数 12// pages/wx/wx 当前小程序页面let url = `/pages/wx/wx?appid=${appid}&path=${encodeURIComponent(path)}` 2.调用wx.miniProgram.navigateTo()方法跳转至当前嵌入的小程序界面，携带跳转小程序所 ...

使用volta来实现node版本切换 上一篇文章（文章地址）提到高版本node启动老项目需要借助SET NODE_OPTIONS=--openssl-legacy-provider &&命令（有时候可能需要卸载node，再安装）。 今天我找到一个更实用的方法，那就是Volta，它可以根据项目要求来指定所需的node版本。 安装及使用方法 官网地址：volta官网地址 找到Windows安装版本，下载完成后进行安装，一直next即可 全局安装不同版本的node 打开任意目录下 cmd运行 1234//20volta install node@20//16volta install node@16 安装好node版本之后可根据项目要求自行切换node版本了 12volta pin node@16.20.2//查看 node -v 在要运行的根目录下运行volta pin node@16.20.2,会在项目的package.json中添加,然后就可以使用命令启动项目了。 123"volta": { "n ...

需求 最近开发时遇到这么一个需求，使用uniapp开发H5界面，并通过webview嵌入小程序中使用。 出现的问题 在调试过程中发现嵌入的H5界面打印信息不显示，在浏览器中打印正常显示。当时就很纳闷，以为是编译器出问题（最近重新安装过编译器），查阅资料后发现，编译器有针对webview的调试功能。于是出篇文章记录一下。 解决办法 在微信开发者工具模拟器的右下角有个调试图标（像爬虫）。 运行项目后点击图标，会出现一个DevTools的窗口。 点击 Console,就能查看嵌入的H5界面的打印信息了。

uniapp H5 页面判断所在环境：微信小程序、微信浏览器、外部浏览器 开发过程中难免会遇到需要判断单前页面所处的运行环境,那么我们应该如何来实现呢？ 需求是这样的：uniapp 开发的 H5 界面需要嵌入微信小程序，安卓 app 中，其中有部分功能是在 app 中显示，小程序中不显示。经过一番摸索之后，我也找到解决办法，再此备忘一下。 解决方法 借助微信提供的sd k 获取浏览器信息 判断方法 12345678910111213141516171819202122232425安装sdk:npm install weixin-js-sdk引入sdk:let wxSdk = require('weixin-js-sdk');判断方法：function getENVIR () { let wxSdk = require('weixin-js-sdk'); let text = '' let ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMess ...

JavaScript实现防抖、节流 在开发过程中往往会遇到这类需求，某些界面或按钮在弱网情况下点击没有反应，用户就会疯狂的点击，后台就源源不断的向服务器发送请求，用户体验贼差。 为了解决在这一问题，就会想到能不能在一定时间内无论用户点击多少次，只触发一次请求。 这时就会考虑到节流和防抖，那么什么是节流和防抖呢，怎么来实现? 防抖：单位时间内，频繁触发事件，只执行最后一次 思路：利用定时器，每次触发先清除定时器 1234567891011121314151617function debounce(fn, wait) { var timer = null; return function () { var context = this; args = [...arguments]; // 如果此时存在定时器的话，则取消之前定时器重新计时 if (timer) { clearTimeout(timer); timer = null; } // 设置定时器，使事件间隔指定时间后执行； ...

js 轮询方法 很多时候我们会遇到使用轮询方法去处理一些逻辑，比如说扫码后轮询判断二维码是否被使用等情况。 以下是一个基于 JavaScript 编写的一个简单轮询方法： 123456789101112131415161718// 轮询方法function pollCode(fn, interval, timeout) { var endTime = Number(new Date()) + (timeout || 600000); interval = interval || 1000; var checkCondition = function (resolve, reject) { // 如果超时则停止轮询 if (Number(new Date()) > endTime) { reject(new Error("轮询超时")); // 如果条件满足则停止轮询 } else if (fn()) { resolve(); // 否则继续轮询 ...

uniapp 微信小程序代码自动上传到微信后台 1.微信后台获取上传密钥和白名单配置 生成小程序代码上传密钥 IP 白名单配置（公网白名单） 生成完成之后下载到根目录或项目其他地方（一会用得到） 上传失败后，编译器会提示对应 ip 12上传项目到微信平台失败Error: {"errCode":-10008,"errMsg":"invalid ip: 220.165.xxx.xx, reference: https://developers.weixin.qq.com/miniprogram/dev/devtools/ci.html"} 2.脚本安装(npm、cnpm、yarn) 1npm i miniprogram-ci -D 3.创建配置文件 在项目根目录创建 autoUpload.js和添上面生成的密钥 autoUpload.js 12345678910111213141516171819202122232425262728293031323334353637383940const path = ...

怪咖工作室·大数据平台 温馨提示：以下内容，纯属娱乐，不喜勿喷，高抬贵手。     部署完上一个项目之后 演示地址，颇有启发，想自行设计开发一个大数据平台，于是就管他三七二十一的，掏出原型工具就开干。     通过时长 两天半的掉发后，设计终于有点丑了，哈哈……!。     经过反复的推敲、打磨后，成品成功的被扼杀了，呃…     然，我并没有放弃，就一直条头发，又是一个 两天半的奋战后，出结果了。 项目架构 1Vue3.2 + Vite 4 + ECharts 5 + Tailwindcss Tailwindcss 演示效果 演示地址：https://gk.www.wbdqc.top/web/ 免责声明：本文只是作者的个人观点，不代表网站立场。 转载请注明出处。

怪咖大数据平台 介绍 数据可视化大屏 本人想“砖研”可视化大屏已久，无奈没找到合适的资源（懒），曾用html+css+jquery+echarts，vue + datav敲了一些示例，布局真是让人头疼 一个偶然的机会，看到程序员 Sunday老师 的视频，瞬间开启新大陆 项目是基于 Vue 3 + Vite 4 + ECharts 5 + Tailwindcss开发的可视化项目 跟着 Sunday 老师 的视频一步一步敲出来（代码搬运工） 在这里再次感谢程序员 Sunday 老师的无私奉献，链接附上↓ 2023 最新：ECharts 数据可视化大屏项目 软件架构 1Vue3.2 + Vite 4 + ECharts 5 + Tailwindcss Tailwindcss 安装教程 1npm install 使用说明 1npm run dev 演示效果 本地部署地址：http://gk.datav.com:89 演示地址：https://gk.www.wbdqc.top/ new—变异版本-移动版 新增移动版，根窗口适配PC和移动版，只是做了简单的优化； 去除了可视化地图（移 ...