LLWiki正在建设中,欢迎加入我们

“User:Bhsd”的版本间差异

来自LLWiki
跳转到导航 跳转到搜索
第38行: 第38行:
===Javascript===
===Javascript===
试着整理下本站各主要JS脚本(全局JS和Gadgets)的合理执行时机:
试着整理下本站各主要JS脚本(全局JS和Gadgets)的合理执行时机:
{| class="wikitable sortable"
* [[mediawiki:common.js|common.js]]<code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>(这是比<code>$.ready</code>更早的时间点)或是<code>$.ready</code>
! JS文件 !! class="unsortable" | 执行时机
* [[mediawiki:mobile.js|mobile.js]]<code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>或<code>$.ready</code>且移动版菜单已生成
|-
* [[mediawiki:gadget-site-lib.js|gadget-site-lib.js]]:无条件
* [[mediawiki:gadget-exlinks.js|gadget-exlinks.js]]<code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
| [[mediawiki:common.js|common.js]] || <code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>或<code>$.ready</code>
|-
* [[mediawiki:gadget-sharelink.js|gadget-sharelink.js]]<code>$.ready</code>
* [[mediawiki:gadget-toc-custom.js|gadget-toc-custom.js]]<code>$.ready</code>
| [[mediawiki:mobile.js|mobile.js]] || <code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>或移动版菜单生成后
|-
* [[mediawiki:gadget-UTCLiveClock.js|gadget-UTCLiveClock.js]]<code>$.ready</code>
* [[mediawiki:gadget-hideConversionTab.js|gadget-hideConversionTab.js]]:移动版语言选单生成后
| [[mediawiki:gadget-site-lib.js|gadget-site-lib.js]] || 无条件
|-
* [[mediawiki:gadget-mobile-Backtotop.js|gadget-mobile-Backtotop.js]]<code>$.ready</code>
* [[user:bhsd/CommentsInLocalTime.js|gadget-CommentsInLocalTime.js]]<code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
| [[mediawiki:gadget-exlinks.js|gadget-exlinks.js]] || <code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
|-
* [[mediawiki:gadget-code-prettify.js|gadget-code-prettify.js]]<code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
* [[mediawiki:gadget-ReferenceTooltips.js|gadget-ReferenceTooltips.js]]:<code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
| [[mediawiki:gadget-sharelink.js|gadget-sharelink.js]] || <code>$.ready</code>
|-
* [[mediawiki:gadget-stickyHeading.js|gadget-stickyHeading.js]]<code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
* [[mediawiki:gadget-MobileCategories.js|gadget-MobileCategories.js]]:<code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
| [[mediawiki:gadget-toc-custom.js|gadget-toc-custom.js]] || <code>$.ready</code>
|-
| [[mediawiki:gadget-UTCLiveClock.js|gadget-UTCLiveClock.js]] || <code>$.ready</code>
|-
| [[mediawiki:gadget-hideConversionTab.js|gadget-hideConversionTab.js]] || 移动版语言选单生成后
|-
| [[mediawiki:gadget-mobile-Backtotop.js|gadget-mobile-Backtotop.js]] || <code>$.ready</code>
|-
| [[user:bhsd/CommentsInLocalTime.js|gadget-CommentsInLocalTime.js]] || <code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
|-
| [[mediawiki:gadget-code-prettify.js|gadget-code-prettify.js]] || <code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
|-
| [[mediawiki:gadget-ReferenceTooltips.js|gadget-ReferenceTooltips.js]] || <code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
|-
| [[mediawiki:gadget-stickyHeading.js|gadget-stickyHeading.js]] || <code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
|-
| [[mediawiki:gadget-MobileCategories.js|gadget-MobileCategories.js]] || <code>$.ready</code>
|-
| [[mediawiki:gadget-copyLyrics.js|gadget-stickyHeading.js]] || <code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>
|-
| [[mediawiki:gadget-custommenu.js|gadget-MobileCategories.js]] || <code>$.ready</code>或移动版菜单生成后
|-
| [[mediawiki:gadget-editCount.js|gadget-editCount.js]] || <code>$.ready</code>或移动版菜单生成后
|-
| [[mediawiki:gadget-HotCat.js|gadget-HotCat.js]] || <code>$.ready</code>
|-
| [[mediawiki:gadget-mobile-HotCat.js|gadget-mobile-HotCat.js]] || gadget-MobileCategories执行完后
|-
| [[mediawiki:gadget-Cat-a-lot.js|gadget-Cat-a-lot.js]] || <code>$.ready</code>
|-
| [[mediawiki:gadget-Wikiplus.js|gadget-Wikiplus.js]] || <code>$.ready</code>
|-
| [[mediawiki:gadget-PreviewWithVariant.js|gadget-PreviewWithVariant.js]] || <code class="prettyprint" lang="js">mw.hook('wikipage.editform')</code>
|}

2020年8月20日 (四) 09:05的版本

简历

待办事项

  • CSS
  • Javascript(全局和Gadgets)
  • 滥用过滤器
  • 模板和Widgets
  • 帮助页面

经验总结

CSS

移动版已知会自动添加以下样式:

table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
}
table {
	border-collapse: collapse;
}
.content table {
	margin: 1em 0;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
}
@media only screen and (max-width: 720px) {
	.content table {
		display: block;
		width: 100% !important;
	}
}

Javascript

试着整理下本站各主要JS脚本(全局JS和Gadgets)的合理执行时机:

JS文件 执行时机
common.js mw.hook('wikipage.content')$.ready
mobile.js mw.hook('wikipage.content')或移动版菜单生成后
gadget-site-lib.js 无条件
gadget-exlinks.js mw.hook('wikipage.content')
gadget-sharelink.js $.ready
gadget-toc-custom.js $.ready
gadget-UTCLiveClock.js $.ready
gadget-hideConversionTab.js 移动版语言选单生成后
gadget-mobile-Backtotop.js $.ready
gadget-CommentsInLocalTime.js mw.hook('wikipage.content')
gadget-code-prettify.js mw.hook('wikipage.content')
gadget-ReferenceTooltips.js mw.hook('wikipage.content')
gadget-stickyHeading.js mw.hook('wikipage.content')
gadget-MobileCategories.js $.ready
gadget-stickyHeading.js mw.hook('wikipage.content')
gadget-MobileCategories.js $.ready或移动版菜单生成后
gadget-editCount.js $.ready或移动版菜单生成后
gadget-HotCat.js $.ready
gadget-mobile-HotCat.js gadget-MobileCategories执行完后
gadget-Cat-a-lot.js $.ready
gadget-Wikiplus.js $.ready
gadget-PreviewWithVariant.js mw.hook('wikipage.editform')