- 博客(298)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 前端er Go-Frame 的学习笔记：实现 to-do 功能（四），确保开发和部署共用一套代码
本文探讨了开发与部署环境配置的灵活性问题。作者通过实践发现，在不修改代码的情况下，可以通过配置文件和环境变量实现开发与部署环境的切换。在开发环境中，前端通过vite代理到后端，后端连接本地数据库；部署时则通过Docker容器集群配置，前端由Caddy代理，后端连接容器内的数据库。虽然未使用环境变量，但通过复制不同配置文件实现了目标。文章展示了具体的配置流程和Docker集群部署效果，强调GPT的建议仅供参考，实际解决方案仍需独立思考。
2025-12-09 14:25:07
281
原创 前端er Go-Frame 的学习笔记：实现 to-do 功能（三），用 docker 封装成镜像，并且同时启动前后端数据库服务
本文记录了将前后端项目容器化并部署的过程。前端使用React，通过Dockerfile构建镜像时遇到node_modules冲突问题，通过.dockerignore解决。配置Caddy反向代理处理API请求，区分开发和生产环境。后端基于go-frame框架，在Docker构建中遇到Go版本不匹配问题，调整Dockerfile后成功打包。最终实现了前后端容器化运行，并解决了端口映射和配置文件缺失问题。整个部署过程展示了从项目打包到容器运行的关键步骤和常见问题的解决方案。
2025-12-05 15:44:55
1158
1
原创 前端er Go-Frame 的学习笔记：实现 to-do 功能（二），前端项目的开发，对接后端
本文介绍了使用Go-Frame和React构建to-do应用的过程。首先调整后端路由为复数形式（todo→todos），并统一接口为v1版本。前端采用React 19+Antd 6+Alova技术栈，通过Vite搭建项目基础，配置ESLint和TS规则。重点实现了Alova实例配置、API请求代理，并完成了一个简易的to-do页面。开发过程中解决了跨域请求和缓存问题，最终实现了前后端联调。文章还记录了技术选型、环境配置等开发细节，为类似项目提供了参考。
2025-12-04 15:00:09
608
原创 前端er Go-Frame 的学习笔记：实现 to-do 功能（一）
本文介绍了一个基于go-frame框架的todo-list项目开发过程。主要内容包括：1. 数据库设计，创建了包含id、title、done状态、创建和更新时间等字段的todo表；2. 使用go-frame脚手架搭建后端项目结构；3. 自动生成dao、do、entity等数据访问层代码；4. 设计RESTful接口实现CRUD功能，特别讨论了更新操作中done字段的处理方式。项目采用MySQL数据库，并遵循go-frame的开发规范，为后续前端开发提供API支持。
2025-12-03 15:47:07
809
1
原创 解决终端的 options + 左右方向键失效了
摘要：在zsh终端中，当使用option+左右方向键时出现DC按钮的问题，可以通过修改.zshrc配置文件解决。具体方法是添加bindkey命令绑定组合键功能，然后执行source ~/.zshrc使配置生效。修复后，option+方向键可以正常实现单词间跳转功能。
2025-10-15 10:59:39
231
原创 终端美化：Windows11 下 安装 WSL 并使用好看的的 zsh 主题
本文介绍了在Windows系统上通过WSL安装Spaceship终端主题的过程。首先在PowerShell中安装WSL（约5分钟），然后配置Linux环境（需自行安装node等工具）。接着安装nvm、zsh，并将默认shell切换为zsh。随后通过ohmyzsh工具管理主题，克隆Spaceship主题文件并配置.zshrc文件。最终实现了与macOS上相似的终端主题效果，可通过快捷命令增强使用体验。整个过程展示了如何在Windows环境下实现类Unix终端的个性化配置。
2025-08-27 22:16:12
434
原创 探索：Uniapp 安卓热更新
摘要 本文介绍了UniApp热更新(wgt)的实现方法。关键步骤包括：构建高于当前版本号的wgt包并上传至服务器；通过前端代码获取更新包地址；使用uni.downloadFile下载更新包，并通过plus.runtime.install安装。重点注意事项：wgt包版本必须高于当前版本，否则会报版本不匹配错误(错误码-1205)。文中提供了完整的热更新代码实现，包括下载进度监控和更新安装逻辑，并附有实际效果截图和参考文章链接。
2025-08-02 11:19:37
463
原创 Hbuilder + cli 的实践探索，uni-wifi 如何脱离 uts 从而不卡住安装 uts Android 呢？
绕过UTS限制实现uni-app获取WiFi信息 由于项目使用HBuilder搭建的uni-app项目需要通过CI/CD发布H5页面，但uni-wifi模块依赖UTS导致构建失败。通过研究发现UTS模块无法用于H5环境，于是自行开发了替代方案。利用Android原生API实现了获取WiFi信息的功能，包括SSID、BSSID、IP地址和信号强度等数据。测试验证该方案成功获取到了WiFi信息，解决了原始模块的兼容性问题，为CI/CD流程扫清了障碍。
2025-07-07 19:43:04
382
原创 React 新框架的一些实践心得（关注业务的话，框架的设计封装思路）
本文介绍了一个前端开发框架的设计思路和实现方案。该框架采用模块化设计，将功能划分为数据展示(index.tsx)、表单处理(form.tsx)和详情展示(detail.tsx)三个组件。框架通过封装基础组件(BasicPage)和常用功能(如分页、筛选)到私有npm仓库，简化了开发流程。后端采用字段监控机制，前端通过修改字段状态触发业务逻辑，减少接口数量。此外，文章还介绍了枚举值的定义方式及其优劣，强调了一致性维护的优势和类型推导的便利性。整体框架设计注重业务逻辑的简化开发，同时保持足够的灵活性。
2025-06-19 10:57:18
647
原创 github 上的 CI/CD 的尝试
本文介绍了如何通过GitHub Actions自动部署Vue 3项目到GitHub Pages。首先，新建仓库并设置GitHub Pages。接着，创建一个Vite项目，并修改vite.config.js中的base配置。然后，在项目根目录下创建.github/workflows/ci.yml文件，配置工作流以监控main分支的改动，自动构建项目并部署到gh-pages分支。通过这一流程，开发者可以轻松实现项目的持续集成与部署。
2025-05-13 10:00:58
593
原创 Hbuilder 开发鸿蒙应用，打包成 hap 格式（并没有上架应用商店，只安装调试用）
这个是打包后的hap文件，（并没有上架应用商店，只安装调试用）拖到模拟器里，可以正常安装这是鸿蒙的版本。
2025-04-30 16:58:35
1472
原创 命令行指引的尝试
首先初始化一个空的项目，然后安装一些依赖至于这些依赖是干嘛的，如下图所示：然后再中补充一个bin然后再根目录下新建一个index.js, 其中的内容如下这个工具的内容如下${${${然后再模拟几个vue的模板 ，待会儿第二步克隆的时候就是复制这里的文件。
2025-04-25 21:24:53
450
原创 Invalid value “iife“ for option “output.format“ - UMD and IIFE output formats are not supported for
我用了这种方法的导入了，导致报错。老老实实用导入就好了。
2025-03-31 16:56:45
884
原创 【ThreeJS Basics 09】Debug
每一个创意项目的一个基本方面是能够轻松调整。开发人员和参与项目的其他参与者（如设计师甚至客户）必须能够更改尽可能多的参数。您必须考虑到这一点，以便他们找到完美的颜色、速度、数量等，获得最佳体验。您甚至可能会得到意想不到的很棒的结果。首先，我们需要一个调试 UI。dat.GUIlil-guiControlKitUilTweakpaneGuifyOui所有这些库都可以做我们想做的事，但我们将使用lil-gui，因为它很流行、维护良好、并且易于使用。
2025-03-07 09:11:07
1149
原创 【ThreeJS Basics 08】Geometries 几何
有时，我们需要创建自己的几何图形。如果几何图形非常复杂或具有精确的形状，最好在 3D 软件中创建它（我们将在以后的课程中介绍这一点），但如果几何图形不太复杂，我们可以使用自己构建它。要创建自己的缓冲区几何体，首先实例化一个空的要将顶点添加到，您必须从开始。是原生JavaScript类型的数组。你只能在其中存储浮点数，并且该数组的长度是固定的。要创建或者用矩阵])如您所见，顶点的坐标是线性指定的。该数组是一个一维数组，其中您指定第一个顶点的x、y和z，然后指定第二个顶点的 、和，依此类推x。yz。
2025-03-06 15:35:05
1407
原创 【ThreeJS Basics 07】全屏和调整大小
现在，很多制造商都在这样做，你可以看到像素比甚至更高的屏幕。每个人的浏览器环境都是不同的，所以想要统一样式的话，需要留意更多细节，这里蓝色的边框是因为 chrome 的版本问题导致的，可以。几年前，所有屏幕的像素比都是1，一切都很好。但当你仔细观察屏幕时，你会看到这些像素，这对图像的精确度和字体的细度是一个限制。阻止滚动，默认的控件会帮我们处理好这种滚动的瑕疵，但是当我们不使用控件的话，应该如何去掉这种滚动效果呢。可能你会看到这样的效果，感觉不够精细，原因是像素比比较低。，并更新渲染器的像素比，只需调用。
2025-03-06 10:47:18
968
原创 Git 批量合并 Commit 并且保留之前的 Commit 快速实现的思路
我想把如下的提交 commit，变成一个 Commit，并且合并这些 Commit 的消息到一个节点。然后，痛苦的事情来了，我需要保留第一条的。最后合并的节点就只剩两个了，其中最新的节点。上，这样合并后会保留两个 Commit。之后再进入编辑模式把第一行改成。如果在插入模式的话，按一下。冒号进入命令模式，之后输入。
2025-03-05 16:17:34
366
原创 【ThreeJS Basics 1-6】Camera VIP
正交相机有六个参数，前四个是位置，左右上下，第五个和第六个跟透视相机的参数类似，远近的渲染。选择合适的取值范围，如果远端有山庄，山脉，云朵之类的，可以取合适的值来判断是否渲染它们。所以改变一下 cursor.y 的值，整体取值负数，这样x,y轴都是反方向的了。如果视野足够大的话，那么规则的立方体可能被挤压变形，类似这样的效果。但是这里会有奇怪的问题, 似乎 x 轴跟 y 轴的逻辑是反着的。拖拽的时候有些生涩，加入阻尼之后，会有一定的加速度。上面的形状并不规则，因为渲染的比例不对，我们获取。
2025-03-05 15:34:13
997
原创 【ThreeJS Basics 06】Camera
正交相机有六个参数，前四个是位置，左右上下，第五个和第六个跟透视相机的参数类似，远近的渲染。选择合适的取值范围，如果远端有山庄，山脉，云朵之类的，可以取合适的值来判断是否渲染它们。所以改变一下 cursor.y 的值，整体取值负数，这样x,y轴都是反方向的了。如果视野足够大的话，那么规则的立方体可能被挤压变形，类似这样的效果。但是这里会有奇怪的问题, 似乎 x 轴跟 y 轴的逻辑是反着的。拖拽的时候有些生涩，加入阻尼之后，会有一定的加速度。上面的形状并不规则，因为渲染的比例不对，我们获取。
2025-03-05 15:33:25
1340
原创 【ThreeJS Basics 1-5】动画 Animations Vip
它要求浏览器在下一次重绘之前，调用用户提供的回调函数。但是渲染的结果（也就是 Render） 还是要自己维护，所以render 要放到回调里。了解如何生成动画，才能去创造出更丰富的场景，所以动画是很基本的知识！不过，如果你的显示器帧率越高，那么这些动画的速度是越快的，因为。那么如何让不同刷新率的显示器，显示相同速度的动画呢？可以通过这个回调函数来试着做位移，旋转的动画。我尝试修改显示器的刷新频率试一下，我从。会根据刷新率的高低来处理回调函数的频率。，可以看到控制台打印的速率明显变慢。，打印的速度慢了一些。
2025-02-22 12:29:14
421
原创 【ThreeJS Basics 05】动画 Animations
它要求浏览器在下一次重绘之前，调用用户提供的回调函数。但是渲染的结果（也就是 Render） 还是要自己维护，所以render 要放到回调里。了解如何生成动画，才能去创造出更丰富的场景，所以动画是很基本的知识！不过，如果你的显示器帧率越高，那么这些动画的速度是越快的，因为。那么如何让不同刷新率的显示器，显示相同速度的动画呢？可以通过这个回调函数来试着做位移，旋转的动画。我尝试修改显示器的刷新频率试一下，我从。会根据刷新率的高低来处理回调函数的频率。，可以看到控制台打印的速率明显变慢。，打印的速度慢了一些。
2025-02-22 12:28:54
647
原创 【ThreeJS Basics 1-4】变换物体 VIP
有常用的四种维度，用来变换物体位置position旋转rotation缩放scale四元数quaternion再此之前引入一个用于帮我们更好的观察物体的变换。
2025-02-18 09:37:48
810
原创 【ThreeJS Basics 04】变换物体
有常用的四种维度，用来变换物体位置position旋转rotation缩放scale四元数quaternion再此之前引入一个用于帮我们更好的观察物体的变换。
2025-02-18 08:44:25
1196
原创 【ThreeJS Basics 03】Hello ThreeJS，实现第一个场景
也许你会觉得它并不像个空间上的物体，这是因为，我们的照相机跟物体是水平的。想要使用 ThreeJS 实现一些场景，以下的对象是必要的。我的环境是 node version 22。所有的元素，添加到场景时候，位置坐标都是。以下就是在脚本中如何定义并使用这四种对象。首先，新建一个空的文件夹，然后。, 此时会快速生成好默认的。你就会得到如下的画面。
2025-02-10 07:04:55
627
原创 【ThreeJS Basics 01 & 02】了解 WebGL 以及 ThreeJS
这个课程的主讲人是这是他的作品集WebGL 是一种，可以以惊人的速度在画布上渲染三角形。它与大多数现代浏览器兼容，并且速度很快，因为它使用了访问者的图形处理单元 (GPU)。WebGL不仅可以绘制三角形，还可以用于创建 2D 体验，但出于课程的目的，我们将重点介绍使用三角形的 3D 体验。GPU 可以进行数千次并行计算。想象一下，您要渲染一个 3D 模型，而这个模型由 1000 个三角形组成——仔细想想，这个数字并不算多。每个三角形包含 3 个点。
2025-02-06 07:39:45
944
原创 如何将 Windows 上的文件传递到 Mac 上
弹出链接服务器，之后输入Windows 的 Ipv4 地址，输入完之后，填写账户名称和密码（密码是必需的，所以没有密码的话，Windows 新建一个带有密码的账户）windows 这边需要用 Administrator 权限的账号，把要共享的磁盘设置成共享。共享完之后磁盘图标会有类似快捷方式的小图标。打开访达，然后快捷键。之后就可以复制资料了。
2025-01-29 18:51:35
1133
原创 DeepSeek-R1本地部署笔记
安装好之后，在终端里就可以输入问题了，如果新开一个终端窗口的话，可以输入如下命令去召唤。下载完之后可以点击浏览器上面的插件按钮，跳转到如下页面。根据显卡的显存去选择多大的模型。插件市场有个这个插件。，选择对应的操作系统。
2025-01-28 09:54:14
3012
原创 Windows 11更新之后卡顿 （黑神话掉帧严重）问题探索
Windows 11晚上更新完24h2之后，第二天玩黑神话，才40多帧之前开启插针，可以运行到 120 帧左右。
2025-01-13 22:58:37
1000
原创 Ag-Grid 模块化引入报错unable to use rowModelType = ‘clientside‘ as the ClientsideRowModelModule
想使用企业版的树形结构，但是之前的全量引入包体积太大了，开发打包的速度也很慢，build 为生产的速度也很慢。
2024-11-28 10:19:51
888
原创 vue2 中使用 Ag-grid-enterprise 企业版
默认情况下，Vue CLI 会跳过对 node_modules 中的依赖项进行转译，以提高构建性能。然而，有些库可能包含现代 JavaScript 语法，这些语法在某些环境中（如旧版浏览器）可能不被支持。你遇到的问题是 Webpack 在构建过程中对 ag-grid-enterprise 模块进行了去优化处理，因为该模块的大小超过了 500KB。这通常不会影响功能，但可能会导致构建时间增加或性能下降。打包是可以打包的，但是打包速度非常慢，而且体积很大，也可以运行，等待研究并优化。，等项目运行之后再引入。
2024-11-26 14:22:46
1097
Finally_HeilongjiangUniversity.7z
2019-07-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人