写给小白的低代码教程(2)

简介: 写给小白的低代码教程(2)

网络异常,图片无法展示
|

1、为啥会有这一篇

  • 第一篇 有小伙伴说 不太容易理解,并且不是一个完整的流程, 所以第二篇来啦,第二篇一定让你看个爽😊 !

ps:我们首次 添加了 GIF 效果,感谢 支持,希望看的爽,工具下载地址(免费)

2、低代码简单说

  • 实现一些组件 可以直接拖动使用,并且可以在使用时添加 样式/ 内容/事件

3、走! 实现试试

1.拿到项目 
2.npm i 安装依赖 
3. npm run dev 跑起来 
复制代码

4、效果展示

1、可拖动,此处可以将 左边的 东西 直接 向 右边

网络异常,图片无法展示
|

2、可编辑 大小和内容 都可编辑

网络异常,图片无法展示
|

3、可添加动画

网络异常,图片无法展示
|

4、可添加事件

网络异常,图片无法展示
|

5、可移动顺序/删除

网络异常,图片无法展示
|

5、怎么做的?

  • 此处 一句话解释一下

在 vue 项目中 Home 组件 分为 顶部 + 左边 + 中间画布 + 右边, 这些部分都由单独的组件/事件控制

6、项目地址

  • 更多 内容 自行尝试 ~
  • 最后 如果拉的项目 无法 运行 , 关掉 eslint 即可
相关文章
|
3月前
|
前端开发 数据可视化 JavaScript
前端 three学习路线
【8月更文挑战第21天】前端 three学习路线
43 2
|
4月前
|
前端开发 JavaScript 安全
中级前端知识进阶
【7月更文挑战第6天】深化前端技能涉及巩固HTML/CSS/JS基础,精通React/Vue/Angular等框架,理解前端工程化原理如Webpack和性能优化。扩展技术边界至跨平台开发、Web性能与安全,关注新趋势如PWA和Serverless。通过实战项目和社区分享加速成长。
44 1
|
4月前
|
前端开发 JavaScript 开发工具
给前端小白的学习建议
【7月更文挑战第4天】 **前端新手入门指南:** - 明确目标,从HTML/CSS基础开始。 - 深入学习JavaScript,结合项目实战。 - 跟踪技术趋势,选一二框架钻研。 - 多实践,从小项目到复杂应用。 - 掌握开发工具与调试技巧。 - 培养解决问题的能力,保持好奇与耐心。 - 加入社区,分享交流,持之以恒,成为优秀前端开发者。
43 2
|
6月前
|
人工智能 达摩院 算法
什么是优化技术?给算法小白同学的快速讲解和上手文
本文作者用一个曾经小白学习的视角,来讲解什么是优化问题,以及要如何用这个优化技术。
48083 59
|
4月前
|
存储 前端开发 C++
零基础学前端系列教程 | 和前端谈恋爱的第004天——打扮漂亮
零基础学前端系列教程 | 和前端谈恋爱的第004天——打扮漂亮
31 0
|
4月前
|
存储 编解码 移动开发
零基础学前端系列教程 | 和前端谈恋爱的第003天——电影海报
零基础学前端系列教程 | 和前端谈恋爱的第003天——电影海报
31 0
|
6月前
|
SQL 前端开发 Java
Java后端进阶之路: JavaWeb(四)
Java后端进阶之路: JavaWeb
55 1
|
6月前
|
前端开发 Java 应用服务中间件
Java后端进阶之路: JavaWeb(二)
Java后端进阶之路: JavaWeb
108 1
|
6月前
|
JavaScript 前端开发 API
有趣的前端知识
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
39 4
|
6月前
|
XML JSON 前端开发
前端知识笔记(十二)———前端面试容易问到的问题总结
前端知识笔记(十二)———前端面试容易问到的问题总结
74 0