06 2022 档案
摘要：1、问题：写vue的SFC时，新建的页面往往要去ctrl+c，ctrl+v去复制，复制来的往往又要修改，手打又慢没效率 2、思路：通过vsCode的代码片段来自定义自己需要的代码，方便快捷 3、实操： 3-1、点击左上角的文件=>首选项=>配置用户代码片段 3-2、会弹出一个选项，选择新建全局代码片
阅读全文
摘要：1、有时需要水面起涟漪的效果，three就自带这种模型 引入水面模型 import { Water } from "three/examples/jsm/objects/Water2"; 设置并加入场景 const water = new Water(planeGeo, { textureWidth
阅读全文
摘要：1、给模型贴图都是静态的，如果想要动态的怎么办，three.js不止可以贴图片，还可以贴视频来达到动态的效果 2、实现也简单，就是把贴图片的这一步换成视频 let scene = new THREE.Scene(); let geometry = new THREE.SphereGeometry(1
阅读全文
摘要：1、设置字体的间距用的是letter-spacing属性 h1 {letter-spacing:2px} h2 {letter-spacing:-3px} 效果：
阅读全文
摘要：1、问题：一个新项目需要在老项目的基础上魔改，但是老项目还处于迭代周期，新项目大部分组件功能来自老项目，老项目修复的问题需要同步到新项目，需要再次在新项目上修改，重复的修改增加工作量还让人心情烦躁，急需解决 2、需求：新旧两个项目之间最好能同步修改，或者说建立映射关系，可以合并 3、思路：在git里
阅读全文
摘要：1、问题：父元素使用flex布局，子代元素里使用overflow: hidden;会失效 2、解决 在overflow: hidden;元素的父元素设置min-width: 0; 父元素不能设置flex
阅读全文
摘要：1、给three模型贴图，例子：展示一个太阳在宇宙中心 2、思路：在添加模型的时候给模型贴上图片 创建贴图 //贴图 let textureLoader = new THREE.TextureLoader(); let road = require("./assets/004.jpg"); let
阅读全文
摘要：1、问题：当element表单里面只有一个input的时候回车会刷新页面 2、原因：当el-form表单里面只有一个input时，回车会触发表单提交的默认事件 3、解决：阻止表单提交的默认事件 在表单处加上@submit.native.prevent <el-form class="main_hea
阅读全文
摘要：three.js监听模型事件是通过THREE上的Raycaster方法实现的 原理是通过获取相机和鼠标点击时的位置，计算并返回一条射线上的模型队列 //获取鼠标坐标 处理点击某个模型的事件 let mouse = new THREE.Vector2(); let raycaster = new TH
阅读全文
摘要：1、介绍：vue3+ts项目引入ElementPlus的方式有几种，一个是完整引入，一个是官方推荐的自动导入，最后一个是手动导入 2、实操：这里展示前面两种，最后的手动导入不是很推荐，这里就不介绍了 2-1、完整引入，官方案例：element-plus-vite-starter 引入ElementP
阅读全文
摘要：命令 npm install sass node-sass sass-loader -D 直接就可以在.vue里用了 <style lang="scss" scoped ></style>
阅读全文
摘要：1、需求：小程序需要过滤权限至按钮级 2、思路：利用wxs来过滤，在wxs写一个过滤方法，接受权限列表，和当前元素的权限名称或是名称数组来过滤 3、实现： function powerControl(arr, data) { if ("String" data.constructor) { if (
阅读全文
摘要：官方文档：https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project # npm 6.x npm create vite@latest my-vue-app --template vue # npm 7+, extra doubl
阅读全文
摘要：1、需求：scroll-view需要根据需求滚动到指定位置 2、实操： html（需要开启enhanced） <scroll-view id="tab-box" enhanced scroll-x class="c_right_sidebar" wx:if="{{secondary}}"> <vie
阅读全文
摘要：1、需求：需要用画布画一个消息气泡 2、思路：用ctx.arcTo画圆角，填充，封装成方法方便调用 3、解决 function roundRect(x, y, w, h, r) { if (w < 2 * r) { r = w / 2; } if (h < 2 * r) { r = h / 2; }
阅读全文
摘要：1、需求：最近在弄一个实时定位的展示模块，就是说前端通过webSocket获取到用户位置信息：实时展示在图上，还会有图文提示等 2、思路：这个有两种解决方案：1、canvas来处理。2、svg来处理 一开始不知道哪个解决方案好，就做了两个demo探探水 总体来说：如果交互并不多的话推荐canvas处
阅读全文
摘要：1、问题：vue里面使用js引入本地图片会出现引入路径不对的情况 2、原因：在vue的js里面引入本地图片的路径会被webpack等打包工具识别为字符串处理而找不到 3、解决、使用require let img = new Image(); img.src = require("./assets/0
阅读全文
摘要：1、问题：运行在ios的小程序打开一个页面，点击输入框，弹出小键盘同时把底部的按钮也顶了上来 2、原因：底部按钮用的是fixed，当小键盘弹起来的时候把页面元素顶了上去，所以按钮也跟着上去了 3、解决：把fixed换成absolute
阅读全文
