저는 현재 Zenaura라는 Pyodide를 기반으로 구축된 UI 프레임워크를 작업 중입니다. 최근에 나는 사용자가 UI 요소를 만드는 주요 방법인 빌더 인터페이스가 너무 복잡하고 매력적이지 않다는 것을 발견했습니다. Zenaura의 가상 DOM "노드" 데이터 구조와 상호 작용하기 위한 기본적이고 더 번거로운 인터페이스를 추상화하지만 여전히 만족스럽지 않았습니다. 저는 일을 단순화하고 사용자에게 더 깨끗하고 직관적인 경험을 제공하는 동시에 완전히 새로운 구문을 위한 컴파일러를 잠재적으로 개발할 수 있는 토대를 마련하고 싶었습니다. 다음과 같습니다:
div(attr1=val1, child1, child2, child3)
현재 빌더 인터페이스는 수준이 너무 낮고 사용자에게 친숙하지 않습니다. 사용자는 다음과 같은 것과 상호 작용할 필요가 없습니다.
builder = Builder(name__) if children: builder.with_children(*children) if attributes: builder.with_attributes(**attributes) if text: builder.with_text(text) # print("data", builder.node.children, builder.node.attributes) return builder.build()
대신 다음과 같이 더 깔끔하고 읽기 쉬운 구문을 사용할 수 있어야 합니다.
div(id="some-id", h1("text"), p("text"))
MDN 문서를 보면 91개의 HTML 태그가 있으며 추가 또는 사용 중단될 가능성이 있습니다. 처음에는 이 프로세스를 단순화하기 위해 코드를 동적으로 생성하는 것을 고려했지만 작동하기는 하지만 가장 실용적인 솔루션은 아닙니다. 주요 목표는 사용자가 함수를 호출할 때마다 독스트링을 표시하는 것이었지만 동적으로 생성된 접근 방식에는 자동 완성 기능이 없는 등 몇 가지 문제가 발생합니다.
다음은 제가 실험한 동적으로 생성된 코드입니다.
tag_config = { # root elements "html": "nestable", "main": "nestable", "body": "nestable", } tags_factory = { "nestable": lambda name__: f""" {name__} = partial(nestable, "{name__}") {name__}.__doc__ = nestable.__doc__ """, "textable": lambda name__: f""" {name__} = partial(textable, "{name__}") """, "self_closing": lambda name__: f""" {name__} = partial(self_closing, "{name__}") """, "nestable_no_attrs": lambda name__: f""" {name__} = partial(nestable_no_attrs, "{name__}") """ } for k, v in tag_config.items(): exec(tags_factory[v](k), globals())
기능면에서는 잘 작동하지만 사용성이 부족합니다. 가장 큰 단점은 코드가 런타임에 삽입되기 때문에 자동 완성 기능이 없다는 것입니다. 그러나 HTML 태그 자체는 상대적으로 단순하므로 현재로서는 크게 문제가 되지 않습니다.
이 접근 방식의 중요한 장점 중 하나는 유연성입니다. Zenaura에서 html 요소를 지원하거나 더 이상 사용하지 않는 것은 tag_config 사전에서 키-값 쌍을 추가하거나 제거하는 것만큼 쉽습니다. 이는 시간이 지남에 따라 HTML 태그의 변경 사항에 적응하는 간단한 방법입니다.
또한 유일한 제한 사항은 자동 완성과 사용자에게 문서 문자열을 표시하는 것입니다. HTML 요소는 매우 기본적이므로 이 부분은 절충해도 괜찮다고 생각합니다.
그러나 사용성 측면에서 절충점이 있습니다. 즉, 자동 완성이 없으면 사용자가 인터페이스와 상호작용할 때 문제에 직면할 수 있습니다. 즉, 이것이 Zenaura에서 태그 요소를 처리하는 새로운 방법을 실험하기 위한 좋은 출발점이 될 것이라고 믿습니다.
위 내용은 Python의 런타임 메타 프로그래밍 패턴은 흥미롭습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!