腾讯tmagic-editor是一个所见即所得的页面可视化编辑器,实现零代码/低代码生成页面,可以快速搭建可视化页面生产平台,让非技术人员可以通过拖拽和配置,自助生成H5页面、PC页面、TV页面,大大降低页面生产成本。
项目简介 腾讯tmagic-editor是一个所见即所得的页面可视化编辑器,基于tmagic-editor可以快速搭建可视化页面生产平台,让非技术人员可以通过拖拽和配置,自助生成H5页面、PC页面、TV页面,大大降低页面生产成本,实现零代码/低代码生成页面。 以下是腾讯视频会员业务基于tmagic-editor搭建的可视化页面搭建平台示意图。tmagic-editor已经用于腾讯视频会员、爱玩游戏、云视听极光、腾讯会议等十几个腾讯业务,每月生产和发布数百个页面。 基于可视化编辑器的页面生产流程 一、物
前段时间笔者一直忙于数据可视化方面的工作,比如如何实现拖拽式生成可视化大屏,如何定制可视化图表交互和数据导入方案等,这块需求在B端企业中应用非常大,所以非常有探索价值。
作为一名优秀的打工人,Excel是大家上班中必不可少的办公软件。随着互联网时代的到来,越来越多的公司开始使用各种B/S系统来处理表格数据文件。那么有没有一种可以直接在浏览器中使用的Excel插件去处理数据呢?答案是肯定的。本文小编将为大家介绍如何在Vue框架中集成在线表格插件(以下简称为“SpreadJS”)和在线表格编辑器(类Excel浏览器插件)实现在浏览器中使用Excel插件来处理数据。
(H5编辑器)H5-Dooring是一款功能强大,开源免费的H5可视化页面拖拽布局配置解决方案,让你轻松实现拖拽式生成html5页面,致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react为主, 后台采用nodejs开发。
好啦, 今天的分享就到这里啦, 如果你有好用的库推荐, 欢迎在评论区反馈~ 后续会在 趣谈前端 中持续总结复盘, 让技术工作更高效
Compilr是一个在线编译器和在线IDE。可以用它来开发PHP, C, C++, Ruby。在浏览器中编译Java, C# 和 VB.net等。 马上使用
今天给大家推荐一款我朋友基于vite开发的开箱即用的后台管理模版 vue3.0-template-admin. 目前已在github上完全开源, 相关配套功能非常齐全, 大家可以一键clone这个项目快速搭建后台管理系统, 如果想快速上手 vite + vue3.0 开发的朋友, 这个项目也是不错的选择.
阿里巴巴集团前端委员会主席 @圆心 对前端未来期许有四点:搭建服务, Serverless,智能化,IDE。仔细想想,一个「可视化搭建系统」的想象空间,正能完美命中这些方面。前端的边界在哪里,对于业务的价值又在哪里,我们不妨静下来,一起从「可视化搭建系统」的角度来思考。
世界上最好的 Python 编辑器或 IDE 是什么?炫酷的界面、流畅的体验,我们投 PyCharm 一票,那么你呢?本文介绍了 PyCharm、Jupyter Notebook 和 Spyder 在内的 5 种主流 Python IDE,每一种都各有优缺点。不过结合经验教训,不论是纯文本编辑器还是集成开发环境,总有一款是你的最爱,那么快在文末为你最爱的 IDE 投上一票吧。
码良是一个在线生成H5页面并提供页面管理和页面编辑的平台,用于快速制作H5页面。用户无需掌握复杂的编程技术,通过简单拖拽、少量配置即可制作精美的页面,可用于营销场景下的页面制作。同时,也为开发者提供了完备的编程接入能力,通过脚本和组件的形式获得强大的组件行为和交互控制能力。
本文介绍了15款最好的 Bootstrap 编辑器或在线工具,它们可以帮助开发者快速构建 Bootstrap 响应式网站。这些编辑器包括 BootSwatchr、Bootstrap Live Editor、Fancy Boot、Style Bootstrap、Bootstrap ThemeRoller、Bootstrap Studio、Bootstrap Frontend、Bootstrap Lint、Bootstrap Markdown、Bootsnipp、Bootstrap Wizard、Bootstrapize、Bootstrap CSS、Bootstrap UI、Kickstrap 和 Jetstrap。这些编辑器涵盖了可视化编辑器、实时编辑器、组件库、代码生成器等,可以帮助开发者快速构建 Bootstrap 响应式网站,提高开发效率。
ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。
处在这个大数据时代势必让我们不得不追求高效,高效工作便捷生活。可在工作中想要高效完成某件事情似乎有点儿难度,比如高效开发三维可视化应用!尤其是新手更是大呼“我太难了”。新手不会建模又该如何完成三维
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/168348.html原文链接:https://javaforall.cn
之前一直在做 lowcode 和可视化相关的项目,也围绕可视化技术输出了一系列技术文章,今天我继续和大家来聊聊可视化平台相关的话题——组件商店。这个需求其实很早在我开源 H5-Dooring 之后就有网友提出过 issue ,如下:
大家好, 我是徐小夕, 之前一直在分享可视化低代码的一些实践, 围绕 H5-Dooring 零代码搭建平台也输出了很多技术文章, 最近2.7.0 版本也顺利迭代完成, 这里详细分享一下 H5-Dooring 无代码搭建平台技术方案.
选自 KDnuggets
我的网页开发生涯中,一直离不开跟各种各样的在线Html编辑器(所见即所得)打交道,从最初的简易UBB编辑器,到购买正版的[URL=http://www.ewebeditor.net/]eWebEditor[/URL],再到免费版的[URL=http://www.tinymce.com/]TinyMCE[/URL],在综合比较了一些类似的编辑器之后,终于走到今天,准备启用[URL=http://www.xheditor.com]xhEditor[/URL]
为了提高大家开发 React 项目的效率, 笔者结合自己的实际工作经验, 汇总如下React项目常用插件.
codrops 一系列具有相当具有创意且有趣的前端效果的集合,是非常棒的学习资料,可以欣赏和下载使用。并且有些项目,也托管到了github仓库中
现如今,技术发展十分迅猛,开发者只有通过不断的学习才能跟得上时代的步伐。而为了便于学习和工作(减少996),涌现了很多优秀的开发工具用以帮助开发者提高工作效率。现在我把我工作多年来收集实用的开发利器分享出来,希望能够给同学们参考借鉴(以下排名不分先后)。假如各位同学有更好的值得推荐的利器欢迎在文末留言或者去GitHub知识库中留下你宝贵的Issues。
作 者:小明小明长大了 来 源:https://www.jianshu.com/p/72ca8192f7b8
element:饿了么出品的Vue2的web UI工具套件 Vux:基于Vue和WeUI的组件库 mint-ui:Vue 2的移动UI元素 iview:基于 Vuejs 的开源 UI 组件库 Keen-UI:轻量级的基本UI组件合集 vue-material:通过Vue Material和Vue 2建立精美的app应用 muse-ui:三端样式一致的响应式 UI 库 vuetify:为移动而生的Vue JS 2组件框架 vonic:快速构建移动端单页应用 eme:优雅的Markdown编辑器 vue-multiselect:Vue.js选择框解决方案 vue-table:简化数据表格 VueCircleMenu:漂亮的vue圆环菜单 vue-chat:vuejs和vuex及webpack的聊天示例 radon-ui:快速开发产品的Vue组件库 vue-waterfall:Vue.js的瀑布布局组件 vue-carbon:基于 vue 开发MD风格的移动端 vue-beauty:由vue和ant design创建的优美UI组件 vue-blu:帮助你轻松创建web应用 vueAdmin:基于vuejs2和element的简单的管理员模板 vue-syntax-highlight:Sublime Text语法高亮 vue-infinite-scroll:VueJS的无限滚动指令 Vue.Draggable:实现拖放和视图模型数组同步 vue-awesome-swiper:vue.js触摸滑动组件 vue-calendar:日期选择插件 bootstrap-vue:应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipe:VueJS触摸滑块 vue-amap:基于Vue 2和高德地图的地图组件 vue-chartjs:vue中的Chartjs的封装 vue-datepicker:日历和日期选择组件 markcook:好看的markdown编辑器 vue-google-maps:带有双向数据绑定Google地图组件 vue-progressbar:vue轻量级进度条 vue-picture-input:移动友好的图片文件输入组件 vue-infinite-loading:VueJS的无限滚动插件 vue-upload-component:Vuejs文件上传组件 vue-datetime-picker:日期时间选择控件 vue-scroller:Vonic UI的功能性组件 vue2-calendar:支持lunar和日期事件的日期选择器 vue-video-player:VueJS视频及直播播放器 vue-fullcalendar:基于vue.js的全日历组件 rubik:基于Vuejs2的开源 UI 组件库 VueStar:带星星动画的vue点赞按钮 vue-mugen-scroll:无限滚动组件 mint-loadmore:VueJS的双向下拉刷新组件 vue-tables-2:显示数据的bootstrap样式网格 vue-virtual-scroller:带任意数目数据的顺畅的滚动 DataVisualization:数据可视化 vue-quill-editor:基于Quill适用于Vue2的富文本编辑器 Vueditor:所见即所得的编辑器 vue-html5-editor:html5所见即所得编辑器 vue-msgbox:vuejs的消息框 vue-slider:vue 滑动组件 vue-core-image-upload:轻量级的vue上传插件 vue-slide:vue轻量级滑动组件 vue-lazyload-img:移动优化的vue图片懒加载插件 vue-drag-and-drop-list:创建排序列表的Vue指令 vue-progressive-image:Vue的渐进图像加载插件 vuwe:基于微信WeUI所开发的专用于Vue2的组件库 vue-dropzone:用于文件上传的Vue组件 vue-charts:轻松渲染一个图表 vue-swiper:易于使用的滑块组件 vue-images:显示一组图片的lightbox组件 vue-carousel-3d:VueJS的3D轮播组件 vue-region-picker:选择中国的省份市和地区 vue-typer:模拟用户输入选择和删除文本的Vue组件 vue-impression:移动Vuejs2 UI元素 vue-datatable:使用Vuejs创建的DataTableView vue-instant:轻松创建自动提示的自定义搜索控件 vue-dragging:使元素可以拖拽 vue-sli
我们都知道 vue3 已经发布一年多了,相关的生态也在慢慢建立,很多公司也在尝试用 vue3 来开发自己的应用系统。但是由于生态的不完善以及缺乏成熟方案的落地,vue3 的应用仍然探索和小规模试验中。
几个月前开源的H5页面制作平台H5-Dooring 收到了很多热心的反馈和交流, 顺着笔者之前的规划, 我们又做了一款可视化大屏编辑器V6.Dooring. 接下来笔者就来带大家一起看看我们的方案设计和技术实现.
本文主要介绍了高可维护的JavaScript代码规范,包括变量命名、注释、函数、正则表达式、对象、闭包、性能、模块化、私有变量、代码格式化、测试、编码规范、工具和最佳实践等。同时,本文还提供了常见代码规范的具体示例和JavaScript代码规范检查工具的输出结果。通过遵循这些规范,可以大大提高代码的可读性和可维护性,从而提高开发效率。
如果要构建一个具有交互性和拓展性的沉浸式漫游场景,常用到3DSMAX、three.js等软件技术,学习门槛较高;ThingJS可视化组件更加轻量化,B/S架构下的3D可视化应用构建更轻松,为不少企业客户降低了项目开发成本。
视觉信息占全部感觉信息的80%以上。科学家发现,人类和灵长类动物的大脑皮层内有至少32个区域(即占大脑皮层一半以上的区域)参与视觉信息处理。
变一般软件开发中必备的一样工具就是代码编辑器。传统的代码编辑器一般都是以软件安装包的形式安装到电脑里面,代码编辑保存后一般也是通过ftp或者svn等工具提交到服务器的(当然,像.NET开发中Microsoft Visual Studio这样强大的集成工具另说了。)。
文 | Piotr Kuzniewicz 译 | 高雨滴 校 | 郭瑽 辛辛苦苦分析一堆大数据,竟然没人看!如果你正着手于从数据中洞察出有用信息,那你所需要的正是——数据可视化。俗话说,有图有真相,
JS 资源列表,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等。 包管理器 管理着 JavaScript 库,并提供读取和打包它们的工具。 npm:npm 是 JavaScript 的包管理器。官网 Bower:一个 web 应用的包管理器。官网 component:能构建更好 web 应用的客户端包管理器。官网 spm:全新的静态包管理器。官网 jam:一个专注于浏览器端和兼容 RequireJS 的包管理器。官网 jspm:流畅的浏览器包管理
经常帮一些同学 One-on-One 地解决问题,在看部分同学使用 VS Code 的时候,有些蹩脚,实际上一些有用的技巧能够提高我们的日常工作效率。
此文只写给有需要的人,如果你与这相关:1.你是技术人员 2.你懂前端开发,懂js,熟悉webgl 3.对物联网3D可视化有极大的兴趣
笔者之前花了大量的时间在思考如何设计和实现H5页面可视化编辑器H5-Dooring,从第一个版本到现在经历了很多次版本迭代和优化,也收到了很多宝贵的建议,目前刚好完成了移动端数据可视化的基本设计和落地方案,在这里特地总结和复盘一下。
MongoDB 是一种非关系型数据库,于 2017 年上市,现市值已超过 300 亿美元,根据 Stack Overflow 2021年的调查显示,超过四分之一的开发者都在使用MongoDB。像 MongoDB 这种非关系型数据库在进行数据处理时十分灵活,用户可以根据自己的需求不断更改数据库的模式,而不是被禁锢在垂直化的固定模式中,这也是其广受关注的原因。
笔者之前利于业余时间开发了一个gif动图生成平台, 具体开发背景我也在上一篇文章手把手教你撸一个能生成抖音风格动图的gif制作平台中介绍过了, 我们今天继续来实现该平台, gif动图平台的实现方式比较将完全用前端的手段来实现, 所以大家在接下来的内容中会发现很多有意思的前端插件. 接下来我们看看主要要实现的功能点:
你不懂JS - 可能是用现代JavaScript编写的最好的书,完全可以免费在线阅读,或者可以买来支持作者。
赫杰辉,开源框架 x-series 作者,携程 dal 框架贡献者,认为传统开发模式已经无法适应新的时代,相信开发工具是提高效率和质量的关键因素。业余时间喜欢玩躺车,单鳍脚蹼等古怪玩意。
作者:HelloGitHub-小鱼干 摘要:手把手带你学知识,应该是学习新知识最友好的姿势了。toyDB 虽然作为一个“玩具”项目不能应用在实际开发中,但通过它你可以了解到如何制作一个分布式数据库相关的协议等。同样友好的还有在 abstreet 小游戏中带你了解城市微小变化会导致的交通问题。说到了解问题,就不得不提 fgprof 这个知名 Go 开发者开源的性能采样工具,还有 Google 刚开源的漏洞检测小能手 Tsunami。 以下内容摘录自微博 @HelloGitHub 的 GitHub Trendi
Snipaste是一款功能丰富的屏幕截图和标注工具,具有许多实用的功能,使其成为一款备受欢迎的工具。用户只需按住F1快捷键即可轻松截取屏幕截图,同时还能够调整截图窗口的大小和位置。此外,Snipaste还提供了其他有用的功能,如测量尺寸、获取指定位置的颜色值以及将截图固定在特定窗口上进行查看等等。总之,Snipaste是一款功能强大、易于使用的屏幕截图工具,对于需要频繁进行截图和标注的用户来说,是一款非常实用和便捷的工具。
最近笔者终于把H5-Dooring的后台管理系统初步搭建完成, 有了初步的数据采集和数据分析能力, 接下来我们就复盘一下其中涉及的几个知识点,并一一阐述其在Dooring H5可视化编辑器中的解决方案. 笔者将分成3篇文章来复盘, 主要解决场景如下:
领取专属 10元无门槛券
手把手带您无忧上云