Web Components & Stencil.js – 构建自定义HTML元素

全面介绍使用StencilJS及不使用StencilJS构建自定义HTML元素

学习内容:

  • 构建您自己的可重用HTML元素,可在自己的项目中使用或与其他开发者共享
  • 仅使用HTML、CSS和JavaScript的力量克服内置HTML元素的限制
  • 如何传递数据到您的web组件中并在那里使用它
  • 如何发出自己的自定义事件,您可以在JavaScript中监听这些事件
  • 如何使用Shadow DOM将您的CSS样式限定在您的自定义元素内

本课程包括:

  • 8.5小时点播视频
  • 作业
  • 21篇文章
  • 90个可下载资源
  • 在移动设备和电视上访问
  • 终身访问权限
  • 完成证书

价格:$59.99

教程评分:4.7 / 5 (3415评分)

教程语言:英语

教程字幕:中英文字幕

课程要求:

  • 需要基本的JavaScript知识(基本语法、DOM基础、对象基础)
  • ES6+ JavaScript知识(类等)是加分项,但非必须

课程描述:

让我们面对现实:您可以选择数百个HTML标签,但一些非常有用的标签(如、、等)却缺失。如果您能构建自己的HTML标签会怎样?不需使用Angular框架、React库或广泛的JavaScript知识,只需使用一种称为“Web组件”(或“自定义HTML元素”)的原生JavaScript功能。在本课程中,您将从零开始学习这一技术。虽然入门相对容易,但创建更复杂的组件将更具挑战性。Stencil.js是一个工具,它通过使用TypeScript和JSX等现代功能,使得创建这样的原生web组件变得更加简单。

B站免费课程

更多 web开发 教程

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源