美高梅4858-美高梅4858mgm-[官方网站]

分类 美高梅4858mgm 下的文章

Ajax 跨域请求 Cookie 无法携带/保存的解决办法

服务器端设置

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);
    }
});

2 行代码搞定给你的网页加 黑暗模式(夜间模式)开关

Darkmode.Js

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

美高梅4858已经添加,你可以看到网站左下方有个小按钮,你点击 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>

高级调用参数:

- 阅读剩余部分 -

纯 CSS 实现的 时间线,也支撑使用 美高梅4858mgm 动态生成

Time-line

纯 CSS 实现的 时间线,也支撑使用 美高梅4858mgm 生成。
DEMO | 演示
Time-line 预览图

HTML 渲染

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

JacaScript 渲染

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

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

[
  {
    "title":"美高梅4858官方网站",
    "link":"",
    "time":"1578718860"
  },
  {
    "title":"ffmpeg 使用方法合集",
    "link":"/software/834.html",
    "time":"1578725484"
  }
]

字段说明:

title 时间线显示的内容

link 点击后跳转的链接

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

鸣谢

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

LICENSE

MIT LICENSE

美高梅4858mgm 遍历 document.querySelectorAll()

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

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

大家可以通过一下方法来遍历

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

美高梅4858mgm 随机产生不重复的数字思路(递归法)

代码

/**
 * 产生指定长度 0~11的数字,且不重复数字的数组,使用了递归方法
 * @author chuwen   <wenzhouchan@gmail.com>
 * @link            
 * @param length    指定生成数组的长度,默认为5
 * @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;//将数字转化成字符串。如果小于9,给数字前面补一个零

    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(5));//运行结果如下
["02", "04", "06", "10", "01"]

console.log(random_num(4));//运行结果如下
["03", "10", "08", "06"]
XML 地图 | Sitemap 地图