- 博客(104)
- 收藏
- 关注
RSS订阅原创 js 拼接HTML时 onclick方法和传参报错[onject Object] 和 unexpected end of input`
2.页面刚进去 注册点击函数(3.js 中 写点击函数内容。
2024-03-30 11:11:37
462
原创 VUE2+THREE.JS 设定巡航行动轨迹
我们写3D时，常常会有按照一定轨迹去浏览模型，所以,我们要先确认行动轨迹，渲染出行动轨迹以后，再让人物按照行动轨迹去移动。
2023-12-04 15:02:53
955
1
原创 VUE+THREE.JS 点击模型相机缓入查看模型相关信息
引入模型所要呈现的3DSprite精灵模型，优势在于可以随着视野的变化，跟随方向变化，大小是近大远小的模式。所以：设定最小的距离和最大的距离，当模型相对于相机距离远，就设定缩放因子为0.8，也不能将缩放因子固定，因为当相近模型点击时，弹框会越来越近，直至占满整个屏幕，由于我这里是一个弹框，我希望他能够点击关闭，所以多加了个关闭事件。模型相对相机距离近，就设定缩放因子为0，表示不缩放。必须要写这个 要不然会导致模型无法推拽移动。，使其稍远一点，默认是1。
2023-12-01 09:40:28
681
4
原创 VUE2+THREE.JS 模型上方显示信息框/标签(CSS3DSprite精灵模型)
CSS3DSprite精灵模型面向摄像机，场景缩放时，缩小放大跟随着，会被模型遮挡，可以被射线拾取。CSS3DRenderer用于通过CSS3的transform属性， 将层级的3D变换应用到DOM元素上。如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换，那么这一渲染器十分有趣。同时，它也可以将DOM元素与WebGL的内容相结合。在添加标注前需要先给模型命名。
2023-11-30 17:11:50
1877
7
原创 VUE2+THREE.JS辉光设定和解决辉光导致背景变暗的问题
给我的设计好的fbx模型,已经设定好了模型发光材质,所以直接添加辉光效果,就可以自动发光。animate方法中增加。
2023-11-30 16:12:03
714
原创 VUE2+THREE.JS模型阴影设定
1.场景中所有的物体都必须是感光材质（MeshLambertMaterial），然后是光源的设定，，环境光AmbientLight是无法产生阴影的。2.设定模型阴影,要考虑哪些物体要产生阴影,哪些物体要接收阴影。
2023-11-30 15:36:10
440
原创 VUE2+THREE.JS项目搭建
three.js 是一个 是基于WebGL 封装的一个易于使用且轻量级的 3D 库，ThreeJS 对 WebGL 提供的接口进行了非常好的封装，简化了很多细节，大大降低了学习成本，同时也极大地提高了性能。用户不需要详细地学习 WebGL，就能轻松创作出三维图形，是前端开发者研发 3D WEB 应用的主要工具。
2023-11-30 15:05:15
1239
原创 THREE.JS 3D模型服务器报404问题（VUE fbx文件在本地能显示 服务器上不显示报404）
作为新手，新建立的threeJS模型，本地运行模型是可以显示的 ，但服务器模型却报404。
2023-09-22 13:34:24
792
原创 iview时间控件 动态不可选日期 可选择24小时范围内 时间往后退24小时
设定options2值disabledDate(date) 内部的，
2023-08-24 17:20:11
1021
原创 echarts 图表导出PDF(带滚动条)/图片导出PDF
使用函数时，参数为当前DOM节点，返回值为true时会被忽略。：指定是否使用ForeignObject绘制，默认为false，使用ForeignObject可以支持复杂的CSS样式和布局，但是在一些浏览器中可能存在性能问题。：指定是否显示日志信息，默认为false，如果设置为true，则会在控制台输出日志信息。：指定截图的缩放比例，默认为1，可以设置为其他值来提高图像质量，但会导致截图时间增加。：指定截图的高度，如果不指定，则使用自动计算的高度。：指定截图的宽度，如果不指定，则使用自动计算的宽度。
2023-06-06 20:31:46
2859
5
原创 Vue xtermjs 黑窗口 插件的使用
但其实感觉官网没什么用，只有一个最简单的demo,具体的使用手册，还是得靠前人栽树了。由于我已经写好了ws通用组件，所以这里并没有创建此组件和使用AttachAddon。因为我这里已经和后台对接了ws 所以会有重复的返回（单数行都是ws返回的信息）xterm.js的附加组件，用于附加到Web Socket。
2023-03-15 20:30:04
2652
4
原创 Vue iview Selece下拉框内部套用Radio 点选按钮（change阻止默认事件问题）
主要问题点：Select 和 Radio组件的均为change事件，如何阻止冒泡
2023-03-09 09:13:17
821
原创 Echarts之甘特图&&type: ‘custom‘参数详解
type: ‘custom’,参数详解1.renderItem：2.let categoryIndex = api.value(0)3.let start = api.coord([api.value(1), categoryIndex])let end = api.coord([api.value(2), categoryIndex])4.height = api.size([0, 1])[1]5.encode:内部参数：①、 x: [1, 2], // data 中『维度1』和『维度2』对
2022-12-26 10:12:56
3042
原创 Vue之iconfont
由于两个地方的iconfont.css文件中的字体命名都是"iconfont"，而且样式命名也是相同的，导致问题的出现。：由于我是因为自己的iconfont的与luckysheet的iconfont冲突，所以我全局替换了。（如果没有项目，请先到 资源管理->我的项目->点击新建项目）：新建/编辑iconfont项目时，如下红框所呈现的部分，【(font family ) (前缀)(图标名称)】5.将下载到本地的zip解压，复制到项目中。2.搜索想要的图标，加入购物车。2.将引入的图标 从。
2022-12-14 19:27:56
971
原创 CSS之display:grid的用法和动态:before content内容
CSS之display:grid的用法和动态:before content内容
2022-12-14 08:58:11
1649
原创 vue 动态组件 render/jsx
无法渲染组件，只能显示原生的dom,操作起来实在是不方便。查阅了之后，发现可以用render或者jsx实现【这个方法并不能触发，需要使用原生事件。（可能是因为这个组件中并没有click事件）分别是compiler（模板）模式和runtime模式（运行时）。可是如何自己实现双向绑定，我用的是组件，并不是像官网一样。中设定value时并没有赋初始值。后，就开始想如何进行数据双向绑定。(虽然不高级，但好用啊。
2022-11-23 20:35:58
1540
原创 在vue table中使用treeselect 下拉内容不显示问题
table外层时，他是可以显示成功的，但当在table内部时，就显示不成功了。
2022-11-23 19:42:04
3207
原创 酷炫效果 进度条
重要点记录：1.从粗到细的进度条（设定父div 的相对定位，利用三角形的思想，渲染此进度条）2.smtline 的css完整代码如下：
2022-11-10 14:46:18
9647
5
原创 Echarts之环形图 && 自定义title居中
因为我这里是多个环形图 所以 使用了动态绑定html。先上效果图 蓝色发光的环形圈 是背景图片。
2022-11-08 17:30:01
3552
原创 Vue之table2excel应用--前端表格导出
前端将后台传过来的数据，自定义去导出，不仅减少了再次去loading后台接口的时间，而且提高的用户体验度。但弊端是只能是当前表格所获取到的所有信息。后来发现可以自定义编辑【红色框起来的就是我自己写的，但水平与垂直居中还是没有生效…②.可以发现，excel的默认设定属性，将preserveColors(保存颜色) 改为true。2.添加到Vue项目中【public->新建文件夹table2excel->添加到此处】注意：我截图的这部分是对td属性的设定，还有关于对tr属性的设定，看源码即可分辨出来。
2022-10-27 20:00:05
2368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人