我们为什么要做iVX？

最新推荐文章于 2023-08-31 15:38:32 发布
原创 最新推荐文章于 2023-08-31 15:38:32 发布 · 453 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#编辑器 #html #编程语言 #python #人工智能

iVX是一款旨在简化程序开发的无代码可视化工具，试图解决编程语言学习门槛高、开发效率低、运维成本大等问题。通过iVX，目标是实现10倍效率提升，降低学习门槛，减少运维成本，并探索AI编程的可能。iVX并非全新编程语言，而是建立在JavaScript和Go等语言基础上，提供了一种新的编程体验，有望引领互联网IT行业的生产效率变革。

iVX一直在那里

关于我们为什么要做iVX？这个问题无数次被人问起。
在回答这个问题之前，我先给大家讲一个故事。
一次米开朗基罗谈到自己的著名作品“大卫”雕像时曾说：“并不是我创造了大卫，他本来就在石头中，我只是把多余的石头敲掉”。

坦白讲，这和我做iVX的感受差不多“It’s there!”，程序的开发本来就应该是如此简单！我们只是想办法去掉那些“多余”“复杂”的部分（例如语法，例如繁复的操作），保留最本质的东西（程序的逻辑），然后起了个名字叫“iVX”罢了。

为什么要叫iVX？

这里我告诉大家几个版本，你们随便挑选。

版本一：i LOVE X
X代表“不确定性”，还是代表“Complex复杂性”，还是岛国电影，你们可以发挥自己的想象力了。

版本二：VB…VC…VS… 我们是Visual的终极版本“VX”
熟悉编程语言的人都知道“VB”“VC”“Visual Studio”，这里面的“V”代表“可视化”的意思；而“X”代表“终极”“未知”“神秘”的意思，例如：“X-men”“X Team”“XCode”，我们希望我们开发的“无代码可视化编程语言”，是编程语言的终极目标，因此用了“X”。而其中“i”，有“自我”“个性化”“自信”的含义，类似“iPhone”用的“i”；当然“i”也有interactive交互的意思。

版本三：i(☑️,✖️) “i”代表个人，“V”代表“☑️对”，“X”代表“✖️错”
i(V,X)是一个函数，人生的每一次选择的对错就像两个输入变量，而无数次这个函数的累计，就是人生的结果。

iVX试图解决什么问题？

iVX试图解决什么问题呢？总体说起来就一个——“探索程序开发的最短路径”！
首先，让我们捋一捋互联网研发最核心的两个要素：开发者和应用程序。
其次，这两个要素还有一些什么地方可以优化的呢？
开发者门槛太高；原因：编程语言难以掌握，和人类自然语言差距较大；语法和结构复杂；
开发速度慢，容易出错；原因：一行一行写代码，容易出现各种语法和拼写错误；
开发环境复杂，后台资源管理复杂；原因：没有实现“云原生”开发和环境部署；
系统维护成本高；原因：编程语言和架构众多，二次开发对原有开发者和团队重度依赖；
管理沟通难；原因：管理者和程序员信息高度不对称；
对程序员量化管理难；原因：没办法量化程序员工作成果，质量和数量均难有具体指标；
知识产权保全难；原因：开发者离职会带来研发资产流失的风险。

在后续章节，你会发现，iVX通过一种创新的思路和工具一一解决了以上的问题。

分开来说，我们希望通过iVX项目的研究，解决以下这些问题：

  1. 有没有可能10倍提升应用和系统的研发效率？并天然集成“云原生”的方案？
  2. 有没有可能10倍降低编程语言学习门槛？
  3. 有没有可能10倍降低企业内编程产品的运维成本？
  4. 有没有可能用自动生成代码的方式，大幅提升工程师代码质量？
  5. 寻找应用开发的最短路径，为AI编程创造可能！
    在这里插入图片描述
    表面上看，iVX就是一款IDE（集成开发环境），但是由于可以编辑“任意逻辑”，因此也是一门“语言”；更为重要的是这种语言，并不是类似高级语言“Java”“Python”“C/C++”…中某一种或新增一种高级语言，而是一种“新一代”的语言，是独立于现有所有高级语言的语言。而这种语言的特征就是“无代码”和“可视化”！
    当然iVX也不是凭空产生的，开发过程中必须依赖一种或几种现有的高级语言。iVX在前端和中台就使用了JavaScript语言并支持抽象语法树（AST，支持将前端中台再编译成任何其它语言类型），后端连接云计算IaaS资源层，使用Go语言打包成一个类似DLL的包（如下图）。
    在这里插入图片描述
    深层次讲，iVX就是一款生产力工具，随着iVX的广泛使用将会大大提升互联网和IT行业的生产效率，给整个行业带来全新的变革！
    任何生产力的进步，都不是一帆风顺的，iVX作为一款全新的“生产力”工具，也准备好迎接各种挑战！
    蒸汽机车被发明的时候，被马车夫鄙视；
    流水线发明的时候，被手工业者抵制；
    而移动支付，更是让门口的工行营业厅关门，当然也端了小偷的饭碗。

任何革命性的创新和发明，都会伴随新一轮的分工和社会的进步，同时也会给原有社会分工的既得利益者带来挑战。

iVX本质上就是编程领域的一种创新和发明，是互联网IT开发领域的一场“革命”！
“去掉程序语法，保留程序逻辑”，也许有百万人有过这种想法，认真思考过如何实现的不足万人，真正去实施这个想法的不足千人，长年坚持下来还在不断投入的不足百人，真正做出可用的产品的，寥寥数人耳。

带大家了解一款0代码可视化编程工具，小白也能学会开发应用。
https://www.ivx.cn
https://www.ivx.cn/videocenter

IVX做拼图游戏，设置事件为“开始重叠”不弹target
**My Coding Family**
09-04 1085
如上问题有的来自我自身项目开发，有的收集网站，有的来自读者…如有侵权，立马删除。再者，针对此专栏中部分问题及其问题的解答思路或步骤等，存在少部分搜集于全网社区及人工智能问答等渠道，若最后实在是没能帮助到你，还望见谅！并非所有的解答都能解决每个人的问题，在此希望屏幕前的你能够给予宝贵的理解，而不是立刻指责或者抱怨！如果你有更优解，那建议你出教程写方案，一同学习！共同进步。ok，以上就是我这期的Bug修复内容啦，如果还想查找更多解决方案，你可以看看我专门收集Bug及提供解决方案的专栏。
【实战项目】第一章 第01节：如何创建应用及什么是iVX？
m0_72761497的博客
10-24 1062
iVX应该是现在最简单的一种编程语言，“图形化，自动生成代码（但不用写代码）”是这种编程语言的最大特点。经过17年的研发，iVX技术已经相当成熟、安全。iVX专注于为用户提供一套全新且完整的可视化开发体系，基于逻辑可视化和全栈代码自动生成技术，iVX面向个人和企业开发者提供一套易用且完善的可视化开发平台，用户只需要通过点击、拖拽和配置完成应用前后台和数据库的开发。iVX提供无代码和低代码可视化开发能力，帮助用户实现高效的个人应用和企业应用开发，降低技术门槛，大幅提升IT生产力。
一站式低代码开发平台iVX初探
dvlinker的技术专栏
08-31 3万+
详细介绍一站式低代码开发平台iVX。
作为开发人员，无代码开发平台 iVX 你有必要了解一下
热门推荐
商务合作 | 共同学习 | 携手共进
06-29 9万+
全球首款通用无代码开发平台 iVX 介绍。
【iVX 开发 - 入门】开发环境、应用对象树介绍(含操作演示)
商务合作 | 共同学习 | 携手共进
09-25 4万+
iVX 开发环境介绍，对象树的介绍以及对象相关的基础操作演示，一文即可上手 iVX 开发。
使用ivx实现录音功能的经验总结
VXLab的博客
04-02 532
有时在案例中我们会需要使用录音的功能，今天就讲一讲在ivx中录音是如何实现的吧。 1.首先录音是使用微信的录音功能，因此案例中需要添加一个微信公众号组件，另外当点击按钮要开始录音时，我们也要先判断案例的运行环境是否是在微信浏览器的环境下。不是的话需要提示用户，如果是则让微信公众号开始录音，然后重置触发器的状态，再将数值变量“状态”置1，播放触发器。 2.数值变量“状态” 上一步中有一个将“状态...
iVX能开发哪些什么应用？
VXLab的博客
05-21 2344
iVX能开发哪些应用 iVX是一款高速发展的无代码可视化编程语言，现在已经可以完整覆盖几乎所有操作系统应用的开发，包括： WebApp（通过Web浏览器封装，可以支持各种小程序，Android/iOS App，Win/Mac/Linux App） 原生微信小程序（iVX专门针对微信小程序，单独制作所有相关组件） 原生微信小游戏（iVX专门针对微信小游戏，单独制作所有相关组件） 通过iVX工作台，进入开发的IDE界面，如下图所示： 每一种类型的应用的基本开发模式是一致的，但有着不同的组件集与基本配置设定。因
2021年了，iVX接下来要做一些什么？开发计划
VXLab的博客
01-20 871
2021年了，iVX接下来要做一些什么？开发计划 网址：https://www.ivx.cn 产品介绍视频：www.ivx.cn/videocenter 一、iVX的核心IDE功能上的进一步完善 IDE整体：管理功能IDE化，所有管理和开发过程最好都在IDE可以完成 （一）前端部分： 前端调试工具； 滑动验证等综合用户登陆验证的支持； 更快速导入自定义组件，通过现有组件库和相关文档的方式导入；（非代码形式） 对钉钉系统更好支持； 工具组件多平台支持重构； 6、支持AI相关接口形成组件； 7、支持区块链形成
零代码可视化编程语言iVX是什么？
VXLab的博客
07-31 6257
现在的代码开发方式，已经诞生了半个多世纪了，形成了一整套完整的开发体系，至今任然沿用。语言诞生了很多种，PHP/ Java/ Python/ C#/ JavaScript/ Go… ，但本质上并没有发生什么改变，还是要一行一行的Coding。 iVX（Visual eXperience）尝试改变这一切，建立一套全新的零代码可视化开发体系，在几乎“Zero”代码的条件下，完成所有应用的开发，并且可以让开发者在“Zero”编程基础的条件下快速掌握前后端的开发技能。 iVX的三重属性（三位一体） 一、语言属性：i
使用ivx学习开发折叠面板的学习经验分享
VXLab的博客
03-16 581
今天我想与大家分享的学习经验是关于如何使用ivx的if判断组件和for循环组件来创建一个折叠菜单栏的，分析所使用demo依然取自于ivx的官网的demo，需要的可以去demo.ivx.cn查看，分析内容如下： 1.首先，先展示下折叠菜单所需要表现的效果 从图中我们可以看出左边的侧边栏中有父菜单，父菜单下又有子菜单，子菜单下还有子菜单，有子菜单的选项右边会有箭头，子菜单展开/未展开时，箭头方向不同...
关于iVX平台实现的总体技术栈【低代码/无代码、可视化开发语言】
troymeng的博客
12-01 1万+
iVX刚推出的时间不长，现在还处于公测阶段，个人用户和工具使用都是免费的，应用处于运营阶段才收费。 总体来说（如下图），相当于“一款零代码可视化编程语言”+“IDE的集成开发环境（自带编译器）+“配套云端IAAS资源” 可以实现：一站式研发、一站式部署、一站式维护的完整的在线开发体系。 iVX平台整体 一、“前后台”一体 前端和后台的能力都很强大，支持中大型各种应用的开发，同时支持各种目标平台的应用。 应用场景包括： 企业内部系统（OA HR CRM 文档协作 BPM工作流引擎 表单引擎
使用ivx实现分页获取数据的经验总结
VXLab的博客
03-24 1117
在实际案例中我们经常需要展示一些数据，而这些数据都是存放在后台的数据库之中的而且可能数量庞大，在前台的界面中一下子全都展示出来肯定是不现实的，另外一次性让后台传输如此多的数据到前台也会有很大的延迟，使用户体验较差。因此，我们就需要采取一种分页的方式来少量多次的获取数据，这样用户每次操作之后都能很快得到反馈，同时前台也不用存放很多数据造成案例卡顿，今天就来说说如何实现这种分页效果。 1.组件结构 ...
使用ivx开发web全栈项目 初探（一）
xiongwn的博客
09-03 2万+
一、前言 本人是一枚喜欢探索黑科技的web前端，没事喜欢研究研究框架，了解网络技术/工具等等。最近在研究saas和paas的时候在知乎专栏有大佬提到了一款在线页面编辑系统——ivx。看到这里在做的大佬估计表示不屑，不就是在线编排h5的工具网站嘛，这种东西国内不多得是：135编辑器、秀米、易点，大同小异都是集成的富文本编辑器，允许你使用封装好的事件触发器、动画效果、自定义css样式，感觉没什么技术含...
ivx项目介绍
VXLab的博客
07-22 1443
开发的背景 伴随当前智能手机和互联网+的迅猛发展，手机和电脑应用程序井喷式爆发，应用程序开发正在经历前所未有的增长，应用程序开发环境和要求发生巨大变化。应用程序开发越来越趋于快速开发，快速迭代，以适应日益激烈的竞争。预计到2021年，每年APP下载量可以达到3500亿次，而且这个数字还会继续快速增加。 我们所熟知的代码式（Coding）应用生产方式已经诞生了半个世纪了，构成了我们今日整个IT行业的基础，成为了一种最为基本的生产方式。然而代码方式的弊端是非常明显的，人员成本高、研发时间长、运维复杂……毋庸置疑
使用ivx实现解析身份证号的经验总结
VXLab的博客
04-09 397
今天我们要制作一个demo，用户只需要输入身份证号，就能够获取到用户的生日，年龄，并计算出距离用户下一次过生日还有多少天。demo中主要用到了字符串的分割和函数组件，下面是具体的实现步骤。 1.demo中计算的结果存放在一个通用变量中，我们将三个负责展示结果的文本组件直接与通用变量进行数据绑定。 2.点击按钮后首先判断输入框的输入内容是否为一个身份证号，如果不是则提示用户核实。 3.如果输入...
使用ivx制作模拟时钟的经验总结
VXLab的博客
04-02 1126
之前的帖子里已经使用时间轴和轨迹实现了很多的效果，今天我们来做一个模拟时钟。主要思路是用一个作为表盘，三个矩形分别作为时针，分针和秒针，通过各自轨迹设置他们在同一时间轴下的转动圈数成一定比例关系。 1.表盘 首先是添加椭圆组件，这里我们需要设置它的原点横纵坐标都是50%，这样椭圆组件的XY坐标就是它的中心店坐标，这个XY坐标在我们设置指针的时候也要用到。 2.添加指针 指针使用矩形来展示的，由于...
使用ivx开发学习绝对定位的经验总结
VXLab的博客
03-11 3574
今天想与大家分享的ivx学习经验是关于绝对定位的使用，分析使用的依然是ivx官网的demo，绝对定位容器的使用，我认为核心在于理解绝对定位的含义，我所理解的绝对定位指的是所添加的组件在其所处的绝对定位环境中的位置，也就是坐标，是固定的，也就是这个组件位于这个绝对环境中一个固定的位置，固定它的就是它的坐标，下面我分享一下我对官网demo的分析： 1.在新版本的ivx工作台中新创的作品可以直接选择最初...
使用ivx学习开发通知和全局提示的经验总结
VXLab的博客
03-17 807
今天要给大家分享的经验是关于如何使用ivx创建一个通知的，通知就是悬浮出现在页面角落，显示全局的通知提醒消息，常用于：较为复杂的通知内容；带有交互的通知，给出用户下一步的行动点；系统主动推送。我依然使用官网来给大家进行分析： 1.我们先总体分析一下这个demo的结构： 这个demo的结构很简单，只有一个触发事件使用的按钮，和一个作为通知的横幅，横幅组件是一种特殊的定位工具，其可在滚动页面中处于固...
ivx平台开发——不用代码实现一个九宫格抽奖
bigsai
12-29 3769
原创公众号：bigsai 前言 上次说过在看一些关于0代码开发平台ivx，前一段时间忙完考试最近跟着教程0代码实现一个九宫格抽奖，哈哈哈感觉还是蛮强大的，懂点的人都知道可视化这个东西我们正常都是用一些包或者库来实现数据可视化。而可视化编程我们可能还停留在Dreamweaver和安卓xml编程上。如果写过GUI或者之类就知道任何一个可视化操作的任务量是非常巨大的，所以内心还是很钦佩出这么一个东西。并且这个可视化不错的(上手需要一点时间)。 对于九宫格抽奖问题，要清楚并不是真正的前端界面去抽奖，而是后端生成.
ivx做复杂
最新发布
03-25
### IVX 复杂用法详解 #### 1. 高级状态管理 在复杂的 Web 应用中，状态管理是一个核心挑战。`iv-org` 提供了 `useState` 和更高级的状态管理工具如 `useReducer` 来处理复杂场景。 以下是使用 `useReducer` 实现一个带有多种操作逻辑的计数器组件： ```javascript import { useReducer } from 'iv-org'; function counterReducer(state, action) { switch (action.type) { case 'increment': return { count: state.count + 1 }; case 'decrement': return { count: state.count - 1 }; case 'reset': return { count: 0 }; default: throw new Error(); } } function ComplexCounter() { const [state, dispatch] = useReducer(counterReducer, { count: 0 }); return ( <div> <p>Count: {state.count}</p> <button onClick={() => dispatch({ type: 'increment' })}>加1</button> <button onClick={() => dispatch({ type: 'decrement' })}>减1</button> <button onClick={() => dispatch({ type: 'reset' })}>重置</button> </div> ); } export default ComplexCounter; ``` 此示例展示了如何通过 `useReducer` 将不同的动作集中到单一函数中进行统一管理[^2]。 --- #### 2. 上下文（Context API）与全局状态管理 对于大型应用，推荐使用上下文（Context API）实现跨组件通信和全局状态管理。以下是如何设置并消费全局状态的一个例子： ```javascript import React, { createContext, useContext, useState } from 'iv-org'; // 创建 Context 对象 const GlobalStateContext = createContext(); // Provider 组件封装全局状态 function StateProvider({ children }) { const [globalValue, setGlobalValue] = useState('默认值'); return ( <GlobalStateContext.Provider value={{ globalValue, setGlobalValue }}> {children} </GlobalStateContext.Provider> ); } // 自定义 Hook 访问 Context 值 function useGlobalState() { return useContext(GlobalStateContext); } // 使用 Context 的子组件 function ChildComponent() { const { globalValue, setGlobalValue } = useGlobalState(); return ( <div> <p>当前值: {globalValue}</p> <input type="text" onChange={(e) => setGlobalValue(e.target.value)} placeholder="修改全局值..." /> </div> ); } function App() { return ( <StateProvider> <ChildComponent /> </StateProvider> ); } export default App; ``` 上述代码展示了一个完整的上下文工作流，允许父组件向深层嵌套的子组件传递数据而无需逐层手动传递属性。 --- #### 3. 生命周期优化与性能调优 为了提高性能，可以利用 `shouldComponentUpdate` 或其钩子形式 `React.memo` 和 `useMemo`/`useCallback` 减少不必要的重新渲染。 下面的例子演示了如何使用 `React.memo` 缓存静态子组件以避免无意义更新： ```javascript import React, { useMemo } from 'iv-org'; function ExpensiveComponent({ data }) { console.log('Expensive Component Rendered'); return <div>{data}</div>; } // Memoized 版本防止重复渲染 const MemoizedExpensiveComponent = React.memo(ExpensiveComponent); function ParentComponent() { const [value, setValue] = useState(0); const memoizedData = useMemo(() => expensiveCalculation(value), [value]); return ( <div> <button onClick={() => setValue((prev) => prev + 1)}>增加 Value</button> {/* 渲染缓存后的昂贵组件 */} <MemoizedExpensiveComponent data={memoizedData} /> </div> ); } function expensiveCalculation(input) { let result = input; for (let i = 0; i < 1000000; i++) { result += Math.random(); // 模拟耗时计算 } return result.toFixed(2); } export default ParentComponent; ``` 这段代码说明了如何通过记忆化技术减少不必要开销。 --- #### 4. 路由集成与动态加载 `iv-org` 支持与其他路由库无缝协作，比如 `react-router-dom`。可以通过懒加载模块进一步优化初始加载时间。 以下是一段基于 `react-router-dom` 的动态路由配置实例： ```javascript import React, { Suspense } from 'iv-org'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; // 动态导入页面组件 const Home = React.lazy(() => import('./pages/Home')); const About = React.lazy(() => import('./pages/About')); function AppRouter() { return ( <Router> <Suspense fallback={<div>Loading...</div>}> <Switch> <Route exact path="/" component={Home} /> <Route path="/about" component={About} /> </Switch> </Suspense> </Router> ); } export default AppRouter; ``` 这种模式非常适合大规模单页应用程序（SPA），能够显著改善用户体验。 --- #### 5. 测试驱动开发（TDD） 测试是确保复杂功能稳定性的关键环节。借助像 Jest 这样的单元测试框架以及 Enzyme 或 Testing Library 等辅助工具，可以轻松验证组件行为是否符合预期。 例如，针对前面提到的 `ComplexCounter` 组件编写基本测试案例： ```javascript import { render, fireEvent, screen } from '@testing-library/react'; import ComplexCounter from './ComplexCounter'; test('counter increments and decrements correctly', () => { render(<ComplexCounter />); expect(screen.getByText(/Count:/)).toHaveTextContent('Count: 0'); // 初始值校验 fireEvent.click(screen.getByText('加1')); // 执行点击事件 expect(screen.getByText(/Count:/)).toHaveTextContent('Count: 1'); fireEvent.click(screen.getByText('减1')); expect(screen.getByText(/Count:/)).toHaveTextContent('Count: 0'); }); ``` 这表明即使面对较为复杂的交互逻辑也能保持良好的覆盖率。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值