https://blog.grabbyte.com/tags/%E5%89%8D%E7%AB%AF/ Recent content in 前端 on 软件开发大郭的技术博客 Hugo en Mon, 19 Dec 2022 11:31:07 +0800 https://blog.grabbyte.com/p/2022/12/19-1131.html Mon, 19 Dec 2022 11:31:07 +0800 https://blog.grabbyte.com/p/2022/12/19-1131.html <h1 id="首先说分包">首先说分包</h1> <p>uniapp分包的方法在开放文档里有，有基础的小伙伴就可以看懂</p> <p>下面是我在开发中用到的分包 首先 我们在根目录下创建一个pagesB文件夹，用来放置需要分包的页面 下一步是把比较大的文件直接拉过去，pages里就没有这个文件了，然后配置路由</p> https://blog.grabbyte.com/p/2022/12/19-1128.html Mon, 19 Dec 2022 11:28:50 +0800 https://blog.grabbyte.com/p/2022/12/19-1128.html <h1 id="1分包">1.分包</h1> <h2 id="简介">简介：</h2> <p>某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。</p> <p>在构建小程序分包项目时,构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。 所谓的主包,即放置默认启动页面/TabBar页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据开发者的配置进行划分。</p> https://blog.grabbyte.com/p/2022/12/19-1027.html Mon, 19 Dec 2022 10:27:43 +0800 https://blog.grabbyte.com/p/2022/12/19-1027.html <p>小程序转换uni-app的步骤</p> <p>微信小程序的语法，其实是vue.js语法的裁剪定制版，在数据绑定、自定义组件等很多方面都有相似之处。 以下是一个小程序源码转换步骤指南：</p> https://blog.grabbyte.com/p/2022/12/19-1023.html Mon, 19 Dec 2022 10:23:55 +0800 https://blog.grabbyte.com/p/2022/12/19-1023.html <h1 id="需要注意的是">需要注意的是：</h1> <p>static目录下的js文件不会被编译，如果里面有es6的代码，不经过转换直接运行，在手机上会报错。 建议在static目录下不要放一些css、less/scss等的资源文件，可以将其放在专门建的公共样式文件目录中。</p> https://blog.grabbyte.com/p/2022/12/19-0959.html Mon, 19 Dec 2022 09:59:37 +0800 https://blog.grabbyte.com/p/2022/12/19-0959.html <h1 id="uni-app中的rpx">uni-app中的rpx</h1> <p>Tips:</p> <ul> <li>uni-app支持的通用css单位包括px,rpx</li> <li>px即屏幕像素</li> <li>rpx 即响应式 px，是一种根据屏幕宽度自适应的动态单位。</li> <li>rpx 以 750 宽的屏幕为基准，750rpx 恰好为屏幕宽度 (即 375rpx) 为屏幕一半的宽度);当屏幕变宽时，rpx 实际显示效果也会等比例放大</li> <li>rpx和px的区分和转换：</li> </ul> <p>开发者可以通过设计稿基准宽度计算页面元素 rpx 值，设计稿 1px 与框架样式 1rpx 转换公式如下：</p> https://blog.grabbyte.com/p/2022/12/19-0946.html Mon, 19 Dec 2022 09:46:09 +0800 https://blog.grabbyte.com/p/2022/12/19-0946.html <p>整理在uni-app一套代码适配app&amp;小程序遇到的兼容问题。</p> <h1 id="uni-app单位问题-动态绑定的-style-不支持直接使用-upx">uni-app单位问题： 动态绑定的 style 不支持直接使用 upx</h1> <ul> <li>upx - 小程序与app都支持</li> <li>rpx - 小程序支持</li> </ul> <p>psupx换算使用：</p> https://blog.grabbyte.com/p/2022/11/30.html Wed, 30 Nov 2022 11:13:50 +0800 https://blog.grabbyte.com/p/2022/11/30.html <p>(Owed by: 春夜喜雨 <a href="http://blog.csdn.net/chunyexiyu">http://blog.csdn.net/chunyexiyu</a>)</p> <h1 id="关于draco压缩算法">关于Draco压缩算法</h1> <p>Draco是一个开源的Lib库，提供3D图形mesh和点云的压缩和解压。它的目标是提升3D图形的存储和传输效率。</p> <p>Draco is an open-source library for compressing and decompressing 3D geometric meshes and point clouds. It is intended to improve the storage and transmission of 3D graphics.https://google.github.io/draco/</p> https://blog.grabbyte.com/p/2022/11/30-0956.html Wed, 30 Nov 2022 09:56:36 +0800 https://blog.grabbyte.com/p/2022/11/30-0956.html <p>threejs中引入draco压缩后的模型</p> <h2 id="draco是谷歌出的一款模型压缩工具可将gltf格式的模型进行进一步压缩提高页面加载速的一种方法">draco是谷歌出的一款模型压缩工具,可将gltf格式的模型进行进一步压缩提高页面加载速的一种方法</h2> <h1 id="一通过draco进行压缩">一、通过Draco进行压缩</h1> <h1 id="全局安装">全局安装</h1> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">npm install -g gltf-pipeline </span></span></code></pre></td></tr></table> </div> </div><h1 id="压缩glb文件--b表示输出glb格式--d表示压缩">压缩glb文件 -b表示输出glb格式， -d表示压缩</h1> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">gltf-pipeline -i model.glb -b -d </span></span></code></pre></td></tr></table> </div> </div><h1 id="压缩glb文件并将纹理图片分离出来">压缩glb文件并将纹理图片分离出来</h1> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">gltf-pipeline -i model.glb -b -d -t </span></span></code></pre></td></tr></table> </div> </div><p>更多参数查阅</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">gltf-pipeline -h </span></span></code></pre></td></tr></table> </div> </div><p>threejs中进行引用 首先在顶部引入&quot;DRACOLoader&quot;,</p> https://blog.grabbyte.com/p/2022/11/07.html Mon, 07 Nov 2022 15:34:43 +0800 https://blog.grabbyte.com/p/2022/11/07.html <p>一般在游戏中，主角或者怪物会受到减速效果，或者攻击速度减慢等类似的状态。本身动作减速的同时，衔接在角色上的特效也需要改变相应的播放速度。一般特效有三个游戏组件：</p> https://blog.grabbyte.com/p/2022/11/01-1149.html Tue, 01 Nov 2022 11:49:23 +0800 https://blog.grabbyte.com/p/2022/11/01-1149.html <h1 id="前言">前言</h1> <p>uni-app 项目在不同阶段需要部署到不同的环境，比如开发环境（dev）、测试环境（test）、UAT 环境（uat）、生产环境（prod）等，那么如何通过自动化构建工具实现在多环境下自动部署呢？我们先来看看不同打包方式下的环境配置。</p> https://blog.grabbyte.com/p/2022/10/19.html Wed, 19 Oct 2022 14:14:44 +0800 https://blog.grabbyte.com/p/2022/10/19.html <p>PTGui使用教程</p> <h1 id="为啥使用ptgui">为啥使用ptgui</h1> <p>ptgui是一个全景拼接软件，在海思hi3559上做视频拼接的时候，需要拼接参数，这是就需要使用到ptgui，这里可以在该网站下下载ptgui：下载地址</p> https://blog.grabbyte.com/p/2022/10/19-1411.html Wed, 19 Oct 2022 14:11:55 +0800 https://blog.grabbyte.com/p/2022/10/19-1411.html <p>VR看房非常便利，也随着科技的发展VR看房越来越普及化。很多商家也投身到VR看房的制作大军中。那么，VR看房制作要用到哪些软件？今天就详细的分享一下VR看房制作时常用的软件。</p> https://blog.grabbyte.com/p/2022/10/18-1046.html Tue, 18 Oct 2022 10:46:51 +0800 https://blog.grabbyte.com/p/2022/10/18-1046.html <p>微信小程序使用ThreeJs需要使用官方库threejs-miniprogram ，API和原生ThreeJS基本一样，很好上手。喜欢数字孪生或者游戏的朋友，强烈推荐学习ThreeJs。该库入门简单，官方有很多优秀的demo可供参考，文档(包含中英文)也比较详细。</p>