服务器端设置

Nginx 端设置：

http://192.168.3.4 是允许跨域的域名，80和443 可以不用加端口号，除此之外的端口号要加

add_header 'Access-Control-Allow-Origin' 'http://192.168.3.4';
add_header 'Access-Control-Allow-Credentials' 'true';

PHP 端设置：

解释同上

header("Access-Control-Allow-Origin: http://192.168.3.4");
header("Access-Control-Allow-Credentials: true");

前端设置

jQuery Ajax 请求：

$.ajax({
    url: 'http://nas/api/v2/sync/maindata',
    xhrFields: {
        // 允许携带证书
        withCredentials: true
    },
    dataType: 'json',
    success: function (res) {
        console.log("请求结果："+res);
    }
});

Darkmode.Js

🌓黑暗模式/夜间模式，只需要几秒钟就可以给你的网站添加这个功能

本站已经添加，你可以看到网站左下方有个小按钮，你点击 Ta 预览以下效果吧！

该库使用 CSS mix-blend-mode 来将暗模式带入您的任何网站。只需复制粘贴该片段，您将获得一个小部件以打开和关闭暗模式。您也可以不使用窗口小部件而以编程方式使用它。该插件是轻量级的，内置于​​ VanillaJS 中。默认情况下，它也使用 localstorage，因此您的上一次设置将被记住！

特点

• 窗口小部件自动显示
• 保存用户选择
• 如果操作系统偏好的主题为深色，则自动显示Darkmode（如果浏览器支持prefers-color-scheme）
• 可以以编程方式使用而无需小部件

WordPress 插件

如果您使用的是 Wordpress，则可能需要看看基于 Darkmode.js 的这些插件：

• https://wordpress.org/plugins/blackout-darkmode-widget/
• https://wordpress.org/plugins/darkmode/

简单方法（使用JSDelivr CDN）

只需将此代码添加到您的 html 页面：

<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.5/lib/darkmode-js.min.js"></script>
<script>new Darkmode().showWidget();</script>

高级调用参数：

- 阅读剩余部分 -

Time-line

纯 CSS 实现的 时间线，也支持使用 JavaScript 生成。
DEMO | 演示

HTML 渲染

你只需要根据 timeLine.html 代码结构进行简单的修改即可实现

JacaScript 渲染

你需要将 timeLine.html 103 行 取消注释，然后根据 timeLine.js 注释修改

timeLine.js 里 data变量 数据格式如下：

[
  {
    "title":"现在网",
    "link":"https://nowtime.cc",
    "time":"1578718860"
  },
  {
    "title":"ffmpeg 使用方法合集",
    "link":"https://nowtime.cc/software/834.html",
    "time":"1578725484"
  }
]

字段解释：

title 时间线显示的内容

link 点击后跳转的链接

time 该内容发布的时间，注意是 秒级时间戳 ！

鸣谢

部分 CSS 样式参考的是 https://www.ihewro.com/archives.html

LICENSE

MIT LICENSE

如果使用 forEach 遍历，则会报错，因为它返回的不是一个数组，而是 NodeList

document.querySelectorAll('input[type='selece']]').forEach(function() {
  
});

我们可以通过一下方法来遍历

const selects = document.querySelectorAll("input[name='select']");
[].forEach.call(selects, function(select) {
    console.log(select);
});

代码

/**
 * 产生指定长度　０～11的数字，且不重复数字的数组，使用了递归方法
 * @author chuwen   <wenzhouchan@gmail.com>
 * @link            https://NowTime.cc
 * @param length    指定生成数组的长度，默认为５
 * @param arr       默认空白数组，不需要填写
 * @returns {Array} 输出数组
 */
function random_num(length=5, arr=[]) {
    let random = Math.floor(Math.random()*11)+1, repeat = false;
    random = random > 9 ? random.toString() : '0'+random;//将数字转化成字符串。如果小于９，给数字前面补一个零

    if(arr.length > length-1) return arr;//达到了指定数组长度，直接输出数组

    for(let item in arr){
        if(arr[item] === random) return random_num(length, arr);//如果数组中存在与本次随机产生的随机数有相同的，就递归调用
    }

    arr.push(random);//将产生的随机数，追加进　arr
    return random_num(length, arr);//然后进行递归调用
}

＃ 运行结果

console.log(random_num(５));//运行结果如下
["02", "04", "06", "10", "01"]

console.log(random_num(４));//运行结果如下
["03", "10", "08", "06"]