前端知识案例学习5-可拖拽元素
2023-02-11
68
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端知识案例学习5-可拖拽元素
目录
相关文章
|
2月前
|
存储
前端开发
JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素，以及JavaScript的鼠标事件处理，通过示例代码展示了这些基础知识点在实际开发中的应用。
43
2
2
|
2月前
|
前端开发
前端基础(十四)_隐藏元素的方法
本文介绍了几种在前端开发中隐藏元素的方法，包括使用`display:none`、`visibility:hidden`、`opacity:0`等CSS属性，并提供了相应的示例代码。此外，还提到了其他隐藏元素的技巧，如通过设置元素位置、使用`overflow`属性和`filter`属性以及`rgba`颜色值来实现元素的隐藏。
65
1
1
|
2月前
|
前端开发
JavaScript
前端基础(七)_DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
本文介绍了如何在前端通过不同的方法获取DOM元素，包括getElementById、getElementsByTagName、getElementsByClassName、querySelector和querySelectorAll。
93
3
3
|
2月前
|
前端开发
JavaScript
|
2月前
|
移动开发
前端开发
JavaScript
使用html-to-image代替html2canvas，结合jspdf实现下载pdf（下载截图下载前端dom元素）
本文介绍了在前端项目中，当使用`html2canvas`遇到问题时，如何使用`html-to-image`库作为替代方案，结合`jspdf`实现将DOM元素生成为PDF文件并提供下载。文章首先讨论了`html2canvas`可能遇到的问题，并提供了该库的使用示例代码。随后，详细介绍了`html-to-image`库的安装和使用方法，展示了如何将DOM元素转换为Canvas，再利用`jspdf`生成PDF文件。最后，文章通过示例代码说明了整个转换和下载的过程，并展示了效果截图。
89
0
0
|
3月前
|
前端开发
震惊！Web 前端行内元素和块级元素的 “巅峰对决”，究竟谁能主宰页面布局？
【8月更文挑战第26天】在Web前端开发中，掌握行内元素与块级元素的区别十分重要。块级元素如`<p>`、`<div>`等，特性为自动换行并可设置宽高；而行内元素如`<span>`则在同一行显示且无法直接设置宽高。二者默认样式亦不同，但可通过CSS调整显示方式，灵活应用于页面布局设计中，实现更优视觉效果。
40
1
1
|
3月前
|
XML
JavaScript
前端开发
哇塞！Web 前端惊现 DOM 元素神操作，一场惊心动魄的网页变革，你准备好了吗？
【8月更文挑战第23天】在Web前端开发中，熟练操作DOM元素至关重要。DOM作为一种编程接口，将HTML/XML文档表示为节点树，便于使用JavaScript访问及修改文档内容与结构。
58
0
1
|
1月前
|
存储
人工智能
前端开发
前端大模型应用笔记（三）：Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用，通过使用Transformer模型，实现了更智能的搜索功能，如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue，使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程，并展示了实际效果和待改进点。
127
2
3
|
1月前
|
JavaScript
前端开发
程序员
|
1月前
|
人工智能
自然语言处理
运维
前端大模型应用笔记（一）：两个指令反过来说大模型就理解不了啦？或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下，自然语言指令解析的困境及解决方案。通过增加一个LLM解析层，将复杂的指令拆解为多个明确的步骤，明确操作类型与对象识别，处理任务依赖关系，并将自然语言转化为具体的工具命令，从而提高指令解析的准确性和执行效率。
35
6
6