- 博客(133)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 BFF架构：优化前后端协作设计模式
BFF的出现为前端应用提供一个对业务服务的聚合API，减少复杂服务的调用链，让前端聚焦处理所需的数据，后端专注开发底层服务能力。每个人对一个技术认知是不同的。设计API时要考虑不同设备应用的需求，也就是为不同的设备提供不同的API，虽然他们可能会实现相同的工鞥，但因为不同系统、业务组、设备的特殊性，他们对服务端的API访问会各有特点，需要区别处理。BFF是在传统客户端和服务API之间的额外处理服务，对比前端发起的多个请求，中间层服务转发处理相对来说会有微小的服务延迟，但同时也会减少前端逻辑处理时间。
2024-07-24 11:40:57
1533
原创 群晖NAS：windows上docker安装群晖dsm
## 群晖NAS：windows上docker安装群晖dsm## 1、安装docker并登录（需要vpn）电脑应用商店直接搜 docker安装。登录注册需要vpn。已登录的忽略## 2、下载镜像：vdsm#### 2.1 客户端安装：**时地址改变页面也不刷新生效处理
## 工具方法：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
478
原创 React：tabs或标签页自定义右击菜单内容，支持内嵌iframe关闭菜单方案
## React：tabs或标签页自定义右击菜单内容，支持内嵌iframe关闭菜单方案不管是react、vue还是原生js，原理是一样的## 场景前端自定义标签页，一个标签对应一个路由页面，通过切换标签快速切换不同应用或者页面## 代码#### 变量```javascriptstate = { contextMenuIndex: '', // 右击菜单索引 contextMenuPosition: { // 右击菜单定位信息 clientX: '',
2024-06-24 15:16:38
446
原创 工具JS：纯前端判断运行环境是公司内网还是公网环境
## 工具JS：纯前端判断运行环境是公司内网还是公网环境### 判断内网方式一般就2种： - 后端出接口，判断请求头内ip地址，是否公司内网的ip即可 - 前端项目内处理，利用iframe、script、img等标签支持跨域（本文介绍） - 如果公司有前端node项目，前端可以自己写一个接口也行（很多公司都没搭建）### 逻辑：1. 内网环境的项目内新建一个js文件（比如：测试开发环境）2. 生产环境调用内网的js文件地址3. 动态创建js标签，调用成功执行onload，调用失败执行
2024-06-07 11:40:00
392
原创 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://juejin.cn/post/72773950505098445
2024-05-11 11:03:52
595
原创 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：
10
原创 微信小程序：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
922
原创 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
486
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
705
原创 群晖：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
708
原创 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
2143
原创 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:如图：#
2024-01-20 23:15:31
1081
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
1007
原创 群晖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
1622
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
2850
原创 群晖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
1317
原创 群晖NAS：套件源地址添加提示 无效位置 系统证书重置
## 群晖NAS：套件源地址添加提示 无效位置网上很多案例和解决方案，没生效。通过重置延长系统证书即可**设置 - 安全性 - 证书 - 群晖证书 - 右击菜单 延长证书**延长成功后，在套件中心添加即可。若不生效，可查看网上别人的方案：[https://www.jianshu.com/p/d64650d500d7](https:
2023-10-25 16:06:38
4841
原创 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
1478
原创 群晖NAS：通过Docker 部署宝塔面板【注册表：btpanel-baota、cyberbolt/baota、pch18/baota】
## 群晖NAS：通过 Docker 部署宝塔面板【注册表：pch18/baota】由于 docker 源地址被墙，在面板里面查询不到注册表，使用 ssh 命令行拉取**1、打开 SSH，链接后打开命令行**这里不赘述，具体自行百度**2、下载 镜像**```javascript// 第一步，获取 root 权限（输入密码是
2023-09-08 13:26:53
11225
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
2716
原创 群辉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
6269
原创 群晖NAS：DS Video、Jellyfin等视频电影电视剧海报、背景墙搜刮器
## 群晖NAS：DS Video、Jellyfin等视频电影电视剧海报、背景墙搜刮器**本文只使用豆瓣插件方式**，系统默认的 The Movie Database 好注册，但是授权码输入后域名不通过，很麻烦。**1、插件地址：**> https://www.aliyundrive.com/s/ufd7MtwspvU提取码: 660i点击链接保存，或者复制本段内容，打开「阿里云盘」APP ，无需下载极速在线查看，视频原画倍速播放。**2、使用方式：**使用creat-react-app、yarn搭建步骤创建 react 应用：/
2023-06-13 18:29:32
3460
原创 本地serve跑vue或者react打包后的项目
## 本地跑vue或者react打包后的项目不需要本地服务器跑打包后的build文件夹（也可能是 dist文件夹）项目。**一般方案：** 1. 方案一：本地电脑运行serve服务（本文~~） 2. 方案二：vscode编辑器安装拓展【live server】，build文件夹index.html右击菜单运行live server，自动打开浏览器看结果（本质上和方案一一样） 3. 方案三：hbuliderX编辑器，直接运行index.html就是本地微服务，自动打开浏览器看结果（本质上和方案一
2023-06-13 15:17:01
1451
原创 群晖NAS：同一个frp隧道同时在APP登录DS File和浏览器网页使用
## 群晖NAS：同一个frp隧道同时登录DS File和使用网页frp隧道数量有限情况下，想用一个隧道支持浏览器网页日常使用，还要支持 DS File 的APP登录使用。 **本文介绍443端口代理映射DSM的5001。如果是80端口，则映射DSM的5000端口，类同：**
2023-06-08 11:11:55
959
Home Assistant 中美的家具组件 midea-ac-lan
2023-11-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人