LLWiki正在建设中,欢迎加入我们!
“User:Bhsd”的版本间差异
跳转到导航
跳转到搜索
小 (→JavaScript) 标签:移动版网页编辑 移动版编辑 |
小 (→JavaScript) 标签:移动版网页编辑 移动版编辑 |
||
第38行: | 第38行: | ||
===JavaScript=== |
===JavaScript=== |
||
试着整理下本站各主要JS脚本(全局JS和Gadgets)的合理执行时机: |
试着整理下本站各主要JS脚本(全局JS和Gadgets)的合理执行时机: |
||
{| class="wikitable sortable" style="padding-bottom:1px" |
{| class="wikitable sortable" style="padding-bottom:1px;" |
||
! JS文件 !! 桌面版 !! 移动版 |
! JS文件 !! 桌面版 !! 移动版 |
||
|- |
|- |
||
| [[mediawiki:common.js|common.js]] || <code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>或<code>$.ready</code> || {{n/a|3=}} |
| data-sort-value="*" | [[mediawiki:common.js|common.js]] || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code>或<code>$.ready</code> || {{n/a|3=}} |
||
|- |
|- |
||
| [[mediawiki:mobile.js|mobile.js]] || {{n/a|3=}} || <code class="prettyprint" lang="js">mw.hook('wikipage.content')</code>或移动版菜单生成后 |
| data-sort-value="*" | [[mediawiki:mobile.js|mobile.js]] || {{n/a|3=}} || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code>或移动版菜单生成后 |
||
|- |
|- |
||
| [[mediawiki:gadget-site-lib.js| |
| [[mediawiki:gadget-site-lib.js|site-lib]] || 无条件 || 无条件 |
||
|- |
|- |
||
| [[mediawiki:gadget-exlinks.js| |
| [[mediawiki:gadget-exlinks.js|exlinks]] || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code> || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-sharelink.js| |
| [[mediawiki:gadget-sharelink.js|sharelink]] || <code>$.ready</code> || <code>$.ready</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-toc-custom.js| |
| [[mediawiki:gadget-toc-custom.js|toc-custom]] || <code>$.ready</code> || {{n/a|3=}} |
||
|- |
|- |
||
| [[mediawiki:gadget-UTCLiveClock.js| |
| [[mediawiki:gadget-UTCLiveClock.js|UTCLiveClock]] || <code>$.ready</code> || <code>$.ready</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-hideConversionTab.js| |
| [[mediawiki:gadget-hideConversionTab.js|hideConversionTab]] || {{n/a|3=}} || 移动版语言选单生成后 |
||
|- |
|- |
||
| [[mediawiki:gadget-mobile-Backtotop.js| |
| [[mediawiki:gadget-mobile-Backtotop.js|mobile-Backtotop]] || <code>$.ready</code> || <code>$.ready</code> |
||
|- |
|- |
||
| [[user:bhsd/CommentsInLocalTime.js| |
| [[user:bhsd/CommentsInLocalTime.js|CommentsInLocalTime]] || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code> || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-code-prettify.js| |
| [[mediawiki:gadget-code-prettify.js|code-prettify]] || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code> || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-ReferenceTooltips.js| |
| [[mediawiki:gadget-ReferenceTooltips.js|ReferenceTooltips]] || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code> || {{n/a|3=}} |
||
|- |
|- |
||
| [[mediawiki:gadget-stickyHeading.js| |
| [[mediawiki:gadget-stickyHeading.js|stickyHeading]] || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code> || <code class="prettyprint" lang="js">mw.hook( 'wikipage.content' )</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-MobileCategories.js| |
| [[mediawiki:gadget-MobileCategories.js|MobileCategories]] || {{n/a|3=}} || <code>$.ready</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-editCount.js| |
| [[mediawiki:gadget-editCount.js|editCount]] || <code>$.ready</code> || 移动版菜单生成后 |
||
|- |
|- |
||
| [[mediawiki:gadget-HotCat.js| |
| [[mediawiki:gadget-HotCat.js|HotCat]] || <code>$.ready</code> || {{n/a|3=}} |
||
|- |
|- |
||
| [[mediawiki:gadget-mobile-HotCat.js| |
| [[mediawiki:gadget-mobile-HotCat.js|mobile-HotCat]] || {{n/a|3=}} || MobileCategories执行完后 |
||
|- |
|- |
||
| [[mediawiki:gadget-Cat-a-lot.js| |
| [[mediawiki:gadget-Cat-a-lot.js|Cat-a-lot]] || <code>$.ready</code> || {{n/a|3=}} |
||
|- |
|- |
||
| [[mediawiki:gadget-Wikiplus.js| |
| [[mediawiki:gadget-Wikiplus.js|Wikiplus]] || <code>$.ready</code> || {{n/a|3=}} |
||
|- |
|- |
||
| [[mediawiki:gadget-PreviewWithVariant.js| |
| [[mediawiki:gadget-PreviewWithVariant.js|PreviewWithVariant]] || <code>$.ready</code> || <code>$.ready</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-notEditTopSection.js| |
| [[mediawiki:gadget-notEditTopSection.js|notEditTopSection]] || {{n/a|3=}} || <code>$.ready</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-mobileEdit.js| |
| [[mediawiki:gadget-mobileEdit.js|mobileEdit]] || {{n/a|3=}} || 移动版JS加载完成后,具体时间不好确定,暂定为<code>$.ready</code>再延迟0.5秒 |
||
|- |
|- |
||
| [[user:bhsd/pxruler.js| |
| [[user:bhsd/pxruler.js|pxruler]] || <code>$.ready</code> || {{n/a|3=}} |
||
|- |
|- |
||
| [[mediawiki:gadget-CleanDeleteReasons.js| |
| [[mediawiki:gadget-CleanDeleteReasons.js|CleanDeleteReasons]] || <code>$.ready</code> || <code>$.ready</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-patrolPlus.js| |
| [[mediawiki:gadget-patrolPlus.js|patrolPlus]] || <code>$.ready</code> || {{n/a|3=}} |
||
|- |
|- |
||
| [[mediawiki:gadget-patrolRevisions.js| |
| [[mediawiki:gadget-patrolRevisions.js|patrolRevisions]] || <code>$.ready</code> || <code>$.ready</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-confirmationRollback.js| |
| [[mediawiki:gadget-confirmationRollback.js|confirmationRollback]] || <code>$.ready</code> || <code>$.ready</code> |
||
|- |
|- |
||
| [[mediawiki:gadget-mobileBlock.js| |
| [[mediawiki:gadget-mobileBlock.js|mobileBlock]] || {{n/a|3=}} || <code>$.ready</code> |
||
|- |
|- |
||
| [[user:bhsd/SearchNamespace.js| |
| [[user:bhsd/SearchNamespace.js|SearchNamespace]] || <code>$.ready</code> || 移动版搜索框生成后 |
||
|- |
|- |
||
| [[mediawiki:gadget-TalkHelper.js| |
| [[mediawiki:gadget-TalkHelper.js|TalkHelper]] || CommentsInLocalTime执行完后 || CommentsInLocalTime执行完后 |
||
|} |
|} |
2020年8月24日 (一) 00:03的版本
简历
- 2019年12月开始学习JavaScript(无关LL的GitHub项目)。
- 2020年4月开始学习Wikitext(萌娘百科)。
- 2020年6月开始学习CSS(萌娘百科)。
- 2020年7月(本站建站以后)开始学习jQuery。
待办事项
- 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' ) 或移动版菜单生成后
| |
site-lib | 无条件 | 无条件 |
exlinks | mw.hook( 'wikipage.content' ) |
mw.hook( 'wikipage.content' )
|
sharelink | $.ready |
$.ready
|
toc-custom | $.ready |
|
UTCLiveClock | $.ready |
$.ready
|
hideConversionTab | 移动版语言选单生成后 | |
mobile-Backtotop | $.ready |
$.ready
|
CommentsInLocalTime | mw.hook( 'wikipage.content' ) |
mw.hook( 'wikipage.content' )
|
code-prettify | mw.hook( 'wikipage.content' ) |
mw.hook( 'wikipage.content' )
|
ReferenceTooltips | mw.hook( 'wikipage.content' ) |
|
stickyHeading | mw.hook( 'wikipage.content' ) |
mw.hook( 'wikipage.content' )
|
MobileCategories | $.ready
| |
editCount | $.ready |
移动版菜单生成后 |
HotCat | $.ready |
|
mobile-HotCat | MobileCategories执行完后 | |
Cat-a-lot | $.ready |
|
Wikiplus | $.ready |
|
PreviewWithVariant | $.ready |
$.ready
|
notEditTopSection | $.ready
| |
mobileEdit | 移动版JS加载完成后,具体时间不好确定,暂定为$.ready 再延迟0.5秒
| |
pxruler | $.ready |
|
CleanDeleteReasons | $.ready |
$.ready
|
patrolPlus | $.ready |
|
patrolRevisions | $.ready |
$.ready
|
confirmationRollback | $.ready |
$.ready
|
mobileBlock | $.ready
| |
SearchNamespace | $.ready |
移动版搜索框生成后 |
TalkHelper | CommentsInLocalTime执行完后 | CommentsInLocalTime执行完后 |