公开笔记对他人可见,有机会被管理员评为“优质笔记”
{{ noteEditor.content.length }}/2000
《速学Threejs》让物体与相机沿着曲线轨迹运动
本视频主要介绍了如何通过技术手段实现沿曲线运动的轨迹控制。首先,通过曲线函数中的get point方法获取曲线上的点,然后根据当前时间获取对应点的位置,实现对象沿曲线的运动。此外,还介绍了如何获取曲线的长度、分解曲线为小节并获取每小节的长度等方法。视频中还提到了如何通过时间转换、三维向量复制等技术手段,实现对象位置的动态调整和速度控制。最后,还涉及到了如何将摄像机绑定到轨迹上,实现3D视图的动态变化。这些技术内容适合有一定编程基础,对3D动画制作感兴趣的技术人群学习。
免费宝藏gltf模型素材网站,助你开发学习WEB3D可视化
老陈通过创建一个网站分享了大量3D模型素材和前端特效代码,解决了学习者在寻找网页端3D素材时的难题。这些素材以GLTF格式为主,可直接应用于网页端,包括高铁、飞机、坦克、现代建筑、雕塑等。同时,网站还提供了老陈B站课程的源码和讲义教程,以及液体流动背景动画特效、3D酷炫案例等。此外,还有适用于企业场景的大屏模板,都是通过3D模型打造的。老陈还提到,只需十几兆的模型就足以构建一个庞大的虚拟世界。适合对Web 3D技术感兴趣的学习者和开发者。
开源GPT加上自己的知识库比ChatGTP更精准更专业
本视频介绍了如何使用chat GLN扩展库来部署一个问答系统,并构建一个专家级别的本地知识库。通过这种方式,可以解决现有模型数据过时或错误的问题,提供更加专业和准确的信息。主要内容包括如何下载懒人包、解压并修改模型地址、一键启动问答系统,以及如何搭建和使用自己的知识库。这些内容适合对问答系统、知识库构建和AI技术感兴趣的人群来学习和实践。
面试官问,如何渲染十万条数据,该怎么回答?
视频主要介绍了前端开发中如何高效渲染大量数据的问题,提出了三种解决方案:虚拟列表、时间分片和requestAnimationFrame。虚拟列表通过只渲染可视区域数据来减少性能损耗;时间分片通过分批次渲染数据来避免页面卡顿;requestAnimationFrame则确保渲染过程与浏览器刷新频率同步,减少闪屏现象。此外,还介绍了如何使用documentFragment来减少DOM操作,提高渲染性能。
100秒学会CSS弹性布局
弹性布局,或Flexbox,是一种CSS3布局技月,允许开发者以灵活高效的方式对页面元素进行排列和对齐。通过声明元素为Flex容器,其子元素自动成为Flex项目,这些项目可以沿着主轴(main axis)和交叉轴(cross axis)进行对齐和分布。调整项目宽度百分比可实现均匀分布,而flex属性可以定义项目之间的比例关系,实现灵活分配空间。justify-content和align-items属性分别控制主轴和交叉轴上的项目对齐,从而轻松实现各类布局需求,如左对齐、均匀分布或居中对齐,甚至响应式布局设计。
前端必会的三种CSS居中方法
探讨了实现网页元素居中的三种CSS策略。首先,绝对定位配合transform的translate可以精确控制元素到容器的中心点。接下来,通过flex布局的align-items和justify-content属性轻松实现元素的水平和垂直居中。最后,grid布局的place items属性为居中提供了一个简洁的解决方案。这些方法都是现代网页设计中常用的布局技术,对于不同的布局需求和项目复杜度都有适应性。适合前端开发者、网页设计师、UI/UX设计师、CSS爱好者和学习前端技术的初学者。
原型设计软件Axure的使用 ——Axure入门基础
此视频引导初学者如何使用Axure原型设计软件,强调掌握Axure对于产品工程师的重要性。视频先介绍了软件的下载与安装,包括避免百度全家桶、推荐官网下载,及安装过程中注意事项。接着讲述了如何汉化软件,避开语种限制。视频还详细演示了组件库的添加、基本图形制作、部件命名规范及快捷复制技巧,涉及到矩形、圆角和三角形等UI组件。最后,提到了如何利用预览功能验证设计效果。内容适合对原型设计软件有兴趣或需求,欲提升产品文档制作能力的观众,尤其是产品工程师和设计新人。
界面原型设计工具“墨刀”实战-交互、手势、动效效果实现