前端知识案例学习5-可拖拽元素
2023-02-11
78
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端知识案例学习5-可拖拽元素
目录
相关文章
|
1月前
|
JavaScript
前端开发
程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素，但是它们之间有些细微的差别，稍不注意，就很容易弄错！
43
1
1
|
3月前
|
存储
前端开发
JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素，以及JavaScript的鼠标事件处理，通过示例代码展示了这些基础知识点在实际开发中的应用。
49
2
2
|
3月前
|
前端开发
前端基础(十四)_隐藏元素的方法
本文介绍了几种在前端开发中隐藏元素的方法，包括使用`display:none`、`visibility:hidden`、`opacity:0`等CSS属性，并提供了相应的示例代码。此外，还提到了其他隐藏元素的技巧，如通过设置元素位置、使用`overflow`属性和`filter`属性以及`rgba`颜色值来实现元素的隐藏。
70
1
1
|
3月前
|
前端开发
JavaScript
前端基础(七)_DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
本文介绍了如何在前端通过不同的方法获取DOM元素，包括getElementById、getElementsByTagName、getElementsByClassName、querySelector和querySelectorAll。
150
3
3
|
3月前
|
前端开发
JavaScript
|
3月前
|
移动开发
前端开发
JavaScript
使用html-to-image代替html2canvas，结合jspdf实现下载pdf（下载截图下载前端dom元素）
本文介绍了在前端项目中，当使用`html2canvas`遇到问题时，如何使用`html-to-image`库作为替代方案，结合`jspdf`实现将DOM元素生成为PDF文件并提供下载。文章首先讨论了`html2canvas`可能遇到的问题，并提供了该库的使用示例代码。随后，详细介绍了`html-to-image`库的安装和使用方法，展示了如何将DOM元素转换为Canvas，再利用`jspdf`生成PDF文件。最后，文章通过示例代码说明了整个转换和下载的过程，并展示了效果截图。
163
0
0
|
4月前
|
前端开发
震惊！Web 前端行内元素和块级元素的 “巅峰对决”，究竟谁能主宰页面布局？
【8月更文挑战第26天】在Web前端开发中，掌握行内元素与块级元素的区别十分重要。块级元素如`<p>`、`<div>`等，特性为自动换行并可设置宽高；而行内元素如`<span>`则在同一行显示且无法直接设置宽高。二者默认样式亦不同，但可通过CSS调整显示方式，灵活应用于页面布局设计中，实现更优视觉效果。
44
1
1
|
2月前
|
存储
人工智能
前端开发
前端大模型应用笔记（三）：Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用，通过使用Transformer模型，实现了更智能的搜索功能，如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue，使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程，并展示了实际效果和待改进点。
183
2
3
|
2月前
|
JavaScript
前端开发
程序员
|
2月前
|
人工智能
自然语言处理
运维
前端大模型应用笔记（一）：两个指令反过来说大模型就理解不了啦？或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下，自然语言指令解析的困境及解决方案。通过增加一个LLM解析层，将复杂的指令拆解为多个明确的步骤，明确操作类型与对象识别，处理任务依赖关系，并将自然语言转化为具体的工具命令，从而提高指令解析的准确性和执行效率。
56
6
6
热门文章
最新文章
1
GitHub Actions自动化部署前端项目指南
2
「前端工程化」从0-1搭建react，ts脚手架（1.2w字超详细教程）
3
合格前端系列第四弹-如何监听一个数组的变化
4
前端 时间个性化 插件 jquery.timeago.js
5
前端提交POST请求却变成GET请求的原因及解决方法
6
wordpress页面前端添加编辑按钮
7
你用过的网站前端优化的技术有哪些？
8
基于qiankun落地部署微前端爬”坑“记
9
前端进阶|第四天从setTimeout、Promise看js 的异步机制
10
前端实现tab栏切换，这么常见的案例你学会了吗？
1
web前端之纯CSS实现简单酷炫的照片墙效果、排除元素的伪类、scale
86
2
《跨界合作：前端与后端如何优化协作效率》
82
3
使用Vue.js构建交互式前端的技术探索
89
4
如何优化前端性能：关键步骤和技巧
85
5
nbcio-boot基于jeecg的flowable支持部门经理的单个或多实例支持（前端部分）
100
6
ruoyi-nbcio-plus基于vue3的flowable修正加签与跳转的前端问题
116
7
vue的 blob文件下载文件时，后端自定义异常，并返回json错误提示信息，前端捕获信息并展示给用户
262
8
ruoyi-nbcio-plus的Vue3前端一些插件使用介绍（二）
70
9
ruoyi-nbcio-plus的Vue3前端一些插件使用介绍（一）
90
10
ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题（二）
138