写给小白的低代码教程(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 开发者
前端小白逆袭记:从零开始,如何快速掌握前端开发精髓?
本文从一个前端小白的视角,分享了快速掌握前端开发核心技能的逆袭之路。通过学习HTML、CSS和JavaScript,逐步接触前端框架如Bootstrap、Vue.js和React,克服挑战,最终实现从入门到精通的蜕变。
47 4
|
数据可视化 前端开发 安全
实不相瞒——看完你也能(10分钟内)手撸一个低代码框架
实不相瞒——看完你也能(10分钟内)手撸一个低代码框架
123 0
|
9月前
|
前端开发
前端小白如何开发新项目(速成版)
前端小白如何开发新项目(速成版)
127 0
|
Web App开发 移动开发 前端开发
如何从前端小白变身为前端大神
作为刚刚接触前端的童鞋,对学习的方向可能会感到迷茫,通过阅读者篇文章相信会对你的学习方向有所帮助!
3459 0
|
7月前
|
算法 JavaScript 前端开发
代码之旅:从新手到熟练工的蜕变
【7月更文挑战第14天】编程世界如同一片未知的海洋,每个初学者都是初次扬帆出海的探险者。本文将通过个人的学习历程,揭示如何从编程新手成长为一名能够独立解决问题的熟练工。我们将探索学习方法、实践技巧以及心态调整等关键要素,旨在为同样处于旅程中的编程爱好者提供一份实用的指南。
|
JavaScript 前端开发 数据可视化
开发|关于微信小游戏开发的入门心得
开发|关于微信小游戏开发的入门心得
152 0
Mockplus: 让小白产品经理上手就用的原型图设计工具
近5年来,PC软件和移动软件呈井喷趋势。任何软件应用,都离不开原型设计和原型设计工具。Mockplus应运而生,除用于移动开发,还可以制作PC、网页的原型,它帮助设计师在最短的时间内完成产品原型图的设计。
1165 0
|
存储 开发框架 小程序
【全栈小程序开发路线】手把手教你入门小程序开发,小白必看!
以下内容是结合我项目中实战经验,踩坑记录,大量时间学习小程序的积累,总结分享给大家。 学习路线包括前端基础、小程序开发框架、UI组件库、云开发、周边生态以及插件这几个纬度,学完这些,你也能全栈开发一个属于自己的产品。
641 0
|
前端开发 BI 程序员
因为懒,我用了“低代码”打下手
因为懒,我用了“低代码”打下手
116 0
|
前端开发 小程序 程序员
人人自媒体的时代,程序员该如何利用好自己的优势?我记住了这些神器...
无可否认,随着互联网的不断发展完善,我们现在的生活无时无刻都在与网络打交道。伴随着流量这个名词的冲击,我们对自媒体这一行业也开始了不断的摸索,基本在我的圈子里,做自媒体的太多太多了,有图...
412 0

热门文章

最新文章