- 博客(60)
- 收藏
- 关注
RSS订阅原创 unity项目打包为webgl后应用于vue项目中（iframe模式）的数据交互
unity项目打包为webgl后应用于vue项目中（iframe模式）的数据交互 新建.jslib文件 新建.cs脚本 在unity中的`Hierarchy`工作区中创建一个可回显获取数据的UI对象，这里以Text对象为例；新建button对象同理，并给button对象重命名为`modelButton1`。导出unity为webgl vue项目中引入unity打包的文件 从unity脚本调用js函数（vue发起，unity接收）从js调用unity脚本函数unity发起，vue接收SendMessage方法
2024-08-15 14:23:20
2057
2
原创 卡片式组件封装demo
卡片式组件封装 在父页面进行v-for循环，灵活根据状态可赋值数组，再根据数组的长度调用卡片组件 三个圆点 圆点的实现是采用三个div并添加border-radius: 50%的样式 点击三个圆点出现操作弹框 卡片的遮罩层显示与隐藏
2024-07-17 16:27:16
1175
原创 vue封装原生table表格方法
有若干个表格，前面几列格式不一致，但是后面几列格式皆为占一个单元格，所以需要封装表格，表格元素自动根据数据结构生成即可；并且用户可新增列数据。vue封装原生table表格方法。单元格格式会有很多种情况，可能会占几行，也可能会占几列，所以就需要控制着每个单元格的colspan和rowspan；单元格的内容长短不一致所以也需要控制着单元格的宽度；
2024-06-26 15:41:00
1919
2
原创 echarts利用graphic属性给饼图添加内圈图片及外圈图片（可自适应宽度位于饼图中心）
echarts利用graphic属性给饼图添加内圈图片及外圈图片（可自适应宽度位于饼图中心） 给图表添加自定义文字 给图表添加自定义图片
2024-04-25 16:41:54
4915
原创 three.js使用FontLoader加载JSON格式的字体的类报错SyntaxError: Unexpected token ＜ in JSON at position 0
three.js使用FontLoader加载JSON格式的字体的类报错SyntaxError: Unexpected token < in JSON at position 0，使用FontLoader加载解析后的font，引入转化JSON文件
2024-04-24 11:24:23
1291
3
原创 echarts图表动态监听dataZoom滑动，控制柱条的宽度以及数值的显示隐藏
echarts图表动态监听dataZoom滑动，控制柱条的宽度以及数值的显示隐藏、监听datazoom的滑动，拿到对应的阈值后做出相应的配置、myChart为图表元素，在 "dataZoom" 事件上绑定了一个回调函数，当用户在图表上使用数据缩放时，这个回调函数会被触发。`myChart.getOption()` 和 `myChart.setOption(newoption)` 是 Echarts 中常用的两个方法，它们分别用于获取当前图表的配置选项和设置新的配置选项、color颜色自定义数组渐变展示
2024-03-22 10:24:38
8104
原创 Vue 中使用事件总线来进行组件间通信($emit()、$on() 和 $off())
Vue 中使用事件总线来进行组件间通信($emit()、$on() 和 $off()) 父页面A弹框为隐藏(false)状态时，移除子组件B中的弹框B 子组件 B 能够在弹框状态为 false 时也能监听到父页面 A 的弹框关闭状态，这就需要使用事件总线来实现 v-if 来判断是否显示某个元素时，当条件为 false 时，对应的 DOM 元素会被移除 这意味着在页面渲染时，如果 v-if 的条件为 false，相关的 DOM 结构将不会存在于最终的渲染结果中
2024-03-19 11:38:11
1184
原创 echarts柱状图可鼠标左击出现自定义弹框，右击隐藏弹框并阻止默认右击事件
echarts柱状图可鼠标左击出现自定义弹框，右击隐藏弹框并阻止默认右击事件 chart.on与chart.getZr().on的区别 click单击以及contextmenu右键单击事件 echarts的鼠标事件 设置被点击盒子的显示位置，设定其top值及left值 添加自定义类名可通过divdom.classList.add(“类名”) divdom.style.cssText 单引号与反引号的区别 removeChild 方法删除子节点
2024-03-05 09:29:19
3112
原创 折线图实现柱状阴影背景的demo
折线图实现柱状阴影背景的demo 折线图后面的柱状阴影重点在与series数组的第三个对象，这里设置了一个单独柱状图(type为bar)的类型，并设置其颜色效果，以达到阴影效果。grid（网格）组件用于控制直角坐标系的布局yAxis xAxis title展示整个图表的主题或概要信息 legend dataZoom
2024-03-04 14:01:21
1356
1
原创 element表格通过computed计算属性实现分页+filter方法实现搜索+表格分页的勾选功能及换页后显示已勾选项
在el-element的标签里的tableData数据过多时，会导致表格页面操作卡顿。将大量数据进行分页，并且只在用户需要时加载当前页的数据，可以减轻页面的数据负担。可以使用像 Element UI 提供的分页组件来实现分页加载功能。通过filter方法实现数据筛选功能。
2023-11-21 11:02:07
1014
原创 vue中通过.style.animationDuration属性，根据数据长度动态设定元素的纵向滚动时长的demo
所以通过动态设置 .style.animationDuration，可以根据数据的长度来调整滚动速度，从而实现动态的滚动效果。.style.animationDuration 是一个 DOM 元素的属性，用于设置或获取元素应用的动画持续时间。通过 refs 访问 DOM 元素时，有时需要在 DOM 渲染完成后才能正确获取到相应的元素，所以需要将设置滚动速度的逻辑放到。2、类名为marquee的盒子为需要滚动内容的元素，给一个ref值之后通过获取ref设置元素的动画时长。就可以实现这一目的。
2023-11-15 15:03:02
897
原创 vue实现若干个规则排列的小盒子点击时使其变色同时动画移动阴影大盒子跟随在其中间位置
提示：文章后面附有demo的所有代码，有需要可以直接跳过浏览功能展示：小盒子的动态点击移动。
2023-05-05 14:09:52
1126
原创 three.js的demo例子-STL加载对象组件
three.js的demo例子-STL加载对象组件、gsap动画库、dat.gui、three.js监听鼠标给mesh材质改变颜色
2023-03-11 17:17:35
2233
原创 echarts折柱混线图根据后台数据动态刷新显示数据
echarts折柱混线根据后台数据动态刷新数据，setInterval定时器中添加计数器，遍历数组依次返回n个数组对象的方法，echarts图背景透明，柏拉图
2022-09-28 14:58:34
4179
1
原创 vue实现element自定义新增、删除table表格的行，及可输入input及下拉框选择
table表格可新增、多项删除行、点击浏览树形结构、input框绑定、下拉框选择功能下面是功能演示视频： table表格演示 后面会把完整的demo代码附上，有需要的可跳过前面直接到后面copy代码。1、点击新增table表格行添加点击事件，在handleAddBtn方法中创建表格对象<!--HTML部分：--><el-button type="success
2022-04-16 16:40:29
7929
5
原创 v-for实现增删input框的独立按键，双层包含新增删除的功能
两层v-for实现增删input框，并双向绑定数据实现效果如下图所示，点击新增要求出来对应的红色大框，再点击大框里的蓝色圆圈加号添加小要求，出现红色小框。引入文件：<link rel="stylesheet" type="text/css" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"><script src="../vue.js"></script><scrip
2022-01-06 11:03:35
1067
1
原创 鼠标右键点击事件
学习记录： 最近做了个文档相关的系统，其中用到了鼠标右键点击事件的处理，这里做个学习总结。实现效果如下图所示：思路整理：1.MenuList ：这数组中放的是显示的内容，我这里给了几个name展示效果，若是后台接口传输数据原理一致。2.contextmenu.prevent ：这是鼠标右击的点击事件，还有一个oncontextmenu 鼠标右击事件，前者是只有火狐浏览器支持，后者是所有浏览器都支持。菜鸟教程解释链接（菜鸟教程右击事件）(https://www.runoob.com/jsref/
2021-12-14 13:42:09
8357
2
原创 echarts饼图里添加formatter数据的方法
实现效果：实现鼠标移到指定位置的时候出现多个对应的数值效果如下图一所示：formatter的定义官方解释地址：https://echarts.apache.org/zh/option.html#tooltip.formatter截图-图二：① 和 ②是一样效果的，对应的解释分别写在图上的1、2、3、4了，懂了大概使用方法后面就可以根据自己的需求更该了，代码后面会附上。截图-图三：formatter的使用tooltip与series同级，拿到formatter里的data后返回对应需要
2021-11-18 16:27:22
8200
3
原创 elementUI里的button使用disabled属性
学习记录：实现在table列表中控制二次点击按钮时对应行的button为不可点击，效果图如下：1.el-table在表格按钮标签中定义disabled属性HTML部分代码：<div id="app"> <el-table :data="showTableData" <el-table-column fixed="right" label="操作"
2021-11-18 09:11:19
5305
原创 element ui里的时间选择器设定时间限制
1.设定禁止选择当天之后的时间实现效果代码是在官网上拿的示例，HTML代码块如下所示（以下几种情况示例HTML代码都不变）。主要是在时间选择器的标签加了个 :picker-options=“pickerOptions” 可以动态获取设定的时间段。<div class="block"> <span class="demonstration">默认</span> <el-date-picker v-model="value1"
2021-11-12 11:18:56
9720
3
原创 vue笔记篇-路由基本的使用
参数to：将进⼊入的路由对象from：将离开的路由对象next() 确认完成操作，最后一定要调用，不然路路由就不会进行行切换第一步：导包 <script src="../vue-router-3.0.1.js"></script>第二步：创建路由组件 var login = { template: '<h3>这是 登录 子组件</h3>' } var regist
2020-08-11 15:32:58
157
原创 加载页面的几种方法
通常js中的方法是window.onload方法，但是，这有一个缺点，就是当出现多个加载事件时，后面的内容会直接覆盖前面的内容，譬如拿控制台输出为例子： window.onload = function () { console.log("BOM方法1"); }; window.onload = function () { //只会加载显示出最后一个 console.log("BOM方法2"); };一、jQuery的页面加载事件loa
2020-07-30 15:46:05
2795
原创 委托定义（delegate）
委托定义：委托（delegate）类型和类相似，也是一种引用类型，有委托类型定义委托对象（简称委托），委托与C/C++中的函数指针相似，不同的是，委托是面向对象的、类型安全的和保险的。一旦为委托分配了方法，委托将与改方法具有完全相同的行。委托的使用可以向其他任何方法一样，具有参数和返回值。委托实例可以封装可调用试题的方法，通过委托可以间接地调用一个方法（实例方法或静态方法都可以）。特点：...
2020-07-26 09:46:07
977
原创 在GitHub下载压缩包后续易出现的问题
之前自学过GitHub，学得不精再加上好久没用了，导致今天帮同学忙在网站仓库里下载代码到本地出现了很多错，回顾之前做的笔记都没啥效果了，所以今天再重拾知识点，总结一下这次出现的错误以及解决方法，以便往后的复习查看。一、cmd中git checkout检出时出现“git不是内部或外部命令，也不是可运行的程序或批处理文件。”找到git安装路径中bin的位置，如: D:\CommonApps\GitHib\Git\App\Git\bin （ D:\CommonApps\GitHib\Git\App 是我
2020-07-25 10:15:03
7451
原创 数据库基础理论与实践笔记整理
（一）数据库设置列属性和约束1.概念· 名称：列的名称· 数据类型：是指列的数据类型。· 长度：当指定数据类型为nvarchar时，还要在其后的括号中指定一个数字来指示在该列中输入的最大字符数，入nvarchar（10），长度属性只用于包含恩本的数据类型，如char和varchar。· 允许空值：如果允许列为null，则表明列值可以为全空，不含任何内容。· 主键：该属性设置列时否时该表主键的一部分。设置某列作为主键，由列名叛变的要是图标表示。· （是标识）：表示列为表示列并将具有自动递增的值。
2020-07-09 10:16:07
302
原创 字典以及映像、映射、镜像的区别
映射是一种关联的容器类型，用于存储对象与对象之间的映射关系这里我会搞混映像、映射和镜像的区别，百度查了很多，总结一下大概就是 ：=>① 映像：名词，主要用在系统封装和引导盘上，映像文件基本上是WIM(Microsoft Windows Imaging Format)格式，是将资料和程序结合而成的文件，可以理解为与ZIP、RAR差不多的压缩文件。=>② 映射：动词，描述的是A到B的...
2020-04-24 12:40:29
3166
原创 元组的内置函数
len(tuple) 计算远足元素个数>>> tup = (1,2,3)>>> len(tup)3>>> max(tuple) 返回元组中元素最大值>>> tup = (1,2,3)>>> max(tup)3>>> min(tuple) 返回元组中元素最小值>...
2020-04-24 11:28:34
884
原创 python3 函数习题篇（二）
一、定义函数接收年份和月份，返回对应月份有多少天？源码：def Day(year,month): if month > 12 or month <= 0: print("输入错误！") return False elif month == 2: if year % 4 == 0 and year % 100 != 0 ...
2020-04-20 21:48:27
3812
1
原创 python3 函数习题篇（一）
输入梯形的上底，下底和高，设计函数，输出梯形面积梯形面积area()函数，返回最后的结果值，输入的值直接赋值给对应的变量，最后打印输出直接调用函数。源码：def area(up_w,down_w,h): return (up_w + down_w) * h / 2up_w = int(input("请输入梯形的上底:"))down_w = int(input("请输入梯形的下底:...
2020-04-20 18:08:51
2459
原创 笔记篇---sublime text快捷键
叨叨：刚开始初学的时候自己安装的sublime插件没有装齐，然后用着特别不得心顺手（其实还是菜），就换了webstorm编辑器，最近在学vue看到里面那老师用的sublime操作特别多功能，我觉得挺酷的就继续“重操旧业”啦！！其实主要还是因为我的webstorm写vue的时候总是有下滑波浪线提示，虽然运行正常，但有点强迫症的我是在是看着不舒服，百度搜也没有特别好的解决法子，条条大路通前端，写个笔记...
2020-04-20 17:58:37
247
原创 Vue的条件渲染 --- v-if 、v-else-if 和 v-else 、v-show
v-ifv-if 指令用于条件性地渲染一块内容。它有更高的切换开销，如果在运行时条件很少改变，则使用 v-if 较好。HTML代码：<div id="app"> <p v-if="seen">你看不见我</p></div>vue.js代码：<script> const app = new Vue({ ...
2020-04-02 09:55:42
272
原创 python的切片使用
切片格式[start : end : step]start：切片开始，默认为0；end：切片截止，不包含end位置，默认为列表长度；step：切片的步长，默认为1；注：当step为负数时，表示反向切片，这时的start在end右侧。作用：使用切片可以返回字符或列表中部分元素组成新列表，与使用索引作为下标访问字符或列表元素的方法不同，切片操作不会因为下标越界而抛出异常，而是简单的在 ...
2020-03-11 21:07:47
268
1
原创 python的循环和列表推导式
一、for循环语法for ‘variable’ in ‘sequence’…代码块 # . 为空格，缩进很重要else:…代码块实例①：>>> fruits = ['apple','banana','mango']>>> for x in fruits: print(x) apple #输出banana #输出mango #输出...
2020-03-11 18:02:16
1128
原创 python列表元素的访问及常用方法
列表元素的访问创建列表只有可以使用 整数 作为下标来访问其中的元素，与c语言数组类似，0表示第一个元素、1表示第二个元素、2表示第三个元素以此类推；列表还指出使用负整数作为下标，其中，-1表示最后一个元素、-2表示倒数第二个元素以此类推列表常用方法方法说明append(x)将x追加至列表尾部extend(L)将列表L中所有元素追加至列表尾部insert(...
2020-03-09 11:19:56
9602
2
原创 python列表的创建和删除
列表列表(list)是最重要的python内置对象之一，是包含若干元素的有序联系内存空间 在形式上，列表的所有元素放在一对方括号[]中，相邻元素之间使用逗号分隔，同一列表元素的数据类型可以各不相同，可以同时包含整数、实数、字符串等基本类型的元素，也可以包含列表、元组、字典、集合、函数以及其他任意对象。如果只有一对方括号儿没有任何元素则表示空列表[10,20,30,40][‘crunchy...
2020-03-09 09:47:06
1480
原创 python的运算符总结
python运算符在python中，单个常亮或变量可以看做最简单的表达式，使用除赋值运算符之外的其他任意运算符和函数调用连接的式子也属于表达式。运算符功能说明+加法，列表、元组、字符串合并与连接，正号-减发，集合差集，相反数*乘法，序列重复/除//求整商，若操作数中有实数，其结果为实数形式的整数%求余数，字符串格式化**幂运...
2020-03-02 22:19:00
8454
1
原创 eclipse启动不了出现弹框的问题
为了方便老师授课我在电脑原有的eclipse 基础上我又下载了myeclipse，更改环境变量JAVA_HOME换成了现有的64位的1.8版本jdk，跟我的原来的32位eclipse有冲突，我的主要问题应该还是版本不一样的问题，不过亲测试了前两种都有用。问题一：点开eclipse后出现了：Java was started but returned exit code=13…解决方法1：去【...
2020-02-26 14:44:02
4654
原创 vue实现待办事项的小例子
要求：①勾选按钮可以选择是否已完成②若已完成（被勾选），则字体变暗和被划去；若未完成（没有被勾选），则保持不变③每条待办事项可自由选择是否删除④可自由添加事务进入待办事项中，回车键效果一样⑤有数字提示总事项和未完成事项代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset=...
2020-02-23 22:14:34
2453
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人