为什么Polymer Starter Kit在index.html中使用自动绑定模板而不是创建自定义组件?

无畏的布莱恩

在Polymer Starter Kit中,index.html的行为似乎非常类似于Polymer组件,例如绑定到app.js中的属性。为什么不将index.html正文的所有内容放到自定义组件中呢?在这种情况下使用自动绑定模板有什么优势?它是否与作为单页应用程序并将该应用程序的框架结构保留在index.html中有关?还是为了更轻松地访问应用程序范围的变量(例如“ baseUrl”)?还是与CSS范围界定有关?

安孔

有点相反的答案:使用自动绑定模板对于应用程序的设置(API端点,缓存等)非常简单。但是,一旦您开始在index.html中添加越来越多的元素,您就会感到有些痛苦:

  • app.js/index.html是单独的文件,在您编辑时至少会有点烦人
  • 绑定批注的工作方式略有不同,特别是很难获得计算出的绑定才能工作
  • 没有事件和属性的声明性魔术
  • 没有行为
  • ...

我的最佳实践至今:仅保留在自动绑定模板设置逻辑,以及只有一个单一的WebComponent的index.html,这是通过属性/属性和配置app.js其他所有操作都应在该元素中完成。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

尝试托管Polymer Starter Kit时的GitHub Pages 404

来自分类Dev

尝试托管Polymer Starter Kit时的GitHub Pages 404

来自分类Dev

在web-starter-kit中使用sass源映射

来自分类Dev

在web-starter-kit中使用sass源映射

来自分类Dev

使用带有Web Starter Kit的BrowserSync出现错误

来自分类Dev

全屏视频顶部显示Polymer Starter Kit应用程序抽屉和应用程序标题

来自分类Dev

Susy 与 Google Web Starter Kit

来自分类Dev

Native Starter Kit中函数调用后的冒号是什么意思

来自分类Dev

使用React Starter Kit在Select上打开一个链接

来自分类Dev

使用 redux-starter-kit 的 configureStore() 设置 saga 中间件

来自分类Dev

React-starter-kit的构建系统

来自分类Dev

React Starter Kit中的Ajax调用

来自分类Dev

Kit Kat为什么要求使用isValidFragment?

来自分类Dev

Kit Kat为什么要求使用isValidFragment?

来自分类Dev

在React中,为什么将render方法绑定到组件实例而不是自定义方法?

来自分类Dev

与AngularJS相比,在Polymer中使用创建自定义HTML5元素/小部件的利弊是什么?

来自分类Dev

为什么Polymer不使用ES6

来自分类Dev

为什么我的Polymer自定义CSS属性不起作用?

来自分类Dev

Spring Starter项目-术语定义

来自分类Dev

react-starter-kit中的require('template.jade')

来自分类Dev

#react-starter-kit React onClick无法在页面上触发

来自分类Dev

MIT react-starter-kit的main.js 404错误

来自分类Dev

React Starter Kit:为客户端引入常量

来自分类Dev

当我在TypeScript中使用React Hook时为什么面对“既不是React函数组件也不是自定义React Hook函数的...”

来自分类Dev

在Android数据绑定中使用@BindingConversion将“自定义转换”放在哪里,为什么?

来自分类Dev

如何在index.html中使用自定义文本在nginx上创建Deployment?

来自分类Dev

什么是“ spring-boot-starter”罐子?

来自分类Dev

在Spring Starter类中使用@Value批注

来自分类Dev

Angularjs:在模板中绑定时,为什么自定义指令中的参数未定义?

Related 相关文章

  1. 1

    尝试托管Polymer Starter Kit时的GitHub Pages 404

  2. 2

    尝试托管Polymer Starter Kit时的GitHub Pages 404

  3. 3

    在web-starter-kit中使用sass源映射

  4. 4

    在web-starter-kit中使用sass源映射

  5. 5

    使用带有Web Starter Kit的BrowserSync出现错误

  6. 6

    全屏视频顶部显示Polymer Starter Kit应用程序抽屉和应用程序标题

  7. 7

    Susy 与 Google Web Starter Kit

  8. 8

    Native Starter Kit中函数调用后的冒号是什么意思

  9. 9

    使用React Starter Kit在Select上打开一个链接

  10. 10

    使用 redux-starter-kit 的 configureStore() 设置 saga 中间件

  11. 11

    React-starter-kit的构建系统

  12. 12

    React Starter Kit中的Ajax调用

  13. 13

    Kit Kat为什么要求使用isValidFragment?

  14. 14

    Kit Kat为什么要求使用isValidFragment?

  15. 15

    在React中,为什么将render方法绑定到组件实例而不是自定义方法?

  16. 16

    与AngularJS相比,在Polymer中使用创建自定义HTML5元素/小部件的利弊是什么?

  17. 17

    为什么Polymer不使用ES6

  18. 18

    为什么我的Polymer自定义CSS属性不起作用?

  19. 19

    Spring Starter项目-术语定义

  20. 20

    react-starter-kit中的require('template.jade')

  21. 21

    #react-starter-kit React onClick无法在页面上触发

  22. 22

    MIT react-starter-kit的main.js 404错误

  23. 23

    React Starter Kit:为客户端引入常量

  24. 24

    当我在TypeScript中使用React Hook时为什么面对“既不是React函数组件也不是自定义React Hook函数的...”

  25. 25

    在Android数据绑定中使用@BindingConversion将“自定义转换”放在哪里,为什么?

  26. 26

    如何在index.html中使用自定义文本在nginx上创建Deployment?

  27. 27

    什么是“ spring-boot-starter”罐子?

  28. 28

    在Spring Starter类中使用@Value批注

  29. 29

    Angularjs:在模板中绑定时,为什么自定义指令中的参数未定义?

热门标签

归档