小方很无聊-CSDN博客

原创 canvas与svg基本使用

6.设置描边颜色：使用 strokeStyle 属性可以定义线的描边颜色，该属性的取值为十六进制颜色值或颜色的英文名。8.绘制矩形，用strokeRect，有4个参数分别是：画布离左侧的距离、画布离右侧的距离、宽度、高度。10.font 设置文字样式，顺序：字体的样式（是否正常倾斜等）、字体的粗细、字体的大小、字体的类型，9.清除画布,用clearRect，有4个参数分别是：画布离左侧的距离、画布离右侧的距离、宽度、高度。12.stroke() 方法，实现线的可视效果。使用 HTML5 中的。

2024-03-20 22:46:41 401

原创实现Element的table表格选中点击下一页回来保持选中

【代码】实现Element的table表格选中点击下一页回来保持选中。

2024-03-16 21:05:04 546

原创 Javascript中Class的使用

constructor构造方法，类似于构造函数，new的时候会调用，内部的this就是实例化的对象。静态属性/方法:类可以直接访问的属性和方法。私有属性/方法:类中内部访问的属性和方法。getter用于获取属性的值。setter用于设置属性的值。

2024-03-14 23:11:52 569

原创 react学习笔记

useEffect 的作用：在组件生命周期的三个阶段（挂载、更新、卸载），执行网络请求、浏览器 API 等操作这些操作，也叫：副作用（side effects）语法说明：通过给组件的to属性指定要跳转到路由path，组件会被渲染为浏览器支持的a链接，如果需要传参直接通过字符串拼接的方式拼接参数即可。父组件准备修改数据的函数，传递给子组件，子组件调用函数，将数据作为参数回传给父组件。在一级路由中又内嵌了其他路由，这种关系就叫做嵌套路由，二级、三级等。父组件提供数据，通过 props 传递给子组件使用。

2024-02-03 19:06:28 777

原创 threeJs学习笔记（三）

借助 three.js 网页提供的模型.编辑器，查找建模师的模型中某个小物体名字，并回扣应用到代码里操作修改自己网站中的这个模型效果。目的：建模师建好的模型物体，可以通过 three.js 提供的加载器，加载到网页中显示此物体和操作。注意2：金属度1，粗糙度0，无环境贴图，放射颜色为黑色，物体自身为黑色并不是灯光的问题。）物体：精灵是一个总面朝摄像机的平面，通常使用一个半透明的纹理。环境光：没有方向，不能投射阴影，只能照亮物体，但是没有光斑。注意1：没有方向，不能投射阴影，只能照亮物体，没有光斑。

2023-12-07 19:18:08 872

原创 threeJs学习笔记（二）

官网：three.js docshttps://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene(1)定义基本的数组对象，描绘每个立方体的信息如：绘制5个立方体，随机设置不同颜色(color),大小(宽w高h深d),位置（x,y,z轴坐标）(2) 针对每个数据对象，创建物体 2.three.js 性能监视器目的:可以查看网页每秒传输帧数，每帧刷新用时，内存占用，帮我们更好的调试 3D 项目步骤：(1)单独

2023-11-12 16:30:22 108

原创 vue-print-nb的使用

注意:不要给打印的那个加margin，否则会多个空白页，可以加padding。

2023-11-06 19:35:35 199

原创 threeJs学习笔记（一）

目的：一个 x，y，z 方向的坐标轴辅助对象，帮我们理解物体在世界坐标系中位移，缩放，渲染等效果，可以辅助我们开发和调试。目的：使摄像机围绕目标进行轨道运动，可以右键拖动，左键旋转，滚轮拉进，拉远摄像机。2.摄像机：类似人眼，可调位置，角度等信息，展示不同画面。3. 创建网格物体对象，传入图形和材质（网格物体对象）参数1：关联 DOM 对象，JS 对象，3D 物体对象。角度：视野垂直范围，越大看到越多，物体越小。目的：调整轨道控制器属性，影响摄像机细节。目的：浏览器窗口，尺寸改变时，画布自适应。

2023-11-04 19:21:24 234 2

原创 el-table动态合并每一列数据相同且连续的列

【代码】el-table动态合并每一列数据相同且连续的列。

2023-11-03 20:09:48 433

原创实现低代码平台的拖拽效果

"group1" 和 "group2" 分组，允许它与这两个分组中的元素互相拖动。<vuedraggable v-model="myList" :move="handleMove">

2023-10-21 17:34:44 387 1

原创 office 系列文件不下载浏览器在线预览

如果遇到文档管理类的业务功能，会出现需要在线预览的业务需求，合同文件、发票文件等业务同样需要文件的在线预览。

2023-10-21 15:39:28 1693 1

原创防抖与节流

按钮

2023-10-13 16:47:00 34

原创 vue中eventBus的使用

今天写项目时候，维护的是之前别人写的项目，在两个组件中，一个组件中点击一个按钮，要调用另一个组件的函数，更新另一个组件页面上的信息。两个组件不是父子，差了好几代，也不好用自定义事件。vuex中也不好使用，页面几十处信息需要修改，放到vuex中过于麻烦。所以使用eventBus。3.在另一个组件中，你可以使用EventBus的$on方法来监听事件：一般mounted里面使用。文件，防止后面多次使用。

2023-09-21 11:44:49 163 1

原创 vue3自定义指令之复制指令、拖拽指令、按钮长按指令

如果复制之后还有其他操作，需要个回调方法做其他事情：v-copy:[回调函数]="要复制的数据"让一个盒子限制宽高的父级元素内移动，没有限制的时候是相对于屏幕上的可视区内移动的。使用：v-longhandle:[毫秒时间]="回调函数"在组件中使用:v-copy="复制的数据"

2023-07-27 14:26:04 1593 1

原创 vue3+elementPlus+js之弹框的简单封装

【代码】vue3+elementPlus+js之弹框的简单封装。

2023-07-14 15:38:51 928 1

原创 vue3+element-plus+js 对列表查询/重置条件组件简单封装

在写后台管理的时候会有很多列表，列表上面一般会有查询条件，对列表进行搜索查询，所以就想封装成为组件，就不需要每个页面写一堆的代码，直接循环出来进行遍历即可。

2023-07-14 11:58:15 1286 1

原创 vue3+elementPlus+js封装常规的table表格加分页组件

【代码】vue3+elementPlus+js封装常规的table表格加分页组件。

2023-07-13 16:35:30 1415 3

原创 vue3大屏适配之常见方案

动态设置 html 的 font-size可以使用媒体查询或者js来动态改变body的fontsize大小，媒体查询太麻烦，以下是通过js代码动态改变fontsize大小。缺点：一些第三方库的字体等默认的都是px单位，比如：element、echarts，因此通常需要层叠第三方库的样式，比如有的图表需要单独适配字体。缺点：一些第三方库的字体等默认的都是px单位，比如：element、echarts，因此通常需要层叠第三方库的样式，比如有的图表需要单独适配字体。直接是响应式的，不需要resize事件，

2023-05-29 14:37:54 2697 2

m0_72270036的博客