蒲公英 · JELLY技术期刊 Vol.47

不想当架构师的程序员不是“合格”的程序员?这一类的言论在很多文章中应该很常见吧,我们需要架构思维,要有抽象能力,要学会分层……需要的太多太多,可很少有合适的项目能够帮助我们养成这些思考的习惯,比如业务组件体系的设计,又比如编辑器等等,需要权衡技术与业务之间的平衡,架构设计稳定性与拓展能力,面对业务保持思考,泰山如砥平。

观海志

登山则情满于山,观海则意溢于海

微前端及插件化架构在 Wix 的实践

梗概:微前端的概念已经出现了相当一段时间。我们从 2013 年左右就开始在 Wix 中使用这种架构,甚至早在它被命名为 Wix 之前。这也是我们在 2016 年逐渐从 AngularJS 迁移到 React 的关键因素。多年来,我们一直在改进它,并积累了大量的经验。在本文中,我想与大家分享一些我们为了发展大规模微前端开发概念所做的工作(在撰写本文时,我们有 700名 开发人员在这个体系架构上工作)。

推荐语:作为世界上最优秀的建站产品之一,Wix 的建站编辑器功能和拓展性都非常强大。他们很早就采用微前端作为可插拔系统的解决方案,并一直在这个体系上进行迭代。这篇文章详细介绍了他们可插拔式微前端架构的诞生背景及技术实践,包括一整套的开发/测试、构建/发布、监控等的工作流,对应的可插拔的微前端架构的 IoC 库已开源:https://github.com/wix/repluggable

编辑器架构的第二路径

梗概:Slate 让你构建像 Medium, Dropbox Paper 或者是 Google Docs 这样丰富,直观的编辑器,而不会让你在代码实现上深陷复杂度的泥潭。

推荐语:编辑器应用的复杂度堪称是 Web 应用中数一数二的,业内知名的多人协同编辑器难度更是堪称业内标杆,但是编辑器真的就只能设计的无比复杂么?值得一提的是 Slate 整体设计优雅且灵活,各个模块设计精巧却十分易懂,值得细细品味。高效稳健的代码有时候和设计复杂度并没有很高的关联性,这很值得我们在组织各个模块能力时思考。

业务中的前端组件化体系

梗概:组件化已经是一个老生常谈,但是又经久不衰的话题。随着技术的更迭,业务复杂度的增加,组件化被反复拿出来重新审视,可以说组件化之路一定程度上体现了程序开发的发展历程。

推荐语:本文从实际业务场景出发,针对组件实现上的常见问题,深入浅出的剖析了组件设计思路,以及业务中的前端组件化体系的搭建,可以了解到组件状态的可组合性、分层复用以及跨技术栈集成等知识点,具备很强的实操性,非常值得一读。

构建网站的 Spotlight 插件

梗概:考虑实现类似 MacOS 的 Spotlight 和 Linear 的 command+k 体验?使用 kbar 可以为您的站点添加一个快速的、可扩展的 command + k 菜单。

推荐语:提升用户体验是一个很宏大的命题,但是有的时候却只需要简单的几步,例如你可以使用 kbar 就能够为您的网站加入媲美 Spotlight 的 command + k 体验,相信这对于很多个人开发者会很有帮助~

流觞亭

因山卜地心机巧,望水如天眼力穷

Theia 技术揭秘之插件拓展

梗概:Theia 的插件化设计十分有趣,在保证功能稳定的同时赋予了系统极强的拓展能力,本文从名词开始解析,叙述在 Cloud IDE 设计的过程中,需要一个怎样的插件系统,深入浅出的讲解不同系统模块之间的架构,教你快速上手编写 Theia 插件。

推荐语:Theia 插件系统功能非常强大,如此庞大的工程,同时还耦合了繁复的能力模块,却依然能保持高质量的代码和清晰的架构,这是很多业务项目都难以做到的,这样的项目架构可能很多时候并不需要,但一定值得我们思考和学习。

Theia 技术揭秘之 Theme

梗概:Theia 的主题设计遵循了 VS Code 的 Theme 规范,本文从类型开始,详细说明了实现需要考虑的问题,以及 Theia 应用具体实现 VS Code 规范下的 Theme 插件的细节。

推荐语:对于编辑器来说,从零开始实现是不现实的,那么如果可以兼容现有的设计就是一个很棒的选择,VS Code 各种意义上来说,都是一个极好的参考对象,通过兼容 VS Code 的主题就能够极大减少用户的迁移成本。

「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术工程化跨端框架技术图形编程服务端开发桌面开发人工智能设计哲学前端框架」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还会推介精选凹凸技术文章,向大家呈现团队内的研究技术方向。

抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。

蒲公英 · JELLY技术期刊贡献指南

欢迎关注凹凸实验室博客:aotu.io

或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:

技术期刊 · 路尘终见泰山平 | 微前端及插件化架构在 Wix 的实践;编辑器架构的第二路径;业务中的前端组件化体系……相关推荐

  1. 三维实景业务中的前端技术

    简介 随着近年来人工智能与机器学习技术的不断发展和进步,在视觉AI技术方面也产生了规模化的应用,在实景方向的业务中细分了技术应用方向,包括三维空间重建.三维物体重建.三维人体重建等.三维技术可以为用户 ...

  2. 百度的AI技术定力终见真章

    2020年9月15日,以"万物智能"为主题的"百度世界2020"大会正式召开.大会中Apollo自动驾驶.智能设备小度.百度移动生态,百度大脑.智能云等人工智能 ...

  3. 百度App组件化之路

    原创:GuoJin 百度APP技术团队-资深技术专家 文章来源:百度APP技术微信公众号           组件化是一个老生常谈的涉及面很广的话题,即不是做好一件事而是做好一系列的事情才能达成:其中 ...

  4. (4.6.30)组件化:Android项目构架演变之路

    文章目录 一.简单开发模型 二.单工程开发模型(业务逻辑分层模型) 2.1 简单开发模型的宏观分层 2.2 MOA原架构模型 2.3 业务层的分层理念与设计模式 2.3.1 分层理念 2.3.2 MV ...

  5. 用eclipse europa开发web service服务 - 东写西读终见大海无量 - JavaEye技术网站

    用eclipse europa开发web service服务 eclipse europa自带web工具.我们可以使他生成动态web程序.但是在默认情况下,生成的动态默认程序是不包含web servi ...

  6. SAP License:SAP技术人员路在何方?

    作为一名技术人员,我总是对未来的前景感到一阵阵悲哀.有感于<SAP技术人员路在何方?>的文章,发表一点自身的感慨. 做为技术人员,大家都觉得工资高,工作稳定,还能学到很多的东西.是大部份走 ...

  7. 华为影像XMAGE:求尽世间像,终见菩提心

    每一张照片,至少包含三个信息:一是被拍摄的目标,二是摄影师的思考,三是所使用设备中蕴藏的影像风格. 想要把相机.镜头中的影像理解传达给受众,是一件漫长而艰苦的工作,往往需要长时间的积累.那些可以被识别 ...

  8. 2018年终总结(兼个人详历) | 2018 与我的技术之路

    零.前言 2017年标签:"海的彼岸,有我未曾见证的风采" 2018年标签:"海的彼岸,吾在征途" 复制代码 简述: 1).2018年基本上都是在总结Andro ...

  9. 十年技术进阶路,让我明白了三件要事(8000字长文)

    前言 该篇文章是我第一次跟DTCC合作编写的,整篇文章大概8000字,可能花您15分钟阅读.我和DTCC的韩楠老师,共花7了天时间,每天把该文章打磨到晚上12点,在这非常感谢编辑老师的负责与付出. 这 ...

最新文章

  1. 内部黑客讲述:Twitter 史上最大规模攻击事件始末!
  2. python入门基础语发_Python基础入门-基础语法
  3. 2021-07-01 和的平方与平方的和
  4. 九零后程序员心塞大哭:“我累的心脏疼,父母却说我工作很轻松”
  5. 打造 通用的 支持多数据库 操作的 DBHelper
  6. java环境变量的配置与详解,这些知识你必须拿下
  7. 【转】什么是ERP、SCM、CRM?
  8. HTML与CSS(图解6):超链接
  9. JAVA awt eventqueue_线程“AWT-EventQueue-1”中的异常java.lang.NullPointerException
  10. 面试突击 | 彻底搞定 JVM 这几道高频面试题
  11. 【李宏毅2020 ML/DL】P1 introduction
  12. Python 判断变量类型
  13. 110亿美金EOS都能瞬间归零,区块链谈何安全保障?
  14. 突然发现浏览器广告拦截插件原理
  15. Xshell使用基础教程
  16. html页面网页打开乱码怎么解决方法,网页乱码怎么解决?
  17. C++青少年编程课程体系与教案
  18. 【合新通信】SFP GPON ONU Stick With MAC
  19. 看完这篇,你就会知道 Lineage OS 系统的一切
  20. Ubuntu 开机时间

热门文章

  1. 18种为你的网站引流的好方法
  2. 1134: 字符串转换 C语言
  3. 2021牛客寒假算法基础集训营4 F. 魏迟燕的自走棋
  4. 生成EAN13条码(C语言实现)
  5. 一、Tableau 基本介绍
  6. 【读书笔记】TableauFineBi 学习小记
  7. Java 后端开发常用的第三方服务 TOP10
  8. 用Word统计文本出现次数
  9. 门诊地图导航怎么做,零成本的医院室内导航解决方案
  10. python+minicap的使用 安卓手机投票到电脑