文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

做低代码引擎有多难？OneCode五个版本心路历程

近期在跟处于头部位置的几家低代码企业技术负责人在聊天，低代码从最初的一个RAD（单页模型）到大前端，工程化，再到企业中台PAAS应用。...一，V1.0 SPA单页应用 ​ 第一个表单SPA应用 不管是现在大名鼎鼎的React还是国内风光一时的VUE，在1.0的哪个时代都在应用同一个概念 “SPA单页应用程序”。...二，V2.0 低代码引擎雏形，全站拖动计划 SPA的改造并不是一帆风顺的，在改造的过程中，团队无法适应前后端分离开发，前段组件构建的时候灵活度太差无法适应用户需求等等问题，一次次让产品的模型在新旧模型间不断转换...但随着团队的技术进步，产品上线后SPA在应用上带来的新技术体验,让OneCode 1.0逐步的向主流的Vue ,React靠拢。团队的技术欲望也不再满足于自定义表单，列表这样单一的应用。...VFS（JAVA开发）虚拟存储系统，以及配合V3 部署使用的 OneCode Server 和相关的部署管理插件。

2.1K10

微前端qiankun从搭建到部署的实践总结

点击上方 程序员成长指北，关注公众号 回复1，加入高级Node交流群 最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。...新增vue.config.js，devServer的端口改为与主应用配置的一致,且加上跨域headers和output配置。...想要做到多子应用共存且父动态传子，子应用还是需要用到qiankun提供的onGlobalStateChange的api监听才行，有更好方案的同学可以分享讨论一下。...qiankun-example为了更好展示，仍将所有应用都放在同一个git仓库下，请各位同学不要照抄。...由于qiankun暂时没有封装子应用向父应用抛出事件的api，如iframe的postMessage，所以方案一有些难度，不过可以将激活状态放到状态管理中，子应用通过改变vuex中的值让父应用同步就行，

2.8K11
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    React项目SEO优化实战：掌握这些技巧，提升网站排名！

    引言大家好，我是腾讯云开发者社区的 Front_Yue，随着互联网的发展，React已成为构建现代Web应用的主流框架之一。...然而，由于其客户端渲染（CSR）的特性，React项目在搜索引擎优化（SEO）方面可能会遇到一些挑战。本文将详细介绍如何通过一系列策略和技术来增强React项目的SEO功能。...实现SSR的方法有很多，其中最常用的是使用Next.js框架。Next.js是一个轻量级的React服务器渲染应用框架，它提供了丰富的API和配置选项，使得实现SSR变得简单而高效。...最后，感谢腾讯云开发者社区小伙伴的陪伴，如果你喜欢我的博客内容，认可我的观点和经验分享，请点赞、收藏和评论，这将是对我最大的鼓励和支持。...同时，也欢迎大家提出宝贵的意见和建议，让我能够更好地改进和完善我的博客。谢谢！我正在参与2024腾讯技术创作特训营最新征文，快来和我瓜分大奖！

    1.4K22

    Hooks 邂逅 MobX ，代码变得更丝滑了！

    还有些朋友想要使用 React Hooks 来重构升级部分业务，或者封装优化一些通用的业务组件，来提升项目的可扩展性，但是却困于不知如何 在 Hooks 中继续使用Mobx 这一状态管理库了，使用过程中感觉畏手畏脚奇奇怪怪的...其实吧，Mobx 作为当下炙手可热的状态管理库，很早就推出了 v6 版本，紧跟技术潮流，极大的方便了我们在 Hooks 环境下，更好的对 React 进行状态管理。我想这也是它炙手可热的原因之一吧！...这篇文章主要想深入研究一下，Mobx 和 React Hooks 两者的一个配合使用，可以极大的提高开发体验，学习成本也相对偏低。...Mobx 为 Hooks 准备的倚天屠龙 API Hooks 存在的问题，我们刚刚介绍过了，Mobx 在 v6 版本中推出的API 又是如何在保留 Hooks 的强大特性的前提下，帮她搞定这些问题的呢？...它作为一个不变的对象存储数据，可以保证不同时刻对同一个函数的引用保持不变，任意时刻都可以引用到同一个对象或者数据。不再需要手动添加相关的 deps 。

    1.8K10

    技术中台应用集成架构之移动微应用集成

    作为企业数字化中台建设支撑的技术中台，其前台是企业应用，后台是企业基础设施（网络、存储、计算等资源），可为企业数字化中台建设提供标准化、端到端、柔性（可变化）的软件生产能力，从而提升企业IT系统建设的效率与可用性...平台管理域 平台管理域主要包括对企业组织结构的维护，其中员工和用户是多对多关系，一个员工可以拥有多个用户账号，一个用户账号也可以给多个员工使用。 应用管理域 a....支持一个应用中维护多个微应用，微应用可理解为App内的独立迭代模块，比如OA应用中的车辆管理，会议室管理； d. 应用和微应用都有对应的后台API，供终端访问； e....在dev_tools中， 包含debug、server及编译引擎等，为应用调试打包提供支持。 2.4 移动门户 ?...版本经正式发布后即处于上线状态，每个微应用只能有一个处于上线状态的版本，新的版本上线后，原上线状态的版本将自动改为下线状态，下线后用户便无法获取相应版本的微应用。 3.9 服务API网关配置 ?

    3.4K21

    使用 LeanCloud 云引擎部署 React Web 应用

    于是今天我探索出一种完全使用 leancloud 进行全栈应用托管的方法，后面会进行详细介绍。 发展的过程# 任何事物的发展和学习过程都要遵循一定规律，否则就容易空转。...这是我自己在长期自学中总结出来的，也许不适用于大多数人，至少我自己是这样子的。 学习和发展需要循序渐进，就以软件开发为例，可以先做不依赖网络的本地小软件，再做前后端分离的某一端，再到全栈。...部署方法# 说了这么多，今天先来讲讲如何在 Leancloud 的云引擎中部署我们的 React 单页应用，并附带一个接口的转发。...总结# 至此，简单的 Leancloud 部署 react 单页应用的方法介绍完毕，由于 Leancloud 是一个 BaaS 平台，可直接当作简单后端和数据存储服务器来使用，做开发测试使用很好，等后期有流量了再升级付费套餐即可获取更好的服务体验...参考文献# 在云引擎上部署 React 单页应用 By Leancloud Heroku By Wikipedia 注：本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可

    1.1K20

    前端开发面试如何答题才能让面试官满意

    描述一下npm run dev / npm run build执行的是哪些文件通过配置proxyTable来达到开发环境跨域的问题，然后又可以扩展和他聊聊跨域的产生，如何跨域最后可以在聊聊webpack...；在生命周期钩子调用中，更新策略都处于更新之前，组件仍处于事务流中，而componentDidUpdate是在更新之后，此时组件已经不在事务流中了，因此则会同步执行；在合成事件中，React 是基于 事务流完成的事件委托机制...：首先第一次和第二次的 console.log，都在 React 的生命周期事件中，所以是异步的处理方式，则输出都为 0；而在 setTimeout 中的 console.log 处于原生事件中，所以会同步的处理再输出结果...这些问题其实都可以被看作是同一个问题，那就是面试官在问你：你对JS闭包了解多少？来总结一下我听到过的答案，尽量完全复原候选人面试的时候说的原话。...小结一下现在，如果再让你回答什么是闭包，你能答出多少？其实，大家说的都对。不管是函数返回一个函数，还是产生了外部作用域的引用，都是有道理的。所以，什么是闭包？解释一下作用域链是如何产生的。

    1.7K20

    跨平台技术演进

    同一个应用，各个“端”独立开发，不仅开发周期长，而且人员成本高。同时，作为技术人员，也不应该满足于这种重复、低能的工作状态。在这样的形势下，跨平台的技术方案也受到越来越多人和企业的关注。...Virtual DOM在内存中，可以通过不同的渲染引擎生成不同平台下的UI，JS和Native之间通过Bridge通信 React Native 工作原理 ?...React Native用JavaScriptCore作为JS的解析引擎，在Android上，需要应用自己附带JavaScriptCore，iOS上JavaScriptCore属于系统的一部分，不需要应用附带...脱了 autolayout 和 frame 布局中繁琐的数学计算，更加直接简便。 缺点 动画性能差：React Native 在动画效率和性能的支持还存在一些问题，性能上不如原生Api。...不能完全屏蔽原生平台：就目前的React Native 官方文档中可以发现仍有部分组件和API都区分了Android 和 IOS 版本,即便是共享组件,也会有平台独享的函数。

    3.4K20

    腾讯云X DeepSeek：API调用+联网搜索，分钟打造企业级 AI 应用

    刚刚，腾讯云再放大招——不仅上线了DeepSeek-R1和V3原版模型的API接口，还将它们接入了大模型知识引擎，并支持联网搜索，成为国内率先实现这一能力的云厂商。...现在只需拖拽几步，就能搭建一个基于DeepSeek、集「智能问答+知识管理+实时搜索」于一体的AI应用，让大模型更智能、更精准。这样的新组合，将如何升级大模型使用体验？...来一探究竟：//免部署，分钟级搭建AI应用在腾讯云大模型知识引擎中，将DeepSeek大模型无缝整合到自己的应用场景中——平台提供多轮对话、文档解析、文本拆分、embedding计算等功能，开发者可以根据需求自由组合...「训练时间点」与「新信息」脱节——腾讯云大模型知识引擎率先支持联网搜索，接通搜狗提供的搜索增强API，让DeepSeek可以实时抓取互联网最新资讯，提升时效性和回答准确度。...DeepSeek API接口0部署、三步即可上线，稳定、安全、易用结合其他原子能力，快速接入，灵活构建企业专属AI应用大模型知识引擎内嵌R1和V3原版模型，0部署、低门槛，支持私域知识库和联网搜索，分钟级上线对技术门槛要求极低

    3K90

    React Native推送通知：完整的操作指南

    在这篇文章中，我们将看到如何在React Native应用中创建和发送推送通知。 什么是推送通知？ 推送通知是从应用程序发送到已安装该应用的用户的消息或警报。...这里有一个图表，简化了通知服务如何与设备进行通信： 当涉及到在React Native中设置推送通知时，有几种设置方式： 原生平台特定的通知服务（FCM/APNS） Expo推送通知服务和其他云服务 像...进入Expo通知工具，输入你的令牌，输入标题和描述，保持你的应用在后台，然后点击发送通知按钮来发送测试通知。...接下来，让我们确定如何处理在React Native应用中收到的通知。...让我们看看这些问题的原因以及如何解决它们： 我无法在裸 React Native 应用中运行 Expo 通知：这是因为 Expo 通知库依赖于其他 Expo 库。

    11.3K10

    实现前后端分离开发：构建现代化Web应用

    前后端分离开发是一种通过将前端和后端的开发过程分离，让它们相对独立工作的开发方式。通常情况下，前端是指Web应用程序的用户界面部分，通常由HTML、CSS和JavaScript构建。...后端则是应用程序的服务器端，负责处理数据、业务逻辑和与数据库的交互。 在传统的Web应用程序中，前端和后端的开发通常是紧密耦合的。...构建后的前端代码可以部署到Web服务器、CDN或云存储中。 后端代码也需要进行构建和部署，通常使用持续集成和持续部署（CI/CD）工具来实现自动化部署。 8....前端代码需要通过构建工具（如Webpack、Parcel或Rollup）进行打包和优化，以减小文件大小并提高性能。构建后的前端代码可以部署到Web服务器、CDN或云存储中，以提供稳定和快速的访问。...实际应用中，你可以根据需求配置跨域规则。 拓展和分析 前后端分离开发是一个广泛使用的开发模式，它使得构建现代Web应用程序更加高效和可维护。

    3.3K10

    【译】Rome，一个新的JavaScript工具链

    这也同样会应用在每个模块的导入导出标识符上，这意味着任何模块的导出都可以通过使用模块文件名和导出名来解决。...这意味着去分析程序包的构成是非常有意义的，即我们需要去关注Rome是如何对应用进行打包的。...尤其是，我总是非常感兴趣于工具在打包过程中是否会将模块合并到一个共享的闭包中（如Rollup），还是通过闭包和运行时加载来分离不同的模块（如Webpack）。...譬如，已知正在针对ES模块进行编译，则将省略闭包和严格模式。其还可以将global声明提升到模块的作用域下，在上述情况下就能够通过Terser对产物中的无效代码进行优化。...代码拆分和分块是如何影响打包产物的还有待观察，因为两者都是从一个包中访问另一个包中的变量。 CLI Usage 如果仅想看一看Rome提供的命令，可以无需自行构建项目通过--help获得。

    1.3K30

    【ES三周年】让搜索更高效：腾讯云和Elasticsearch的完美结合

    为适应不同的应用场景和需求，其提供的主要功能包括： 计算服务：云服务器、容器服务、批量计算等 存储服务：包括对象存储、文件存储、块存储、归档存储等，以满足不同的数据存储需求 数据库服务：云数据库 MySQL...在这个场景中，我们将使用腾讯云提供的 Elasticsearch 服务作为我们的搜索引擎。 首先，将商品数据导入到 Elasticsearch 中。...下面是一个简单的示例，展示如何使用 Node.js 和 React 实现商品搜索页面： import React, { useState } from 'react'; import axios from...，如何在腾讯云上进行应用部署，并结合实际案例对其性能和可用性进行了验证。...随着大数据和云计算技术的不断发展，Elasticsearch 在搜索引擎、数据挖掘、日志分析等领域的应用将会越来越广泛。

    1.9K40

    基于 Express 应用框架的技术方案选型浅谈

    React-Router Mocha Karma 以上学习过程记录在 react-demo 和 react-start-kit （小而全的概念性参考价值）中，此时只是简单的 React 单页应用设计过程...react-full 实现 React 服务端渲染（SSR） 单页应用在路由跳转时不需要额外的请求静态资源，可以提升用户的体验。...需要注意客户端向服务端发送请求是跨域的，因此在服务端的开发态环境需要配置允许跨域。 **温馨提示：**一个服务端渲染框架楞是让我拆成了前后端开发分离的框架模式。...不需要深入了解 ES6 / ES7 / JSX 等语法，因此不需要学习和使用 Webpack 配置。 使用 Ejs 模板引擎进行渲染的 Express 应用，是天然的服务端渲染应用。...**温馨提示：**主流框架的应用设计和简单的起手式不同，前后端开发可以完全分离，这样的应用设计大大解放了前端的生产力（前端不再受限于服务端的模板引擎）。

    8.2K30

    CloudBase CMS + Next.js：轻松构建一个内容丰富的站点

    项目背景 试想一下，如果你现在要为你自己或者你所在的组织创建一个强内容的站点，同时要求好的 SEO（搜素引擎优化），比如博客，你会怎么做呢？...你暂时不了解这些概念也没关系，你只需要知道，这种方式下，搜索引擎是无法很好地了解你的网站是干什么的，所以就算大众在搜索引擎搜索你的站点的相关内容，搜索引擎也很难把你的站点排在搜索结果前列。...这些内容可以在客户端或者服务端通过 SDK 或者 API 的方式去取得。而如何去展示这些内容，则由开发者自行全权掌控。 Next.js 是一款生产级的 React 框架，它提供了静态生成的功能。...在 Next.js 中，pages 目录下，除了 api 文件夹下的内容和 _app.js，其他每个 js 文件导出的 React 组件都对应着一个或者一种页面，并且由 Next.js 直接生成对应的路由...在同一个 js 文件下，需要再导出一个 getStaticProps 函数。

    3K20

    关于移动互联网的跨平台技术演进

    而“快”作为互联网的生存之道，为了占领市场，企业也会积极跟进，快速布局。同一个应用，各个“端”独立开发，不仅开发周期长，而且人员成本高。同时，作为技术人员，也不应该满足于这种重复、低能的工作状态。...在这样的形势下，跨平台的技术方案也受到越来越多人和企业的关注。接下来，我将从原理、优缺点等方面为大家分享《跨平台技术演进》。 ? H5 说到跨平台，没人不知道H5。...Virtual DOM在内存中，可以通过不同的渲染引擎生成不同平台下的UI，JS和Native之间通过Bridge通信 React Native 工作原理 在 React 框架中，JSX 源码通过 React...脱了 autolayout 和 frame 布局中繁琐的数学计算，更加直接简便。 缺点 动画性能差：React Native 在动画效率和性能的支持还存在一些问题，性能上不如原生Api。...不能完全屏蔽原生平台：就目前的React Native 官方文档中可以发现仍有部分组件和API都区分了Android 和 IOS 版本,即便是共享组件,也会有平台独享的函数。

    2.4K30

    你不知道的JS 沙箱隔离

    在模拟的 Context 中，new 一个 iframe 对象，提供一个和宿主应用空的（about:blank) 同域 URL 来作为这个 iframe 初始加载的 URL（空的 URL 不会发生资源加载...为了文档内容能够被加载在同一个 DOM 树上，对于 document，大部分的 DOM 操作的属性和方法仍旧直接使用宿主浏览器中的 document 的属性和方法处理等。...React Worker DOM 因为我们微前端架构中的子应用局限在 React 技术栈下，我先将目光放在了基于 React 框架的解决方案上。...实现了真实元素节点的构造和存储（基于存储数据结构是否以及如何在渲染阶段有优化还需进一步研究源码）。...当然，以上这些我个人还处于初步调研的阶段，不成熟之处还需多加琢磨。且听之，后续再实践之。

    2.3K40

    整理了近期阿里携程的面试题，分享给大家（后期会慢慢完善）

    这就会导致IO操作（耗时但cpu闲置）时造成性能浪费的问题。 如何解决单线程带来的性能问题？ 答案是异步！主线程完全可以不管IO操作，暂时挂起处于等待中的任务，先运行排在后面的任务。...作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。...这两种类型的消息由一个起始行，一个或者多个头域，一个指示头域结束的空行和可选的消息体组成。HTTP的头域包括通用头，请求头，响应头和实体头四个部分。每个头域由一个域名，冒号（:）和域值三部分组成。...关于前端的前景，我觉得 H5 配合 react、vue 是热门，前端可视化（ant-design），webVR 可能会在未来的几年大火一次。...Redux\Dva Redux是如何做到可预测呢？ Redux将React组件划分为哪两种？ Redux是如何将state注入到React组件上的？

    2.1K21

    谷歌大开“吃”戒的产物，Andriod O全球发布

    3、面向专业音频的 AAudio API： AAudio 是一个全新的原生 API，专门为需要高性能、低延迟音频的应用而设计。使用 AAudio 的应用通过卡片信息流读取和写入数据。...在 Android O 中，我们默认启用多进程模式，并添加一个 API，以便让您的应用可以处理错误和崩溃，从而增强安全性和提升应用稳定性。...5、适用于应用的广色域显示 6、适用于手持式设备的 PIP 和新的窗口显示功能 7、Autofill API 8、XML 中的字体资源 9、自适应图标 10、连接 11、键盘导航 “ 针对迁移指南，我们汇总了一些以便大家查看...2、了解您的应用如何使用服务。 如果您的应用依赖某些在它处于空闲时于后台运行的服务，您需要替换这些服务。...⑤在应用正常处于前台之前，请推迟后台工作。 3、检查在您应用的清单中定义的广播接收器。 如果您的清单为显式广播声明了接收器，您必须予以替换。

    1.3K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券