[发布] CJK与拉丁系语言像素级混合排版实现

这个优先级可能要靠后了,因为固定布局(css中叫绝对定位)一般用在比较特殊场景中,主流的布局方式还是像 flex, grid 这些。固定布局适合用来实现 层叠覆盖,模态框,文本框移动等更加交互的情况。目前开发方向还是要基于给定的结构去渲染页面,交互式增量渲染我只在实现滚动时浅浅接触了一下,感觉要将交互式的底层设计统一后再一起解决这些问题。

不过已经具备了基于坐标(固定布局)布局的基础了,就是实现了文本块的像素裁切,这会在当文本块出现部分重叠效果时用到,可以预见实现出来应该相当炫酷,哈哈哈。

3 个赞

我觉得 Grid 布局也足够用了。

grid是二维布局,无疑是目前最强大的布局方式了,但实现起来比较复杂😂,而且对使用者有一定的学习成本。flex 稍微简单一些,但是也很强大,bootstrap 的12栅栏布局就是基于 flex 封装的。后续都会搞,但 grid 不会那么优先了,绝大多数情况下,flex 足够用。

关于这两种布局,可以看下面两篇了解

grid布局介绍:

flex布局介绍:

1 个赞

哦,我其实更关心如何实现交互。

比如这个框,这个按钮,按钮能够在哪里,用户如何与这些元素互动。

一开始也没必要这么强大…html 一开始只是可以装文本,让文本加粗而已。

交互的实现会放到 组件 里面,这可能会是另外的一个包了。所谓的组件就是功能明确的,具备文本布局展示及其操作的集合。它的文本部分由 ETML 来实现,而交互的部分涉及到组件之间的通信(互操作),以及父子组件的消息传递等等问题,会额外的通过继承 block 的模型来拓展。我想从一开始就把模型的层次设计的清晰一些,即方便单独使用,也方便后续拓展。别着急,一步一步来。

1 个赞

点赞!

1 个赞