Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery插件html和选项实践_Javascript_Jquery_Html_Css_Plugins - Fatal编程技术网

Javascript jQuery插件html和选项实践

Javascript jQuery插件html和选项实践,javascript,jquery,html,css,plugins,Javascript,Jquery,Html,Css,Plugins,我正在创建一个jQuery插件,我有一些关于如何构建东西的问题: 1.插件应该编写多少HTML,应该通过jQuery创建多少HTML 编写所有HTML,以便查看代码时可以看到整个标记结构,这样做好吗 还是只编写最少量的HTML更好,这样用户就可以很容易地添加/修改内容,并通过jQuery创建所有剩余的、庞大的HTML 有推荐的做法吗?如何在专业插件中完成事情 为什么事情要以某种方式进行?背后的原因是什么 2.如何平衡插件选项与CSS 插件应该提供会影响插件表示的选项(修改样式表的选项),还是让用

我正在创建一个jQuery插件,我有一些关于如何构建东西的问题:

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

编写所有HTML,以便查看代码时可以看到整个标记结构,这样做好吗

还是只编写最少量的HTML更好,这样用户就可以很容易地添加/修改内容,并通过jQuery创建所有剩余的、庞大的HTML

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

为什么事情要以某种方式进行?背后的原因是什么

2.如何平衡插件选项与CSS

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

关于插件中提供哪些选项以避免跨过CSS,有哪些指南


关于我的经历,我在不同的地方和插件中看到了所有这些,这就是为什么我要征求有经验的用户的意见,什么是好的实践,为什么。插件应该编写多少HTML,通过jQuery应该创建多少?

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

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

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

2。如何平衡插件选项与CSS?

按如下方式操作:

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


我总是建议你多读一些关于这个话题的书。这是一篇相当理论性的文章,但绝对是任何前端开发人员的必读读物。

Tutsplus有一个jQuery课程,其中包含有用的视频。

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

堆栈溢出通常涉及一些代码。问题太多了。我会尽你所能开始编写插件,如果你需要,我会回来寻求帮助。关于最佳实践,jQueryAPI有一个关于如何编写插件的非常好的初学者指南。@elclanrs:这里只有两个问题,我认为这不算太多。其次,我已经开始编写代码,并且正在进行中。我现在提出这一问题的原因是,我已经看到有许多可能的选择,我正在努力选择一个符合普遍做法的选择。我要求的是具体问题。关于jQuery初学者插件编写指南,我已经阅读了它,以及其他一些指南,但是没有关于HTML、CSS和JS代码的结构和分离的建议。如果你想要更高级的东西,这可能是你能找到的最好的,有点过时,但仍然相关