0

我正在创建一个 jQuery 插件,我对如何构建事物有一些疑问:

1.插件应该写多少HTML,通过jQuery创建多少?

编写所有 HTML 以便在查看代码时可以看到整个标记结构是否很好?

或者最好只编写最少量的 HTML,以便用户可以很容易地添加/修改内容并通过 jQuery 创建所有其余的、庞大的 HTML?

有推荐的做法吗?专业插件中的事情是如何完成的?

为什么事情要以某种方式来做,背后的原因是什么?

2.如何平衡插件选项和CSS?

插件应该提供会影响插件呈现的选项(会修改样式表的选项)还是让用户直接修改样式表以进行呈现修改并且插件中只有与功能相关的选项是更好的做法?

关于在插件中提供哪些选项以不越过 CSS 有哪些指南?

关于我的经验,我在不同的地方和插件中看到了所有这些,这就是为什么我要征求有经验的用户的意见,以及什么是好的做法以及为什么。

4

2 回答 2

2

1.插件应该写多少HTML,通过jQuery创建多少?

根据渐进增强的范式,不应该有在没有启用 JS 的情况下无用的标记。换句话说——如果你的插件需要一些特殊的标记和额外的标签,它应该自己创建它们。

原因是语义。当没有启用 JS 时,附加插件标记对用户(和机器人)毫无用处,因此它根本不应该存在。

还要记住,开发一个好的 JS 插件意味着当插件失败或 JS 被禁用时,内容仍然可用。此外,您必须额外注意确保您的插件是可访问的。更多关于渐进增强主题的内容还包括更高级的问题,例如,可以在The Filament Group的一本书中找到。

2.如何平衡插件选项和CSS?

执行以下操作:

  • 内容:HTML
  • 逻辑:JS
  • 介绍:CSS

尽管它现在发生了一些变化(想想 CSS3 动画),插件的选项可能会影响它的工作方式,而不是它的外观。这意味着您的用户应该能够配置时间、延迟、速度、元素数量或您的插件通过 JS 执行的任何操作。但将表现方面留在 CSS 样式表中。使用 JS 更改元素的类而不是内联样式,并让您的用户编写他们想要的任何 CSS。显然,不要忘记提供一些默认样式:)

我总是建议阅读A List Apart中有关该主题的更多信息。这是一篇相当理论性的文章,但绝对是任何前端开发人员的必读文章。

于 2012-04-19T06:06:13.613 回答
0

Tutsplus 有一个带有有用视频的 jQuery 课程。 http://tutsplus.com/lesson/head-first-into-plugin-development/

这是解释如何制作插件的视频之一。有很多方法可以创建插件,但这是一个很好的方法。

于 2012-04-19T07:13:13.900 回答