自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(56)
  • 收藏
  • 关注

原创 水平布局的两个div,左侧div宽度不固定,右侧div占满剩余空间

【代码】水平布局的两个div,左侧div宽度不固定,右侧div占满剩余空间。

2023-05-06 16:00:08 361

原创 前端计算字符长度

【代码】前端计算字符长度。

2023-05-04 11:49:19 1037

原创 Vue标签属性如何动态传参并拼接字符串

我们需要根据传入值的类型,在placeholder属性赋值"请输入长度",“请输入宽度”,"请输入厚度"等提示字符。v-bind:属性=" ‘字符串’+自定义变量名",需要注意一下属性一定是":属性="这种形式才会起作用。该动态参数通过某个条件计算而来,因此将该参数写到computed()中最为合理,如下代码。html标签input的属性placeholder需要动态传参并拼接固定的字符串。动态改变组件placeholder的值,这样做的缺点是引入一个新的变量。3.1 placeholder动态绑定。

2023-04-27 10:01:23 7386

原创 Vue Click事件同时传入时间对象和自定义参数

- 写入自定义参数 --> < button @click = " click(myparm) " > click </ button > </ div >-- 写入自定义参数 --> < button @click = " click(myparm) " > click </ button > </ div >-- 写入自定义参数 --> < button @click = " click(myparm) " > click </ button > </ div >

2023-04-27 09:59:25 911

原创 input输入框得到焦点和失去焦点的判断

使浏览器能够区分用户输入的对象,当一个元素有焦点时,他就可以接收用户的输入,,

2023-04-27 09:55:28 1834

原创 关于安装 Windows Build Tools 的一些体会

一切都要从Sharp说起,Sharp是Node.js平台上相当热门的图像处理库,实际上是基于C语言编写的libvips库封装而来,它可以实现图片编辑操作,比如裁剪,格式转换,旋转变换,滤镜添加等。此命令会下载并安装Visual C++ Build Tools 2015,这个工具是用来编译流行的原生模块。因为Sharp是一个原生的Node模块,在windows系统中需要搭建编译环境。2021年3月24日在公司电脑重新安装此环境,只需要5分钟就完成下载安装和环境配置。注意,此过程在我这里用了3个多小时…

2023-04-27 09:54:21 2093

原创 React 框架学习笔记

虚拟DOM什么时候该用?使用虚拟DOM的时候只需要对比差异,然后修改JS对象(生成的虚拟DOM),最后把生成的DOM结构插入到页面中,减少渲染的次数,提升整个页面的渲染效率。当变更时,虚拟DOM使用DIFF算法进行新旧虚拟DOM的比较,将变更放到变更队列中,最终只把变化的部分重新渲染,从而提高渲染效率。在我们的课程中,在update(),也就是在更新元素的阶段,会先生成一个改变之后的DOM结构,然后对DOM树的type,props,chirdren等地方进行了对比,从而实现对整个DOM树的局部更新。

2023-04-27 09:53:31 269

原创 提交表单触发页面自动刷新的问题

为了向js脚本实现一个测试页面,随手写了一个带提交按钮的表单,遇到了点击提交按钮时,每次都会触发页面刷新,以至于我还没有在显示结果的页面元素(函数代码写在延迟执行函数setTimeout里)看到我的测试结果,页面就被重新加载了。我的页面包含一个带legend标题,包含两个input输入框,和一个submit确认按钮的form表单,以及一个显示测试结果的div块状元素。form对象的onsubmit事件类似onclick,都是先处理调用的函数,再进行表单是否跳转布尔值的判断。

2023-04-27 09:51:02 1021

原创 NVS (Node Version Switcher) 下载安装指南 Windows & MacOS

NVS是Node Version Switcher的简写,它的代码受自其他版本控制工具的启发,尤其是nvm的影响,并在此基础上实现了跨平台的优势。

2023-04-27 09:49:19 4270 2

原创 场景中的3D模型加载

在于大神交流之后,学到一种此类问题的解决方案,就是将加载的模型先绕着x轴旋转一定的圆弧角度,将其摆正,然后再将摆正的模型放进一个盒子Group里,再将盒子沿着z轴旋转一定的角度,为其position属性赋值,即可将其放置在3D场景中想要的位置上去。最近在工作项目中遇到在3D场景scene中加载模型的问题,遇到了模型坐标系和场景当中的世界坐标系不一致的问题。

2023-04-27 09:46:54 205

原创 图片在固定宽高盒子中的显示问题

图片显示固定宽高问题。

2023-04-27 09:46:17 104

原创 element UI 自定义标签页

标签页的label不能自定义,需要显示表单状态,但是做不到。

2023-04-27 09:45:16 542

原创 Vue遇到“Cannot read property ‘__ob__‘ of undefined“ 的解决办法

如果data里面没有return 哪怕data(){}里面什么数据都没有,也会发生这个错误。报错是因为我在点击切换页面的时候,页面路由没有问题,但是页面切换不过去。脚手架的data方法要这么写,因为实例化Vue的过程中data函数b。新编写一个Vue组件,编译报错,页面无法显示。

2023-04-26 17:08:43 413 1

原创 GLTFLoader提高模型加载效率

2. .mtl文件里面有指定节点3D Node和材质Material之间的对应关系,纹理图片的路径和名称得是正确的。1. .obj文件里有一行是对.mtl文件的索引,要保证路径和文件名称都是正确的。通过命令行进行格式转换。

2023-04-26 16:55:22 1052 1

原创 vue2项目 monaco-editor 使用心得

现总结一下在vue2项目安装使用monaco-editor走过的一些弯路。

2023-04-26 11:54:42 3107 1

原创 vxe-table 渲染性能提升

做到了以上两点之后,基本上数据表渲染的时间从1000毫秒减少到100毫秒不到,有了90%的提升,目前表格渲染的速度基本上取决于接口响应数据的时间。其次是针对复杂的单元格渲染,意味着包含v-if,v-show等的逻辑判断,事件绑定等情况时,应避免直接使用模板渲染,而建议使用渲染器插件。业务上遇到渲染vxe-table大量数据行时,渲染卡顿的问题,分别从两个角度出发,大大的提升了渲染的速度。首先是针对大量数据渲染,不要用data属性去做双向绑定,因为当数据量大时,监听数据的变化是很消耗性能的。

2023-04-25 14:49:58 6447 5

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除