- 博客(15)
- 收藏
- 关注
RSS订阅原创 three.js常用工具
存在的问题，加载的模型必须放在同一组group之内，否则获取到的对象第一个不是当前鼠标点击的模型。//点击事件@click="onMouseClick"// gltf/glb文件解压。// gltf/glb文件加载。//获取当前点击的元素。// OBJ文件加载。// MTL文件加载。// STL文件加载。// 第一人称控制器。...
2022-08-18 16:36:30
586
原创 three.js基础笔记
渲染器对象、场景对象、摄像机、三维坐标轴、全局光源、几何体、材质对象、网格对象、组容器（Group对象）新建渲染器对象、场景对象、摄像机、全局光源、Group对象/网格对象。// 创建组容器 （group对象)（非必须）// 将网格对象或组容器添加到场景对象中。// 新建一个光源 该光源作用于全局对象。//几何体和材质组合 新的网格对象。//将网格对象添加到组容器。// 将全局光源添加到场景中。// 新建三维坐标轴。// 将坐标添加到场景中。// 新建渲染器对象。three.js基础对象。...
2022-08-18 16:15:15
373
原创 vue常用组件及相关问题（随笔）
关于vue v-for代码标红问题：vetur提示语法报错元素没有key值解决方案：1：添加key值（:key="item.id"）2：关闭语法报错，设置=》拓展=》vetur=》在settings.json中添加"vetur.validation.template": false,...
2022-05-12 18:42:19
220
原创 前端开发随笔
一.重排和重绘重绘是浏览器会根据元素新的属性呈现新的外观；重排是dom树触发某种变化，渲染树需要重新计算。浏览器对DOM 树进行重新排列；这便是重排。总体而言：重排必然导致重绘，重绘不一定导致重排二.闭包概念：指有权访问另一个函数中的变量的函数，一般表现为函数嵌套。作用：访问环境内部变量，保持函数一直在环境中存在，避免垃圾回收机制处理示例：function fun(){ let num = 2 function foo(){ ......
2022-05-12 18:41:07
214
原创 元素居中的几种方式
1：设置元素绝对定位，通过margin属性，移动自身宽高的一半2：设置元素绝对定位，设置margin:auto3：设置弹性布局，通过align-items: center;justify-content: center;实现4：设置元素绝对定位，通过transform属性，移动自身宽高的一半代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &
2022-04-29 16:36:25
1450
原创 vue虚拟列表的实现
<div class="list-wrap" ref="listWrap" @scroll="scrollListener"> <div class="scroll-bar" ref="scrollBar"></div> <ul class="list" ref="list"> <li v-for="(val,index) in showList" :key="index">{{val}}</li> .
2022-04-27 18:10:33
478
原创 does not have a method “xxx“ to handle event “tap“报错
初始化小程序模板，添加自定义点击事件，有does not have a method "xxx" to handle event "tap"提示：1：js未定义该事件,查看是否已定义该事件2：查看app.json是否有lazyCodeLoading属性，删除"lazyCodeLoading":"requiredComponents"该属性（类似什么修改本地设置之类的处理办法，时无法真正处理该问题）...
2022-04-25 18:10:36
6305
2
原创 rem与px适配浏览器算法
rem根据html元素font-size属性换算，浏览器默认html的font-size:16px,即1rem = 16px假设设置屏幕宽度为7.5rem适配750px屏幕：html{font-size:625%}原理：750 / 7.5 = 100，即需要设置1rem = 100px;100 / 16 = 625%;等式 16px * 625% = 100px;所以，设置html字体为625%；即可rem适配最后设置需要适配的屏幕宽度@media screen，设置html字体
2022-04-22 12:20:31
739
原创 小程序相关
1.云函数 注意入口文件与app.js文件2.搭建框架时需注意：1.环境变量2.app.json分包3.flex布局，使用flex:auto，flex:1,元素有变形风险，注意flex:1全称，可使用calc()4.设置公共样式与创建公共组件3.小程序优化1.数据量过大，使用this.setData部分加载2.属性复用，在app.wxss定义类似page{--gereen:#00A......
2022-04-20 15:23:46
2230
原创 vue相关基础知识点
key的作用 key就是一个标识，被使用在Vue中。再详细一点，key被使用在Vue中的虚拟DOM中，并不会出现在真实DOM中。 推荐使用数据的唯一标识作为key，比如id，身份证号，手机号等等，通常这些数据由后端提供。 后续操作不破坏原来数据顺序的话，使用index作为key也没有任何问题。promise实现原理 处理异步操作 正常异步函数，每增加一个异步请求，就会多添加一层回调函数的嵌套，过多的回调也就让我们陷入“回调地狱”，让代码变得不易阅读与维护 m...
2022-04-20 14:29:45
283
原创 js字符串数组相关方法
字符串相关方法 1、charAt( )：返回在指定位置的字符； 2、concat( )：返回新的字符串**，将一个或多个字符串与原字符串连接合并 3、indexOf( )：检索字符串，返回第一次出现的索引，没有出现则为-1 4、lastIndexOf(searchValue[ fromIndex]) 返回从字符串尾部开始第一次出现的索引，没有则-1，fromIndex的值相对于从尾部开始的索引 5、split( )：返回一个以指...
2022-04-20 14:22:11
3401
原创 常用各个版本es新特性
es6:1.const let(块级作用域，不会变量提升)2.模板字符串3.箭头函数4.展开运算符（...）5.函数默认值 function(val = 1)6.对象和数组解构 const obj = {name:"cesfd",age:23,sex:"男"} var {name,sex} = obj consoel.log(age) //237.ES6 允许在对象中使用 super 方法： super相当于是指向当前对象的父类，这样就可以用sup...
2022-04-14 09:18:17
880
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人