weixin_40874076的博客

原创 【VS Code】为什么vscode已经关闭，http://localhost:5173/还可以打开或项目还在运行，端口被占用

VSCode 进程插件是一款由 weinand 开发的扩展程序，旨在提供访问所有 Visual Studio Code 子进程的入口。该工具通过在 VSCode 的资源管理器中展示一个自定义视图，让用户能够清晰地监控和管理与 VSCode 相关的所有子进程。设计上，它响应了VSCode基于Chromium/Electron架构的多进程特性，支持终止进程、调试附件等操作，为开发者提供了更加透明的内部进程管理能力。

原创 【Three.js】使用vscode对threejs的代码提示

3.完成后，在my.js 同级建立文件jsconfig.json。2.在vscode的 查看-> 集成终端中 输入。4打开my.js 就有自动补全了。1.首先，你要安装Node.js。

原创 【ESLint】VSCode中使用vue项目ESlint验证配置

解决办法：vscode软件下载一个ESLint，在到设置里面找到setting.json文件，将下面的配置粘贴复制拷贝到文件中就可以了，so easy~如果在一个大型项目中会有多个人一起去开发，为了使每个人写的代码格式都保持一致，就需要借助软件去帮我们保存文件的时候，自己格式化代码。

原创 【Blender】三、材质篇--3.4 凹凸感和置换形变

这个反转了就是把零根一反转就是把凹凸给反转 这个其实也挺好理解的 对不对 这个距离呢 是在你这个凹凸的基础上增加一个成数 就是比较细致的 你可以把这个一的时候你看不出来 哈 你可以把这个距离调成0 0几 然后你会发现 哎 它其实是有一点细微的区别。在网上有很多这种免费的网站可以下载免费的材质 比如说这个polyheaven 还有刚才咱们这个ambientCG都可以下载这种材质 你把它下载解压之后呢 你会发现这里面有各种各样的贴图 比如说这个颜色贴图 它是彩色的吗 带有颜色的。

原创 【Blender】三、材质篇--3.3 用蒙版做纹理的叠加

好 我们还是把这个前置系数给调成一吧 把它勾选上 我们就在零跟一之间就可以了 那最上面还有个前置结果的选项 这个你不用管他 他勾选跟不勾选对你的结果影响不大 他一般会配合另外一个叫前置的几点去使用这个 以后用到的说吧 一般用的非常少。好把这个b断开哈 让它完全显示这个b的这红色 这样看得更清楚一点 那这样话你就明白了吧 就是你可以完全用黑白图像来代替系数 要达到一个萌版的效果 那以后呢 你就可以直接用这个a跟b来更改这个蘑菇头的颜色了。

原创 【Blender】三、材质篇--3.2 添加有纹理的材质 - 纹理坐标 映射 颜色渐变

那全局坐标性呢 其实用来定义物体跟物体之间的位置的 它的坐标零呢就是这个 x y z 这个交汇点 也叫世界中心 局部坐标性的 是为了定义每个物体内部空间的这些点的 所以每个物体的那个坐标里呢 就是它自己的原点。好 我们还是恢复到这个线性哈 这个时候 你可以通过这个映射节点改变你这个渐变的这个旋转的角度跟缩放 比如说我要改变它的位置我 你看我现在是在z方向上 所以这个时候 你改变这个。

原创 【Blender】三、材质篇--01，Blender材质基础 原理化BSDF

我来给它化妆图就是这个是水面 然后这个是你当你往进去的脚下去看 这个时候呢 你的视线跟这个水面的夹角比较大 这个时候能反射率是低的 然后透射比较高 所以你能看到合理的石头 当你看到远方的时候 那你的视线跟这种水面的夹角就比较小 这个时候呢 它的反射率就会比较。我把调了1 3看看 那他就透明更多 我们把这个糙度调小一点的话了 就更接近水的状态了 好 下面这个透射粗糙度能是调整这个物体内部的粗糙度的 把它调到一你会发现它里面的变得更加模糊粗糙了 但是外面的还是保持光滑 因为外面的操作咱们是零吗。

原创 【Blender】二、建模篇--08，小狐狸角色建模

好 加了 我们shifta新建一个立方体 挡住了 看不到 怎么办呢 我们可以选择这个图片啊 我们到这边 把它深度改到前方 这样的话 他就在你这个模型上面了 然后他这样 哎 你在任何一个前面的角度都能看到这个模型。接下来呢 我们找到这个曲线属性 就是先选中这个曲线 你才会有这个曲线属性哈 我们给他添加一个倒角 我们到这个几何数据找了倒角 然后把这个倒角这个额这个深度稍微往上调点 你看。好 咱们这个模型了就已经做好了 我们接下来就开始摆场景了 我给这个立方体改个名字啊好 恭喜大家 完成了建模篇的最后一个模型。

原创 【Blender】二、建模篇--07，置换修改器

就把这个弗洛伊德图呢 给它放大 因为发现你这个弗洛伊德图的这个点点越来越大的时候呢然后你这个石头的形状的慢慢就会清晰起来 刚才我们讲过了 黑色是0白色是1 那你看看你这黑色的部分 它就是零嘛 那它的置换的只是零那它就会会凹下去 对吧 就其实看起来就会有点奇怪 那怎么把这个零消除呢。你可以更改这个立方体的形状呢 去达到你更改这个石头形状的目的 我们tab就用编辑模式 你把这个按钮给打开 你会发现 这个时候你就可以一边编辑一边预览你的石头形状了。

原创 【Blender】二、建模篇--06，曲线建模/父子级和蒙皮修改器

这是什么意思呢 然后你可以把这个纸稍微改大一点 你会发现这个w可以影响这个曲线的曲率 所以呢 这个贝塞尔曲线和nurbs曲线的区别呢 就是在于贝塞尔 你看它是一个角 它没有w这个选项 而这个nurbs的曲线呢 它是有x y z 还有一个w 这个值是控制它每个点的影响范围的。我们点击这个龟背竹 我就看它这边有两个简易形边 一个是z方向的 一个是x方向的 这个是 我们上节课讲过了 哈 我们把这个x方向的给删掉 我们用这个曲线来做它的环绕和弯曲。

原创 【Blender】二、建模篇--05，阵列修改器与晶格形变

阵列修改器是bender里面一个比较常用的修改器，所以我们单独开口来讲，我们会先从几片树叶出发，然后我们用阵列修改器把这几片树叶变成这样的造型和这样的造型。这两个造型分别就代表着阵列修改器最常用的两种偏移方法，我们现在就开始我们先来做几个树叶。

原创 【uni-app】小兔鲜项目-基础架构-请求和上传文件拦截器

答: 微信小程序端，需登录 微信公众平台 配置以下地址为合法域名 👇。问: 为什么用手机预览没有数据？

原创 【uni-app】小兔鲜项目-基础架构 – 小程序端 Pinia 持久化

实现持久化，小程序端不兼容，需要替换持久化 API。

原创 【uni-app】小兔鲜项目--基础架构 – 引入 uni-ui 组件库

【代码】【uni-app】小兔鲜项目--基础架构 – 引入 uni-ui 组件库。

原创 【uni-app】小兔鲜项目--拉取小兔鲜儿项目模板代码

【代码】【uni-app】小兔鲜项目--拉取小兔鲜儿项目模板代码。

原创 【uni-app】用 VS Code 开发 uni-app 项目

项目采用 Vue3 + TS 开发 uni-app 项目，所以需要分别安装 Vue3 + TS 插件 和 uni-app 插件。没开发过 Vue3 + TS 项目的小伙伴注意，需要先安装 Vue3 和 TS 的插件，并完成以下配置 👇。这一步处理很关键，否则 TS 项目无法校验组件属性类型。：快速创建 uni-app 页面。：uni-app 代码提示。

原创 【uni-app】命令行创建 uni-app 项目

优势通过命令行创建 uni-app 项目，不必依赖 HBuilderX，TypeScript 类型支持友好。命令行创建 uni-app 项目：vue3 + ts 版👉国内 gitee 下载github 下载github 下载创建其他版本可查看：uni-app 官网安装依赖 编译成微信小程序

原创 【uni-app】uni-app与原生小程序开发区别

uni-app 项目每个页面是一个。文件，数据绑定及事件处理同。

原创 【uni-app】pages.json 和tabBar 案例

用于设置应用的状态栏、导航条、标题、窗口背景色等。

原创 【uni-app】通过 HBuilderX 创建 uni-app vue3项目

访问 HBuilderX 的官网首页 https://www.dcloud.io/hbuilderx.html点击首页的 DOWNLOAD 按钮选择下载 正式版 -> App 开发版。

原创 【软件安装与卸载】如何卸载HBuilderX

在 Windows 操作系统中，C盘用户文件夹中的 AppData （这些目录中的数据对于普通用户来说是隐藏的，默认情况下无法直接访问到它们，查看 => 勾选隐藏的项目）文件夹下包含了三个重要的目录：Local、LocalLow 和 Roaming。：因为安装时我们只是在官网下载压缩包解压使用的，所以直接删除当前目录，软件就卸载了，以上是官网给出的卸载操作；找到C:\Users[ 你的Win账户名 ]\AppData\Roaming目录下的HBuilderX文件直接删除。： 删除使用软件残留的缓存。

原创 【微信小程序】自定义 tabBar

首先来看一下页面演示效果，页面中有下方标签栏是自定义 tabBar。自定义 tabBar 可以让开发者更加灵活地设置 tabBar 样式，以满足更多个性化的场景。自定义组件Vant 组件库MobX 数据共享组件样式隔离组件数据监听器组件的 behaviorsVant 样式覆盖。

原创 【微信小程序】分包 - 分包预下载

同一个分包中的页面享有。

原创 【微信小程序】分包--独立分包

独立分包本质上也是分包，只不过它比较特殊，。

原创 【微信小程序】分包--使用分包

【代码】【微信小程序】分包--使用分包。

原创 【微信小程序】分包--基础概念

分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。

原创 【微信小程序】小程序的 MobX 绑定辅助库

小程序的 MobX 绑定辅助库。此 behavior 依赖开发者工具的 npm 构建。具体详情可查阅 官方 npm 文档。可配合 MobX 的小程序构建版 npm 模块 mobx-miniprogram 使用。

原创 【微信小程序】微信小程序如何使用 MobX 进行状态管理？

在微信小程序中使用 MobX，需要安装 mobx-miniprogram 和 mobx-miniprogram-bindings，接着在一个单独的 js 文件（通常命名为 store.js）中使用 MobX 下的 observable 函数创建一个 observable 对象，以用作存放应用状态的 store。我们通常会在 observable 对象中定义一些数据属性、computed value、action。

原创 【微信小程序】Mobx--绑定多个 store 以及命名空间

属性给当前 Store 开启命名空间，如果多个 Store 中。绑定多个 Store。

原创 【微信小程序】全局数据共享 - MobX

是接收 createStoreBindings 的返回值，并挂载在页面上，当页面卸载时需要进行清空操作。代表着数据源，将 store 的属性或者方法绑定到页面实例中。在小程序项目中，可以通过 npm 的方式引入 MobX。MobX 相关的包安装完毕之后，记得。指向当前调用该函数的实例，也就是。在小程序中，将 store 成员。是绑定到页面实例中的数据字段。是绑定到页面实例中的方法。第二个参数是一个对象，

原创 【微信小程序】使用 npm 包 - API Promise化-- miniprogram-api-promise

默认情况下，小程序官方提供的都是实现的，例如，网络请求的 API 需要按照如下的方式调用：：容易造成的问题，代码的、！

原创 【微信小程序】Vant Weapp 定制主题 -- 定制方法

原创 【CSS】使用 CSS 自定义属性（变量）-- var()

注意，这些是自定义属性，并不是你在其他编程语言中遇到的实际的变量。它仅对支持 CSS 自定义属性的浏览器提供了一个备份机制，该机制仅当给定值未定义或是无效值的时候生效。传统的 CSS 概念里，有效性和属性是绑定的，这对自定义属性来说并不适用。然而如果自定义属性的值无效，它并不会被忽略，从而会导致该值被覆盖为默认值。这意味着如果在一个给定的元素上，没有为这个自定义属性设置值，在其父元素上的值会被使用。代换之后，该属性不会产生任何作用。这里呈现的结果和前面的例子是一致的，但允许对所需属性值进行一个规范的声明。

原创 【CSS】CSS 中可继承与不可继承属性有哪些？

定位属性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index。声音样式属性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during。轮廓样式属性：outline-style、outline-width、outline-color、outline。

原创 【微信小程序】导入项目

意味着，我们不使用新版的样式，防止样式冲突。

原创 【微信小程序】使用 npm 包 - Vant Weapp --定制主题

详细的操作步骤，大家可以参考 Vant 官方提供的快速上手教程：在 app.wxss 中，写入 CSS 变量，即可对全局生效：

原创 【微信小程序】自定义组件 - behaviors

调用Behavior(Object object) 方法即可创建一个。

原创 【微信小程序】自定义组件 - 父子组件之间的通信

即将父组件子组件父组件。

原创 【微信小程序】自定义组件 - 插槽

在小程序中，默认每个自定义组件中只允许使用一个 进行占位，这种个数上的限制叫做单个插槽。

原创 【微信小程序】自定义组件 - 组件所在页面的生命周期

【代码】【微信小程序】自定义组件 - 组件所在页面的生命周期。