2024-06-02Three.js 可以让我们在网页上创建交互式的 3D 图形和动画。它是一个强大的 JavaScript 库，可以帮助我们轻松地在浏览器中实现复杂的 3D 效果，而无需深入了解底层的 WebGL 技术。如果你需要在网页上展示 3D 内容或者构建交互式的3D体验， Three.js 是一个非常有用的工具。今天通过 Vue3.0 集成 Three.js 来实现对 gltf 模型的加载、渲染与操控，并设置模型背景为透明色，解决模型为黑色的问题。_vue threejs 加载模型偏暗

https://www.qianduange.cn//article/10524.html 分类：前端知识

2024-06-02颜色由border-color属性设置，name——指定颜色的名称，如 "red"，RGB——指定 RGB 值, 如 "rgb(255,0,0)"，Hex——指定16进制值, 如 "#ff0000"（border-color单独使用是不起作用的，必须得先使用border-style来设置边框样式，例如。在 HTML中，有两种类型的列表：无序列表 ul——列表项标记用特殊图形（如小黑点、小方框等），有序列表 ol——列表项的标记有数字或字母，使用 CSS，可以列出进一步的样式，并可用图像作列表项标记。

https://www.qianduange.cn//article/10508.html 分类：前端知识

2024-06-02基于上述的实现，我们不难发现，一些稍微特殊的按钮，无非都通过拼接、障眼法、遮罩等方式实现。渐变（线性渐变、径向渐变、多重渐变）遮罩mask裁剪clip-path变形transform发挥了重要的作用，熟练使用它们，我们对于这些图形就可以信手拈来，基于它们的变形也能从容面对。上述的图形，再配合，基本都能实现不规则阴影。再者，更为复杂的图形，如下所示：还是切图吧，CSS 虽好，实际使用中也需要考虑投入产出比。CSS 技术文章汇总Chokcoco 的个人主页 - 文章 - 掘金t=N6B9。_css 圆角按钮

https://www.qianduange.cn//article/10504.html 分类：前端知识

2024-05-31为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总开源分享：【大厂前端面试题解析 核心总结学习笔记 真实项目实战 最新讲解视频】JavaScript性能linux。

https://www.qianduange.cn//article/10255.html 分类：前端知识

2024-05-30里面对应着很多常用的legend图形，当然-没有虚线，这个时候我们就需要利用到官网给出的icon属性去进行手动实现。这些配置项，以及一系列的数据项，我们可以参考社区的对应文档。拼接 path:// path 里面的 d 属性。我们可以参考echarts的官方文档，他给出了我们。我们可以使用图片路径，也可以使用 svg 路径。我们可以参照iconfont，下载svg。复制里面的svg代码。_echarts 折线图 tooltip显示实线 虚线

https://www.qianduange.cn//article/10110.html 分类：前端知识

2024-05-30通过本课题的实施，可以为冬奥会的组织和宣传工作提供有力支持，同时为相关技术人员提供一个实践和学习的平台，推动HTML5及相关技术在体育领域的应用和发展。HTML5作为新一代的网页技术标准，具有更好的跨平台性能、更高的运行效率和更丰富的功能特性，为冬奥会网站的设计与实现提供了良好的技术支持。在数据库管理工具的选择上，使用了Navicat 11，这是一个用户友好且功能强大的数据库管理软件，它支持多种数据库系统，包括MySQL，并提供了图形化界面，使得数据库的管理和维护工作更加便捷。系统的选题背景和意义。_新闻公司官网设计flask

https://www.qianduange.cn//article/10096.html 分类：前端知识

2024-05-30最后看一下学习需要的所有知识点的思维导图。如果你正愁这块不知道如何学习或者想提升学习这块知识的学习效率，那么这份学习笔记绝对是你的秘密武器！如果你正愁这块不知道如何学习或者想提升学习这块知识的学习效率，那么这份学习笔记绝对是你的秘密武器！通过用户传入的两个canvas的id，然后生成一个对象，进行初始化操作，设置事件。当然了也提供用户设置可选的参数，各种颜色，已经刮开后显示的信息等，通过{这个类也就对Canvas对象进行了简单的封装，设置参数，绘制图形什么的，比较简单，大家可以完善下这个类~

https://www.qianduange.cn//article/10085.html 分类：前端知识

2024-05-27最近很火的电视剧《点燃我，温暖你》男主角学神和女主角课代表计算机考试实现的跳动的爱心，那我也来做一个粒子爱心送给女朋友。因为不想直接加载心形的模型文件作为基础，所以主要思路是三维直角坐标系内，通过心形函数绘制图形。然后呢，细化到空间中坐标粒子的发光闪烁特效。实现思路讲完了，讲一下性能优化，因为通过函数找心形表面粒子的过程是需要遍历的（没办法直接令函数直接=0，只能取＜0的然后取最大、最小值，再去重），多层遍历嵌套会降低页面加载速度，所以这里的思想是构建对象，因为去掉了一层循环，肯定是快很多的。_threejs爱心

https://www.qianduange.cn//article/9622.html 分类：前端知识

2024-05-26canvas> 标记由 Apple 在 Safari 1.3 Web 浏览器中引入。 标记和 SVG以及 VML 之间的一个重要的不同是， 有一个基于 JavaScript 的绘图 API，而 SVG 和 VML 使用一个 XML 文档来描述绘图。Mozilla 程序从 Gecko 1.8 (Firefox 1.5) 开始支持, Internet Explorer 从 IE9 开始。Chrome 和 Opera 9 也支持。_canvas绘制线段

https://www.qianduange.cn//article/9609.html 分类：前端知识

2024-05-25【代码】echarts图表导出图形以及数据到Excel。_jsp把echars转成图形后导出到excel

https://www.qianduange.cn//article/9408.html 分类：前端知识