- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端精读评论
82.精读《Htm - Hyperscript 源码》
htm 是 preact 作者的新尝试，利用原生 HTML 规范支持了类 JSX 的写法。
86320编辑于 2022-03-14 - 来自专栏bug收集
vue 自定义MessageBox 消息框组件
使用 h 的理由，官方解释是： It comes from the term “hyperscript”, which is commonly used in many virtual-dom implementations “Hyperscript” itself stands for “script that generates HTML structures” because HTML is the acronym for 它来自单词 hyperscript，这个单词通常用在 virtual-dom 的实现中。 Hyperscript 本身是指 生成HTML 结构的 script 脚本，因为 HTML 是 hyper-text markup language 的缩写（超文本标记语言） createElement 用来生成 HTML DOM 元素，也就是上文中的 generate HTML structures，也就是 Hyperscript，所以用 h 替代了 createElement 。
2.6K10编辑于 2022-07-22 - 来自专栏腾讯开源的专栏
有了Omi，在小程序中渲染SVG再也不慌了！
需要下面这些东西（站在巨人的肩膀上）： JSX，史上最强 UI 表达式，支持书写 XML-Hyperscript 互转的 JS 语言 小程序内置 Canvas 渲染器 Cax 最新渲染引擎 HTM，Hyperscript Tagged Markup，可能是 JSX 的替代品或者另一种选择，使用ES标准的模板语法实现的 Hyperscript 运行时/编译时生成，preact 作者(也是google工程师)打造 这里稍微解释下 Hyperscript： 比如 JSX 中的
Hello {this.props.name}或者 js 中的 htm: html`Hello {this.props.name4.6K42发布于 2019-05-16来自专栏星流全栈Announcing Vue.js 2.0
Templates, JSX, or Hyperscript? 开发者对于用模板还是 JSX 有很多的争执。 另一方面，模板作为一个 DSL 也有它的局限性 - 相比之下 JSX/hyperscript 的程序本质使得它们具有图灵完备的表达能力。 作为一个兼顾设计和开发的人，我喜欢用模板来写大部分的界面，但在某些情况下我也希望能拥有 JSX/hyperscript 的灵活性。
1.4K40发布于 2018-06-01来自专栏phodal前端工程师在业余时间如何提高自身能力——造轮子
h，用于创建虚拟树的DSL——HyperScript。HyperScript是一个JavaScript的HyperText。 patch，用于patch修改的内容。
1.2K60发布于 2018-01-26来自专栏深度学习与python如何编写漂亮的 React 代码？
一个突出的例子是 Hyperscript，它是 React 团队 在他们的文档中 推荐的。这是一个简单的工具，可以帮助你使用 JavaScript 构建超文本。 我决定将它与一个称作 hyperscript-helpers 的小工具库一起使用试试，我发现这些工具对代码美观的贡献相当不错： function Square({ onClick, value }) { 总结：从代码美学的角度来看，Hyperscript 和 CoffeeScript 的结合是编写漂亮的 React 代码的一种很好的方式。
1.4K10发布于 2021-01-20来自专栏前端小吉米微信开放文档是个病，得治！
$page.key 是关键点，首先 render 函数中的 h 很重要，在 Vue 中代表的意思是 hyperscript 用来在当前 Vue 组件系统中，找到对应的组件 或者 HTML 标签来渲染。 render: function (createElement, context) { // ... } }) 这里，介绍一下 hyperscript 方法，同样也可以生成组件，但是并不涉及 $forceUpdate() }) } } } render || hyperscript render 中的 h 函数，主要是用来生成 Vue 中内置的 DOM 节点。 function (createElement,context) { return createElement(App); } h 只是一个传统的缩写，因为 React 里面也有这样的，原意是 Hyperscript 官方解释就是： Hyperscript itself stands for “script that generates HTML structures” h 函数的渲染格式可以参考官方文档。
1.6K20发布于 2019-07-30来自专栏Vue中文社区源码浅析-Vue3中的13个全局Api
根据祖师爷的回复，h 的含义如下： It comes from the term "hyperscript", which is commonly used in many virtual-dom implementations "Hyperscript" itself stands for "script that generates HTML structures" because HTML is the acronym for 它来自术语“hyperscript”，该术语常用于许多虚拟 dom 实现。“Hyperscript”本身代表“生成 HTML 结构的脚本”，因为 HTML 是“超文本标记语言”的首字母缩写词。
2.8K40发布于 2021-07-29来自专栏前端那些趣事《前端那些事》从0到1开发动态表单
我们是通过它所包含的信息会来告诉 Vue 页面上需要渲染什么样的节点,再通过diff算法可以追踪dom的变化 拓展：你可能会好奇为啥是叫h()函数，而不是createElement()的简称c() h出自hyperscript HyperText with JavaScript”，而HyperText则是出自我们熟悉的则HTML 是 hyper-text markup language 的缩写（超文本标记语言），所以可以理解为Hyperscript
2.5K20发布于 2020-07-03来自专栏前端那些趣事《前端那些事》从0到1开发动态表单
我们是通过它所包含的信息会来告诉 Vue 页面上需要渲染什么样的节点,再通过diff算法可以追踪dom的变化 拓展：你可能会好奇为啥是叫h()函数，而不是createElement()的简称c() ❝ h出自hyperscript HyperText with JavaScript”，而HyperText则是出自我们熟悉的则HTML 是 hyper-text markup language 的缩写（超文本标记语言），所以可以理解为Hyperscript
1.3K32发布于 2020-10-15来自专栏前端精读评论112.精读《源码学习》
这篇文章介绍了阅读源码的重要性，精读系列也已有八期源码系列文章，分别是： 精读《Immer.js》源码 精读《sqorn 源码》 精读《Epitath 源码 - renderProps 新用法》 精读《Htm - Hyperscript Htm - Hyperscript 源码的精华 Htm 将模版语法很自然的融入到了 html 中： html`
<${Header} name="ToDo's58420编辑于 2022-03-14来自专栏Tz一号Vue3全局APi解析-源码学习
根据祖师爷的回复，h 的含义如下： It comes from the term "hyperscript", which is commonly used in many virtual-dom implementations "Hyperscript" itself stands for "script that generates HTML structures" because HTML is the acronym for 它来自术语“hyperscript”，该术语常用于许多虚拟 dom 实现。“Hyperscript”本身代表“生成 HTML 结构的脚本”，因为 HTML 是“超文本标记语言”的首字母缩写词。
2K30发布于 2021-07-08来自专栏魔术师卡颂React核心成员表示：JSX就是个错误
比如react-hyperscript。 随着SwiftUI热度提升，更是有人提出用其替代React中的JSX： ?
1.5K30发布于 2021-05-27来自专栏静晴轩Vue Webpack 组件化开发实践
Templates, JSX, or Hyperscript? 组件缓存？…..擦，好多东西需要学习！哇，好多好东西可以运用！痛并幸福着，生活就是这样。
96750发布于 2018-03-27来自专栏京程一灯使用虚拟dom和JavaScript构建完全响应式的UI框架
INITIAL_STATE); let rootNode = create(tree); document.body.appendChild(rootNode); 如你所见，这个虚拟dom的实现使用了HyperScript
1.7K30发布于 2019-03-28来自专栏云云众生sFediForum展示新的联邦宇宙应用和开发者网络
开源技术栈非常有趣：Go、MongoDB、HTMX/Hyperscript。
37210编辑于 2024-03-28来自专栏终身学习者动手写一个简易的 Virtual DOM，加强阅读源码的能力
createVNode(tag, props = {}, children = []) { return { tag, props, children} } 在Vue（和许多其他地方）中，此函数称为 h，hyperscript
36620编辑于 2022-06-15来自专栏终身学习者前端工作方式要换了？HTMX简介：无需JavaScript的动态HTML
on htmx脚本是 Hyperscript 的一个例子，这是一种简化的脚本语言。它经常与HTMX一起使用，但并不严格属于HTMX或需要使用它。
2.5K10编辑于 2024-02-12来自专栏京程一灯为什么现在的开发者总是拿 Vue.js 和 JavaScript 巨头 Angular、React 比较？
与此不同的是，Vue 提供了基于模板的语法和使用 JSX 或 hyperscript 的编程式渲染。 使用模板，可以使开发者更容易地可视化处理设计和样式。
2.8K30发布于 2019-03-28来自专栏编程2017 学习 JavaScript 感觉如何？
答： 不要将JSX看作混杂进Javascript的HTML，它和hyperscript，也就是创建HTML元素的Javascript是等价的。
1K100发布于 2018-02-02
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号