搬砖的前端-CSDN博客

原创【uniapp蓝牙】基于native.js链接ble和非ble蓝牙

## 【uniapp蓝牙】基于native.js链接ble和非ble蓝牙uniapp不是仅支持低功耗蓝牙（基础蓝牙通讯不支持），有些可能需要基础蓝牙。我现在同步我的手机蓝牙列表低功耗，基础蓝牙都支持```javascript/** * @author wzj * 通用蓝牙模块封装 * 搜索 ble 和非 ble 蓝牙设备 */class Ble { constructor() { // false 蓝牙关闭, true 蓝牙打开 this.blue

2024-12-18 18:05:12 788

原创【Tauri】Vue+Vite+Tauri 多端开发桌面应用记录

# 【Tauri】Vue+Vite+Tauri 开发桌面应用## 前置工作### 1.安装nodejsVue、react等项目运行在node环境，需要安装nodejs腾讯软件中心直接下载安装即可：[https://pc.qq.com/search.html#!keyword=node](https://pc.qq.com/search.html#!keyword=node)#### 设置淘宝源地址（建议）默认的官方源地址太慢了```powershellnpm config set re

2024-12-18 18:03:01 1210

原创【工具JS】js获取txt文本的内容

## 【工具JS】js获取txt文本的内容js读取文本文件的内容，这里有两个常见方式：### 1.FileReader方式```javascriptconst reader = new FileReader(); reader.readAsText(file); reader.onload = function () { const content = reader.result; console.log(content); };```### 2.fetch

2024-12-16 15:50:12 820

原创【NRM】npm镜像源地址管理

nrm(npm registry manager，nrm )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换。参考地址：https://blog.csdn.net/lv_qingru/article/details/136369467。因为公司有npm内网源地址，很多外网依赖拉取很慢。使用nrm管理npm的源地址，更方便切换使用。备注：带*的是当前使用的源，上面的输出表明当前源是taobao源。备注：如切换淘宝则执行，nrm use taobao。

2024-11-08 14:10:32 447

原创微信小程序：miniprogram-ci自动打包工具使用介绍以及支持配置环境变量、jekins打包、taro、uni-app三方工具

微信小程序：miniprogram-ci自动打包工具使用介绍以及支持配置环境变量、jekins打包、taro、uni-app三方工具

2024-10-16 18:16:39 2692 2

原创 Docker：如果在windows版本docker上安装本地镜像

【代码】Docker：如果在windows版本docker上安装本地镜像。

2024-07-24 18:00:14 1392 1

原创 BFF架构：优化前后端协作设计模式

BFF的出现为前端应用提供一个对业务服务的聚合API，减少复杂服务的调用链，让前端聚焦处理所需的数据，后端专注开发底层服务能力。每个人对一个技术认知是不同的。设计API时要考虑不同设备应用的需求，也就是为不同的设备提供不同的API，虽然他们可能会实现相同的工鞥，但因为不同系统、业务组、设备的特殊性，他们对服务端的API访问会各有特点，需要区别处理。BFF是在传统客户端和服务API之间的额外处理服务，对比前端发起的多个请求，中间层服务转发处理相对来说会有微小的服务延迟，但同时也会减少前端逻辑处理时间。

2024-07-24 11:40:57 2476

原创群晖NAS：windows上docker安装群晖dsm

## 群晖NAS：windows上docker安装群晖dsm## 1、安装docker并登录（需要vpn）电脑应用商店直接搜 docker安装。登录注册需要vpn。已登录的忽略![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/4c26aba3c3704934ba0b0e8fd746e22f.png)## 2、下载镜像：vdsm#### 2.1 客户端安装：**![在这里插入图片描述](https://i-blog.csdnimg.cn/direc

2024-07-18 16:32:17 8153

原创工具方法：js设置iframe的src为哈希路由(Hash模式)时地址改变页面也不刷新生效处理

## 工具方法：js设置iframe的src为哈希路由(Hash模式)时地址改变页面也不刷新生效处理Hash路由模式替换地址页面也不更新，History模式正常## 处理方案：在 # 前加随机数或时间戳即可## 示例方法：```javascript onReset(item, index, e) { e.stopPropagation(); const getIframe = document.querySelectorAll('.inner-iframe')[inde

2024-06-24 17:01:19 805 1

原创 React：tabs或标签页自定义右击菜单内容，支持内嵌iframe关闭菜单方案

## React：tabs或标签页自定义右击菜单内容，支持内嵌iframe关闭菜单方案不管是react、vue还是原生js，原理是一样的## 场景前端自定义标签页，一个标签对应一个路由页面，通过切换标签快速切换不同应用或者页面## 代码#### 变量```javascriptstate = { contextMenuIndex: '', // 右击菜单索引 contextMenuPosition: { // 右击菜单定位信息 clientX: '',

2024-06-24 15:16:38 693

原创工具JS：纯前端判断运行环境是公司内网还是公网环境

## 工具JS：纯前端判断运行环境是公司内网还是公网环境### 判断内网方式一般就2种： - 后端出接口，判断请求头内ip地址，是否公司内网的ip即可 - 前端项目内处理，利用iframe、script、img等标签支持跨域（本文介绍） - 如果公司有前端node项目，前端可以自己写一个接口也行（很多公司都没搭建）### 逻辑：1. 内网环境的项目内新建一个js文件（比如：测试开发环境）2. 生产环境调用内网的js文件地址3. 动态创建js标签，调用成功执行onload，调用失败执行

2024-06-07 11:40:00 879

原创 GIT提交：.husky/pre-commit: line 2: .husky/_/husky.sh: No such file or directory

## GIT提交：.husky/pre-commit: line 2: .husky/_/husky.sh: No such file or directory一些项目添加了代码提交校验和格式化，在windows下会忽略.husky下文件提交导致git数据丢失。### 处理方案：#### 方案01：补齐缺失的文件1.1 项目根目录下：【.husky】下新建文件夹【\_】【\_】下新建【.gitignore】和【husky.sh】![在这里插入图片描述](https://img-blog.cs

2024-05-20 18:02:57 1552

原创 iOS APP 上架审核被拒Guideline 4.3 - Design，2.1，2.3.1，5.1.1解决方案

## iOS APP 上架审核被拒Guideline 4.3 - Design，2.1，2.3.1，5.1.1解决方案**4.3解决原理：**[https://blog.csdn.net/huazaihahha/article/details/136659489](https://blog.csdn.net/huazaihahha/article/details/136659489)**其他以及具体执行步骤：**[https://juejin.cn/post/72773950505098445

2024-05-11 11:03:52 837

原创 AI模型：windows本地运行下载安装ollama运行llama3、llama2、Google CodeGemma、gemma等可离线运行数据模型【自留记录】

## AI模型：windows本地运行下载安装ollama运行llama3、llama2、Google CodeGemma、gemma等可离线运行数据模型【自留记录】CodeGemma 没法直接运行，需要中间软件。下载安装ollama后，使用ollama运行CodeGemma等AI模型。类似前端本地需要安装 node.js 才可能跑vue、react项目## 1、下载 ollama：![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/65f3c9d

2024-05-07 16:12:05 10980 12

原创微信小程序：Error: 系统错误，错误码：6000100,unbind download url [日期时间]

## 微信小程序：Error: 系统错误，错误码：6000100,unbind download url [日期时间]微信开发中一直弹这个很烦人，百度一圈没发现有效的解决方案。捣鼓了下，是开启的【数据预拉取】**解决方案：**1、打开开发者工具 - 详情 - 本地设置 - 关闭：**启用数据预拉取**或者配置预拉取2、见微信开发文档：[https://developers.weixin.qq.com/miniprogram/dev/framework/ability/pre-fetch

2024-05-06 17:08:55 1980

原创 qq空间：图片批量下载js脚本工具，javascript批量下载图片

## qq空间批量下载，前端脚本处理需要登录qq空间网页版，在控制台引用jq的js文件以及自定义fun。执行调用**jq**https://cdn.staticfile.org/jquery/1.11.0/jquery.min.js**脚本:**```javascriptvar total = 90var num = 0;function dow() { num++ $('.js-btn-changePhoto').show() setTimeo

2024-05-06 10:36:03 681 4

原创 react：antd中Input 或 InputNumber 数字类型禁用鼠标滚动时值自动变化解决方案

## react：antd中Input 或 InputNumber 数字类型禁用鼠标滚动时值自动变化解决方案记录antd版本：v4这是一个很隐蔽的bug，仅输入框聚焦后鼠标滑动经过输入框时，输入框的值会自动加减。不聚焦、不经过输入框不显示。**解决方案：**1. 不使用 Input 组件设置 type="number"，改用 InputNumber2. InputNumber 组件时，一定不要设置：type="number"经测试，antd的

2024-04-10 17:53:38 1061

原创群晖：Docker中用CentOS安装宝塔面板

## 群晖：Docker中用CentOS安装宝塔面板**步骤：**[https://post.smzdm.com/p/ad2rqg4z/](https://post.smzdm.com/p/ad2rqg4z/)**其他：** - 安装失败报错：Failed to download metadata for repo 'appstream': Cannot prepare internal mirrorlist: No URLs in mirrorlist 解决方案：https://w

2024-03-08 17:46:05 991

原创 Nginx: windows下nginx代理实现本地https请求转http

# Nginx: windows下nginx代理实现本地https请求转http## 背景需求： - https网站下要求ajax请求（iframe、img等资源）都要是https域名，http不能用，或被浏览器拦截（可以关闭浏览器的安全策略拦截） - 小程序、公众号等需要https域名接口或资源，调用本地http资源失败（可以打开调试模式绕过） ## 解决原理本地（服务器）代理监听https端口，代理转发请求http接口或资源。但是ip地址是不能创建安全证书的，所以需要先有一个域名，指向

2024-02-23 19:01:56 4310 1

原创 uniapp：通过vue-cli命令行创建无法找到dcloudio/uni-preset-vue，Fetching remote preset dcloudio/uni-preset-vue.. ER

## uniapp：通过vue-cli命令行创建无法找到dcloudio/uni-preset-vue，Fetching remote preset dcloudio/uni-preset-vue.. ERROR Failed fetching remote preset dcloudio/uni-preset-vue:如图：![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/02c44bac4e624620acccc3a48c8cb6ab.png)#

2024-01-20 23:15:31 1339 1

原创 react项目文本内\n＜br/＞不换行问题

## react项目文本内\n不换行问题**第一种：优先css设置：**```typescriptdiv { white-space: pre-wrap; word-break: break-all;}或：{cot}```**第二种：js字符串替换**```typescriptreplace(/\\n/g, '')

2023-12-28 18:27:21 1379

原创群晖NAS：docker（Container Manager）、npm安装Verdaccio并常见命令集合

群晖NAS：docker（Container Manager）、npm安装Verdaccio并常见命令集合 Verdaccio 默认端口号是4873，使用浏览器访问http://127.0.0.1:4873，成功即可。自建 npm 资源库，使用Verdaccio。如果觉得麻烦，直接可以在外网注册。如果只有一个源地址，可以直接设置进 npm.rc 文件内（可选）大同小异，自己搭建搭建方便局域网内成员项目管理。Container Manager 方式。发布后刷新下浏览器页面能看到。登录刚才注册的用户名、密码。

2023-11-27 14:13:44 2241 1

原创群晖Docker（Container Manager）中安装Home Assistant Container

群晖Docker（Container Manager）中安装Home Assistant Container 在file station 内。docker 新建homeassistant文件夹，继续继续新建config文件夹。选择/docker/homeassistant/config文件夹，挂载/config上。不要使用套件里面的 Home Assistant，不利于后期拓展。建议使用侨联模式创建，可以自定义本地端口号，容易记住。本地端口自己配置nas端口即可，注意不能是被占用。

2023-11-13 17:26:54 4518

原创群晖NAS：内网穿透、异地组网 frp

1、公网最好了，IPV4参考：https://imnks.com/354.html，IPV6：https://imnks.com/3330.html ☆☆☆☆☆。ddnsto，一年26块，4MB带宽，只能网页访问，不支持APP：https://imnks.com/2247.html ☆☆☆。樱花，免费10MB带宽，支持APP，缺点不支持http：https://imnks.com/1842.html ☆☆☆☆。OmniEdge，新项目：https://imnks.com/5768.html ☆☆☆☆。

2023-11-13 13:54:42 1796

原创基于arpl方式安装后的洗白

基于arpl方式安装后的洗白：

2023-11-13 13:52:05 402

原创群辉NAS：ARPL引导黑群晖DSM 7.2详细教程

群辉NAS：ARPL引导黑群晖DSM 7.2详细教程。

2023-11-09 23:03:30 6818

原创群晖NAS：套件源地址添加提示无效位置系统证书重置

## 群晖NAS：套件源地址添加提示无效位置网上很多案例和解决方案，没生效。通过重置延长系统证书即可**设置 - 安全性 - 证书 - 群晖证书 - 右击菜单延长证书**![在这里插入图片描述](https://img-blog.csdnimg.cn/3dd88be5ffc048058f15a8bdc4d2562d.png)延长成功后，在套件中心添加即可。若不生效，可查看网上别人的方案：[https://www.jianshu.com/p/d64650d500d7](https:

2023-10-25 16:06:38 7891

原创 NVM：node多版本管理的下载安装及使用

NVM：node多版本管理的下载安装及使用。win卸载：win => 设置 => 应用 => 应用和功能，找到 node 点击出现卸载按钮并且卸载它。将改名后的npm中bin目录下的npm、npm.cmd、npx、npx.cmd复制到与node_modules目录同级目录下。查看全版本打开：https://registry.npmmirror.com/binary.html?下载 zip 包解压后，将解压后的文件夹（类似：cli-6.14.8），改名为 npm。node版本问题，没有npm的版本

2023-09-25 11:57:58 1613

原创群晖NAS：通过Docker 部署宝塔面板【注册表：btpanel-baota、cyberbolt/baota、pch18/baota】

## 群晖NAS：通过 Docker 部署宝塔面板【注册表：pch18/baota】由于 docker 源地址被墙，在面板里面查询不到注册表，使用 ssh 命令行拉取![在这里插入图片描述](https://img-blog.csdnimg.cn/546745d172c84ecda0b52867094b2c75.png)**1、打开 SSH，链接后打开命令行**这里不赘述，具体自行百度**2、下载镜像**```javascript// 第一步，获取 root 权限（输入密码是

2023-09-08 13:26:53 16648 1

原创群晖NAS：黑群cpu信息显示不正确修正

## 群晖NAS：黑群cpu信息显示不正确修正黑群晖的面板信息，cpu信息一直是错误的，很难受，修正方法如下：**【1】下载插件：**打开：https://github.com/FOXBI/ch_cpuinfo/releases下载：ch_cpuinfo.tar**【2】ssh 打开运行**```python# 获取root权限sudo -i#打开文件所在文件夹（需要上传到共享文件夹、属性信息有地址信息）cd /volume2/xxxx/#运行插件tar xvf

2023-09-05 17:42:16 4072

原创群辉NAS：J1900系统盘安装SATA固态硬盘方案【自留记录】

## 群辉NAS：J1900系统盘安装SATA固态硬盘方案**设备介绍：**DSM版本：918+主板CPU：蜗牛星际J1900板内存：8G DDR3固态：移速SATA固态（msata在win微桌面识别，群晖安装时候识别不到）方式：SATA固态安装在硬盘盒上，左边左边第一个位置。其他盘取出**【1】修改引导盘配置文件：**插在电脑上（win10为例），注意有弹出格式化提示，不要格式化。linux系统盘，win不识别正常。打开三个盘里面正常那个盘打开 **boot / grub.c

2023-09-04 14:05:27 9577

原创群晖NAS：DS Video、Jellyfin等视频电影电视剧海报、背景墙搜刮器

## 群晖NAS：DS Video、Jellyfin等视频电影电视剧海报、背景墙搜刮器**本文只使用豆瓣插件方式**，系统默认的 The Movie Database 好注册，但是授权码输入后域名不通过，很麻烦。**1、插件地址：**> https://www.aliyundrive.com/s/ufd7MtwspvU提取码: 660i点击链接保存，或者复制本段内容，打开「阿里云盘」APP ，无需下载极速在线查看，视频原画倍速播放。**2、使用方式：**![在这里插入图片描述](ht

2023-09-01 11:57:32 3276

原创群晖NAS：DSM7.1激活Advanced Media Extensions【自留记录】

## 群晖NAS：DSM7.1激活Advanced Media Extensions【自留记录】**本文仅半白群晖可用，不需要安装其他套件或者ssh修改什么**使用DS Video 网页播放视频时候，提示：【不支持当前所选音轨的文件格式，因此无法播放视频。请尝试播放其它音轨，确认其是否支持】如图：![在这里插入图片描述](https://img-blog.csdnimg.cn/2a160425d9fa4846b1169158b1d3799d.

2023-08-31 18:24:10 16044 8

原创 vue3 setup+Taro3 调用原生小程序自定义年月日时分多列选择器，NutUI改造

## vue3 setup+Taro3 调用原生小程序自定义年月日时分多列选择器，NutUI改造NutUI 有日期时间选择器，但是滑动效果太差，卡顿明显。换成原生小程序很顺畅

2023-08-11 14:02:34 1795

原创 electron：打包时候下载包失败：https://github.com/electron-userland/electron-builder-binaries/releases/download/

## electron：打包时候下载包失败：https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.1/nsis-3.0.4.1.7z国内下载安装github 资源，有时候多次超时也不能解决可以替换国内的源解决[https://cdn.npm.taobao.org/dist/electron-builder-binaries/nsis-3.0.4.1/nsis-3.0.

2023-08-08 15:49:51 1858

原创 electron：打包时候下载包失败：https://github.com/electron/electron/releases/download/v25.4.0/electron-v25.4.0-w

## electron：打包时候下载包失败：https://github.com/electron/electron/releases/download/v25.4.0/electron-v25.4.0-win32-ia32.zip国内下载安装github 资源，有时候多次超时也不能解决可以替换国内的源解决[https://cdn.npm.taobao.org/dist/electron/v25.4.0/electron-v25.4.0-win32-ia32.zip](https://cdn.n

2023-08-08 15:48:30 974

原创群晖NAS：docker查询注册表失败解决方案 docker安装网心云、mysql等

## 群晖nas：docker查询注册表失败解决方案差不多2023年4月底开始的，docker内不能直接搜索注册表。据说是有人在库里放了一些有意思的东西，被和谐掉了，所以也别指望什么时候能解封。网上很多案例，都不能用。还有奇葩的给软路由翻墙的，不需要。直接命令行安装就行**步骤：** 1. List item 2. 配置SSH（已配置的忽略） 3. 链接ssh，获取root权限命令：sudio -i 4. 输入密码，回车（输入时，密码不显示，输入对就行） 5. 执行安装命令：dock

2023-07-12 17:06:02 20563

原创 vue + particles.js实现粒子动效背景功能流程步骤

vue + particles.js实现粒子动效背景功能流程步骤

2023-06-26 18:38:46 489

原创原生JS：跟随鼠标移动洒落星星的特效

原生JS：跟随鼠标移动洒落星星的特效。参考网络文档，发现计时器一直跑，容易内存溢出，而且长时间网页很卡。优化后： - 弃用 setInterval，采用 setTimeout，防止内存溢出 - 鼠标滑动开启4秒倒计时。自动清理之前的计时器 - 便捷引用，动态创建canvas标签，不需要额外的标签、css等---参考文档：[使用JS实现一个跟随鼠标移动洒落的星星特效：https://www.jb51.net/article/279141.

2023-06-26 17:55:20 2312 4

原创群晖NAS：通知设置使用QQ服务供应商显示535 Login Fail测试邮件无法发送。请检查设置并再试一次。535 Login Fail. Please enter your authorizati

## 群晖NAS：通知设置使用QQ服务供应商显示535 Login Fail。 **测试邮件无法发送。请检查设置并再试一次。535 Login Fail. Please enter your authorization code to login. More information inhttp://service.mail.qq.com/cqi-bin/help?subtype=1&&id=28&&no=1001256**

2023-06-25 14:14:45 2225

Home Assistant 中美的家具组件 midea-ac-lan

0积分下载e-charts地图js、json配置数据文件.zip

免费下载全国省市区及其编码React、Vue、小程序通用.js

空空如也