当前位置: 首页 > 软件库 > Web应用开发 > 网页组件 >

SkateJS

Web 组件规范功能抽象
授权协议 MIT
开发语言 JavaScript TypeScript
所属分类 Web应用开发、 网页组件
软件类型 开源软件
地区 不详
投 递 者 柳俊逸
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

SkateJS 是一个 Web 组件库,旨在提供扩充 Web 组件规范能力,它重点关注功能渲染管道、清理 attribute/property 语义和较小的占用空间。

抽象能力包括:

  • 生成跨框架兼容组件。

  • 通过 props 或原生类型,抽象出常见的 attribute/property 语义,例如属性 reflection 和 coercion。

  • 添加一些生命周期回调以响应 prop 更新、渲染,以及管理内部组件状态的方法。

  • 提供一组基本的 mixin,它们 hook 渲染器,如 @skatejs/renderer-preact

使用 Skate 与 Preact 可以这样写 Web 组件:

// @jsx h

import { props, withComponent } from 'skatejs';
import withPreact from '@skatejs/renderer-preact';
import { h } from 'preact';

class WithPreact extends withComponent(withPreact()) {
  static get props() {
    return {
      name: props.string // String could be used also to define the prop type
    };
  }
  render({ name }) {
    return <span>Hello, {name}!</span>;
  }
}

customElements.define('with-preact', WithPreact);
 相关资料
  • This is a sample functional specification, a part of Joel on Software, a site about software management. It is intended for educational purposes, not to refer to a real product, in case you didn't not

  • 开发原则: 1、调研放在开发前,丰富功能是第一 2、新旧功能要区分,增新改旧要慎重 3、上线通告要周知,邮件一定写明白

  • 一个*.vue文件是一种自定义的文件格式,使用类似于HTML的语法来描述一个Vue组件。每个*.vue文件由三种类型的顶级语言块组成:<template>、<script>和<style>,以及可选的其他自定义块: <template> <div class="example">{{ msg }}</div> </template> <script> export default { d

  • 我有一个关于ReactJS和组件的问题,特别是关于函数如何在组件系统中交互。 在这个例子中: ComponentA导入pp.js,并尝试将App.functionA分配给函数B,然后在JSX中调用它。这会导致失败,基本上就是说函数没有定义。 我知道这不是功能共享的方式(我已经学习了如何通过道具等传递功能)。 我只是想知道为什么这不起作用,以帮助我更好地理解React和Javascript的机制。

  • 在本文档中,使用的关键字会以英文表示:"MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", 和 "OPTIONAL"被定义在 rfc2119 中。 源文件仓库 MIP 官方扩展组件仓库是 https://github.com/mipengine/mip2

  • 问题内容: 我正在做一个Junit教程,遇到了正在测试的标准化函数。定义如下: 此功能如何工作?它实际上在做什么? 问题答案: 它与以下功能相同: 除了所有操作都是通过反射执行的。

  • OK, we've talked about why you need a spec, what a spec has in it, andwho should write them. In this fourth and final part of the series I'll share some of my advice for writing good specs. 好,我们已经讨论了:

  • Now that you've read all about why you need a spec and what a spec has in it, let's talk about who should write them. 既然你已经了解了为什么你需要规范和规范包含了那些部分,让我们聊聊谁写规范。 Who writes specs? 谁写规范。 Let me give you a li