https://blog.grabbyte.com/tags/vue/ Recent content in Vue on 软件开发大郭的技术博客 Hugo en Mon, 19 Dec 2022 09:59:37 +0800 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/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/01-1659.html Tue, 01 Nov 2022 16:59:57 +0800 https://blog.grabbyte.com/p/2022/11/01-1659.html <p>vue3和vue2的区别？</p> <h1 id="一好在哪里">一、好在哪里？</h1> <h2 id="1更小">1、更小</h2> <p>引入tree-shaking，可以将无用模块“剪辑”，仅打包需要的，使打包的整体体积变小了；</p> <h2 id="2更友好">2、更友好</h2> <p>vue3在兼顾vue2的options API的同时还推出了composition API，大大增加了代码的逻辑组织和代码复用能力；</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> https://blog.grabbyte.com/p/2022/10/15.html Sat, 15 Oct 2022 10:12:37 +0800 https://blog.grabbyte.com/p/2022/10/15.html <h1 id="简介">简介</h1> <p>本文介绍Vue的vue-cli-service的用法。</p> <h1 id="官网">官网</h1> <p><a href="https://cli.vuejs.org/zh/guide/cli-service.html">https://cli.vuejs.org/zh/guide/cli-service.html</a></p> <p><a href="https://cli.vuejs.org/zh/config/#vue-config-js">https://cli.vuejs.org/zh/config/#vue-config-js</a></p> <h1 id="概述">概述</h1> <p>vue-cli-service是把webpack-dev-server包装了一层，所以，webpack-dev-server的配置方法都可以拿过来用。</p>