差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
后一修订版
前一修订版
lab [2020/04/12 02:19]
Afternoon Matcha
lab [2021/06/10 08:14] (当前版本)
Afternoon Matcha
行 1: 行 1:
 ====== 实验室 ====== ====== 实验室 ======
 一个发布最新功能实验/测试结果的地方,试验场在 [[sandbox|Sandbox 沙盒区]] 一个发布最新功能实验/测试结果的地方,试验场在 [[sandbox|Sandbox 沙盒区]]
 +----
  
 +==== 【Matce Wiki 原创】MatceInfoBox JS 小型框架 ====
 ---- ----
 +<html>
 +<script type="text/javascript">
 +    var DetailJson = {
 +        mainTitle: "AQUOS Xx3",
 +        subTitle: "SHV34 SH-04H 506SH",
 +        operators: {
 +            "SoftBank版 506SH": {
 +                mainImg: "/wiki/MatceInfoBox/media/sharp/aquos_xx3/aquos_xx3_main.png",
 +                infobox: {
 +                    "处理器": "骁龙820(MSM8996)",
 +                    "内存": "3GiB",
 +                    "储存": "32GB",
 +                    "物理量": "重153克、尺寸149*73*76mm",
 +                    "电池": "3000毫安时(mAh)",
 +                    "系统": "Android 6.0/7.1/8.0",
 +                    "屏尺寸": "约5.3寸(inch)",
 +                    "解像度": "1080P(1920×1080) 120Hz",
 +                    "屏技术": "IGZO材质 S-PureLED",
 +                    "SD卡": "microSDXC 最大200GB",
 +                    "后置": "约2260万像素",
 +                    "前置": "约500万像素",
 +                    "防护": "IP5X、IPX5、IPX8",
 +                    "档期": "2016年夏 JP发行",
 +                    "网络": "中国国内情报:二~四代通信(2G~4G)x1",
 +                    "其他": "右侧指纹、下部两侧指示灯、单扬声器",
 +                },
 +                colors: {
 +                    "樱花粉": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/506sh_1.png",
 +                    "象牙白": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/506sh_2.png",
 +                    "孔雀蓝": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/506sh_3.png",
 +                    "曜石黑": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/506sh_4.png",
 +                }
 +            },
 +            "DOCOMO版 SH-04H": {
 +                mainImg: "/wiki/MatceInfoBox/media/sharp/aquos_xx3/sh04h/1.jpg",
 +                colors: {
 +                    "象牙白": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/sh04h_1.png",
 +                    "草叶绿": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/sh04h_2.png",
 +                    "曜石黑": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/sh04h_3.png",
 +                }
 +            },
 +            "Au版 SHV34": {
 +                mainImg: "/wiki/MatceInfoBox/media/sharp/aquos_xx3/shv34/1.jpg",
 +                infobox: {
 +                    "其他": "无指纹、下部两侧指示灯、单扬声器",
 +                },
 +                colors: {
 +                    "深海蓝": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/shv34_1.png",
 +                    "象牙白": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/shv34_2.png",
 +                    "樱花粉": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/shv34_3.png",
 +                }
 +            },
 +        }
 +    }
 +</script>
 +<script type="text/javascript" src="/wiki/MatceInfoBox/script.js"></script>
 +</html>
 +----
 +只需在要插入MatceInfoBox的地方修改并写入如下内容即可生成样式:
 +
 +<code html>
 +<html>
 +<script type="text/javascript">
 +    var DetailJson = {
 +        mainTitle: "AQUOS Xx3",
 +        subTitle: "SHV34 SH-04H 506SH",
 +        operators: {
 +            "SoftBank版 506SH": {
 +                mainImg: "/wiki/MatceInfoBox/media/sharp/aquos_xx3/aquos_xx3_main.png",
 +                infobox: {
 +                    "处理器": "骁龙820(MSM8996)",
 +                    "内存": "3GiB",
 +                    "储存": "32GB",
 +                    "物理量": "重153克、尺寸149*73*76mm",
 +                    "电池": "3000毫安时(mAh)",
 +                    "系统": "Android 6.0/7.1/8.0",
 +                    "屏尺寸": "约5.3寸(inch)",
 +                    "解像度": "1080P(1920×1080) 120Hz",
 +                    "屏技术": "IGZO材质 S-PureLED",
 +                    "SD卡": "microSDXC 最大200GB",
 +                    "后置": "约2260万像素",
 +                    "前置": "约500万像素",
 +                    "防护": "IP5X、IPX5、IPX8",
 +                    "档期": "2016年夏 JP发行",
 +                    "网络": "中国国内情报:二~四代通信(2G~4G)x1",
 +                    "其他": "右侧指纹、下部两侧指示灯、单扬声器",
 +                },
 +                colors: {
 +                    "樱花粉": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/506sh_1.png",
 +                    "象牙白": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/506sh_2.png",
 +                    "孔雀蓝": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/506sh_3.png",
 +                    "曜石黑": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/506sh_4.png",
 +                }
 +            },
 +            "DOCOMO版 SH-04H": {
 +                mainImg: "/wiki/MatceInfoBox/media/sharp/aquos_xx3/sh04h/1.jpg",
 +                colors: {
 +                    "象牙白": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/sh04h_1.png",
 +                    "草叶绿": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/sh04h_2.png",
 +                    "曜石黑": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/sh04h_3.png",
 +                }
 +            },
 +            "Au版 SHV34": {
 +                mainImg: "/wiki/MatceInfoBox/media/sharp/aquos_xx3/shv34/1.jpg",
 +                infobox: {
 +                    "其他": "无指纹、下部两侧指示灯、单扬声器",
 +                },
 +                colors: {
 +                    "深海蓝": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/shv34_1.png",
 +                    "象牙白": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/shv34_2.png",
 +                    "樱花粉": "/wiki/MatceInfoBox/media/sharp/aquos_xx3/shv34_3.png",
 +                }
 +            },
 +        }
 +    }
 +</script>
 +<script type="text/javascript" src="/wiki/MatceInfoBox/script.js"></script>
 +</html>
 +</code>
 +----
 +
 +==== 【新版】检索页面名词跳转 · Wiki页面重定向 ====
 +
 +P.s. 很多人只熟悉诸如 605SH 这样的运营商机型号,却不熟悉其机型名 AQUOS R。为了方便萌新的检索,在保证页面地址名简洁(地址只写机型名如 aquos_r)前提下,使得搜索如 605sh 这样的运营商机型号可以出现匹配的 Wiki 页面,现给出了目前的解决方案:检索页面名词跳转 · Wiki页面重定向 
 +
 +【以建立 Sharp Aquos R 的页面重定向为例】
 +| 一、访问 ''matce.cn/wiki/doku.php/redirect/你要新建的重定向网页名''  \\ 并新建该页面 |
 +例如:''matce.cn/wiki/doku.php/redirect/aquos_xx3-shv34-sh04h-506sh''
 +| 二、在该页面内写下【如下方所示文字】 |
 +<code txt>
 +#redirect sharp:aquos_xx3
 +</code>
 +| 三、再次返回原先你要新建的重定向网页名那个编辑页面,再次保存 |
 +| 四、直接搜索 605sh 检验是否匹配页面,无效则重新来一遍 |
 +
 +----
 +
 +==== JS 函数动态更改 HTML 伪类 的 CSS Style 样式 [ 单个伪类单个控制,不会无限增加 <style> 标签 ] ====
 +
 +<code javascript>
 +/* ----【函数】更改伪类CSS样式---- */
 +function ChangePseudoClassStyle(PseudoClassCSSName, CSSText) { //伪类名 例"a:after", 新样式
 + var PseudoClassCSSID = PseudoClassCSSName; // 设置控制伪类的<style>的ID值为伪类名
 +
 + /* ----【子函数】生成新的<style>---- */
 + var css = function(t) {
 + var s = document.createElement('style');
 + s.id = PseudoClassCSSID;
 + s.innerText = t;
 + document.body.appendChild(s);
 + };
 +
 + /* ----查找旧的<style>并删除,防止CSS越建越多,随着函数触发无限增长---- */
 + var PCS = document.getElementById(PseudoClassCSSName); 
 + if (PCS != null) {
 + PCS.remove();
 + }
 +
 + css(PseudoClassCSSName + ' {' + CSSText + '}');  // 填入传入的CSS文本
 + // 保留CSS文本例子:css('p:after {color:red; content:\'[我变红了]\'}');
 +};
 +</code>
 +
 +
 +
 ==== AW多视频iframe框架Bilibili播放器 Ver 1.0 ==== ==== AW多视频iframe框架Bilibili播放器 Ver 1.0 ====
 <html> <html>
行 290: 行 457:
 ---- ----
  
-==== 检索页面名词跳转 · Wiki页面重定向 ==== 
-P.s. 很多人只熟悉诸如 605SH 这样的运营商机型号,却不熟悉其机型名 AQUOS R。为了方便萌新的检索,在保证页面地址名简洁(地址只写机型名如 aquos_r)前提下,使得搜索如 605sh 这样的运营商机型号可以出现匹配的 Wiki 页面,现给出了目前的解决方案:检索页面名词跳转 · Wiki页面重定向  
  
-【以建立 Sharp Aquos R 的页面重定向为例】 
-| 一、搜索 redirect:605sh 并新建该页面 | 
-| 二、在该页面内写下【如下方所示文字】 | 
-<code txt> 
-#redirect sharp:aquos_r 
-test 
-</code> 
-| 三、保存后再次搜索 redirect:605sh 并新建 | 
-| 四、编辑器中已有之前的输入,直接保存即可 | 
-| 五、直接搜索 605sh 检验是否匹配页面 | 
- 
----- 
  
 ==== 在 Wiki 中插入 Bilibili 视频 ==== ==== 在 Wiki 中插入 Bilibili 视频 ====