抖音平台多产物代码隔离技术的实践与探索

4,491 阅读3分钟

编辑推荐

抖音平台多产物代码隔离技术的实践与探索

在软件架构领域,框架的功能类似于基础设施服务,是为实现某个业界标准而形成的组件规范。简单理解,框架就是制定一套规范或者规则,开发同学在该规范或者规则下工作。本文通过剖析框架实体 ServiceKit/Adapter ,来窥探其底层结构和架构设计。

基于 LowCodeEngine 的调试能力建设与实践

低代码由于研发效能和交付的优势变得越来越普及,在降本提效的同时也带来了很多黑盒逻辑。现有的低代码平台普遍缺乏面向用户的调试能力,当用户在低代码搭建遇到问题时,排查和解决问题强依赖平台的客服答疑或浏览器原生的调试能力,导致非前端用户使用低代码平台的成本很高。因此我们需要提供更适合低代码平台的调试能力,降低低代码平台的使用成本。

深度阅读

深入理解 D3.js 可视化库之力导向图原理与实现

D3.js 是一个基于 web 标准的 JS 可视化库,它借助 SVG、Canvas 和 HTML 进行数据可视化。在数据可视化中,我们很多时候会使用图来表达数据中所蕴含的信息,图方便让我们清晰的理清各个节点之间的联系,快速提取有用信息。而图布局算法可以使散乱的信息 (信息多以点线的关系承载) 通过一种清晰的方式呈现出来,符合相应的美学标准。

精读《对前端架构的理解 - 分层与抽象》

可能一些同学会认为前端比较简单而不需要架构,或者因为前端交互细节杂而乱难以统一抽象,所以没办法进行架构设计。这个理解是片面的,虽然一些前端项目是没有仔细考虑架构就堆起来的,但这不代表不需要架构设计。任何业务程序都可以通过代码堆砌的方式实现功能,但背后的可维护性、可拓展性自然也就千差万别了。

外文精选

Meet the top layer: a solution to z-index:10000

The top layer sits above its related document in the browser viewport, and each document has one associated top layer. This means that elements promoted to the top layer needn't worry about z-index or DOM hierarchy. They also get a neat ::backdrop pseudo-element to play with. The Fullscreen API spec goes into more details as Fullscreen was a great example of the top layer in use before [dialog](https://caniuse.com/dialog) support came along.

18 Useful GitHub Repositories Every Developer Should Bookmark 👍💯

Hopefully, this will help as many developers as possible and everyone will find something useful to improve their skills and workflow to create awesome projects in the future.

Clean Architecture in Frontend

Clean Architecture is a way to isolate an application from frameworks, UI, and databases and ensure that individual components are testable. It leverages SOLID principles and shows how to put them together on a larger scale.

实践应用

推荐一套公开的 API 接口

在某些情况下,我们可能想做一些 Demo 或者写一些测试,比如想做个网站展示一些宠物的图片,或者想实现某个 API 请求的实现逻辑,这时候你会怎么做呢?

其实,网上有很多很多免费的 API 接口可以直接拿来用的,而且各种类型的数据应有尽有,有了它们,我们就不用费尽心思自己搭建 API 了。

10分钟彻底掌握 CSS Flex 布局

CSS 中的 Flex 布局是一种一维的布局模型,一次只能处理一个维度上的元素布局,一行或者一列。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。下面就来看看如何在 CSS 中使用 Flex 布局!

50+ VS Code 插件,帮你打造地表最强 IDE!

分享 50+ 个 VS Code 实用插件。