首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用 React-DnD 打造简易代码平台

这可以说明低代码市场整体仍处于发展初期 。 2021 年很多公司,不管大小,都开始开发低代码平台。低代码即无需代码或只需要通过少量代码,通过“拖拽”的方式即可快速生成应用程序。...是通过 HTML5 Drag and Drop API 下面是简单实现代码 function dragstart_handler(ev) { // A将目标元素的 id 添加到数据传输对象...代码格式化 我们可以使用 prettier 来格式化代码,下面代码是将格式化代码的逻辑放到一个 webWork 中。...,接下来就可以渲染页面进行预览了,对于预览,显然是使用iframe,iframe除了src属性外,HTML5还新增了一个属性srcdoc,用来渲染一段HTML代码到iframe里 iframeRef.value.contentWindow.document.write...(htmlStr) 效果 拖拽一个表格 和一个柱状图 查看代码 最后附上 github 和预览地址 仓库地址: github.com 预览地址: low-code.runjs.cool 小结 本地记录一个简易代码的实现方式

5.5K20

HTML5HTML5 语义化标签 ( HTML5 简介 | 新增特性 | 语义化标签及代码示例 )

一、HTML5 简介 ---- HTML5 指的是 对 HTML 语言的第五次重大修改 , 新增了新的元素 / 属性 / 行为 ; HTML5 新增的特性 : 语义特性 本地存储特性 设备兼容特性 连接特性...网页多媒体特性 三维特性 图形及特效特性 性能与集成特性 CSS3 特性 广义 HTML5 包含了 HTML5 + CSS3 + JavaScript ; 不是所有的浏览器 都支持 HTML5 ; HTML5...非常适用于移动端开发 ; 二、HTML5 语义化标签 ---- 传统发那个是 , 使用 div 进行布局 , 搜索引擎不知道这个盒子是做什么的 ; HTML5 新增加了如下语义化标签 : 头部标签 :...header, nav, article, section, footer { /* 兼容 IE9 不识别 HTML5...语义化标签问题 */ display: block; } 三、HTML5 语义化标签代码示例 ---- 代码示例 : <!

1.7K30

手写原生代码专题 | 简易手写画板(二)

复习完基础知识后,我们开始编写具体的代码,HTML 结构比较简单,如视频示例所示,一个画布、两个增加线条粗细的加减按钮、一个显示粗细数值的文本、一个调整颜色的 HTML5 控件、一个清除画布内容的按钮...,由于代码比较简单,这里不过多解释,示例代码如下: ...三、编写CSS代码 接下来,我们来编写相关的CSS样式,代码很简单,这里只是简单说明下: 首先定义全局为 box-sizing: border-box 的盒子模型,然后使用弹性布局让画布容器垂直水平居中...clearEl.addEventListener('click',()=>ctx.clearRect(0,0,canvas.width,canvas.height)); 结束语 好了,今天的项目就到这里结束了,想必大家都熟悉了如何手写一个简易的画布...相关阅读 手写原生代码专题 | 图片拖拽效果(一)

1.4K20

五步搭建自己的简易代码平台

前言 平时开发项目时,总会写很多crud代码,开发过程基本一个套路,定义controller、service、dao、mapper、dto,感觉一直在repeat yourself 也接触过很多快速开发框架...接口请求时,执行自定义接口设置的sql脚本,并将结果返回json 注册swgger2接口(这一步也可以不要) 把自定义的接口发布到swagger2文档中 实现 思路研究好,开始实现 数据源 作为一个低代码平台...characterEncoding=UTF8 代码就是简单的crud+测试连接 测试连接由于需要两种数据库的驱动,引入maven依赖 mysql mysql-connector-java 测试连接的代码如下...,省略了很多功能,如参数处理、分页处理、使用数据库连接池等,这些功能一点点加就可以了 接口文档 自动生成接口实现了,但是如果没有接口文档还是很难用,所以结合Swagger2再实现一下自动接口文档 这里代码比较多

1.2K10

html5空格代码怎么写_空格的代码是什么

本篇文章为大家介绍的是HTML的空格代码的写法,“ ;”代码的用法,还有几种空格方式的解释,都在文章中,现在开始往下看吧。 首先,我们知道这HTML网页中插入多个空格间隔是需要特殊字符编码的。...如果是直接敲入多个空格键的话,虽然看似代码中有了多个空格效果,但其实在浏览器中还是只有1个空格间隔位置的。 接下来教大家如果输入html空格字符的话,多个空格字符是如何输入的?...我们采用直接复制空格字符与DW软件输入空格字符的两种方法介绍: web前端全栈资料粉丝福利(面试题、视频、资料笔记、进阶路线) 第一种叫Html空格字符语法代码: 就是这个代码“ ”。...这组空格字符一定要输入到HTML代码里面,才能实现空格的效果。 如果有多个空格的话,我们就直接复制粘贴输入多次“ ”即可。...首先我们将鼠标的指针放到你自己想要插入空格字符地方,然后吧DW软件上面的“插入”点开,选择“HTML” 然后在“HTML”弹出选项中选择“特殊字符”最后再选择点击“不换行空格”,这样输入“ ”空格的字符代码

5.8K10
领券