多栏目文章测试，元素索引从 1 开始

备注： 在真实场景下，你通常应该通过调用 importNode() 方法将新节点加入 DOM 中，然后通过调用以下方法将目标节点添加到 DOM 树。

处优而不养尊，受挫而不短志。

在编写 Web 代码时，有许多 Web API 可供调用。下面是开发 Web 应用程序或网站时可能使用的所有 API 和接口（对象类型）的列表。

calc()
parseInt()
DOMParser

calc() 此 CSS 函数允许在声明 CSS 属性值时执行一些计算。它可以用在如下场合：<length>、<frequency>, <angle>、<time>、<percentage>、<number>、或 <integer>。

/* property: calc(expression) */
width: calc(100% - 80px);

parseInt(string, radix) 解析一个字符串并返回指定基数的十进制整数，radix 是 2-36 之间的整数，表示被解析字符串的基数。

parseInt('123', 5) // 将'123'看作 5 进制数，返回十进制数 38 => 1*5^2 + 2*5^1 + 3*5^0 = 38

DOMParser 接口提供了将字符串中的 XML 或 HTML 源代码解析为 DOM Document 的功能。

备注：请注意，如果在一个块级元素（例如 <p>）内部嵌套了另一个块级元素，因而该嵌套元素在闭合的 </p> 标签之前被解析，那么元素将会被自动闭合。

DOMParser.parseFromString() 是该接口的唯一方法，其文档中包含了用于解析 XML、SVG 和 HTML 字符串的示例

const parser = new DOMParser();
const xmlString = "<warning>Beware of the tiger</warning>";
const doc1 = parser.parseFromString(xmlString, "application/xml");
console.log(doc1.contentType); // "application/xml"

混合长代码高亮显示

<?php
$ref = $_SERVER['HTTP_REFERER'] ?? null; //检查请求是否来自本地
if (empty($ref) || empty($_SERVER['HTTP_HOST']) || parse_url($ref)['host'] !== $_SERVER['HTTP_HOST']) {
    header("HTTP/1.1 403 Forbidden");
    exit();
}
/**
 * 获取网页内容
 * @param $url
 * @return bool|string
 */
function hai_get_content($url) {
    $ch = curl_init($url);
    curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36');
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); //https请求 不验证证书
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); //和hosts
    $content = curl_exec($ch); //执行cURL抓取页面内容
    curl_close($ch);
    return $content;
}
$output = '';
$want   = $_POST['want'] ?? '';
switch ($want) {
    case 'bing_img': //必应图片
        $host = 'https://cn.bing.com';
        $str  = hai_get_content($host . '/HPImageArchive.aspx?format=js&idx=0&n=1');
        $arr  = json_decode($str, true);
        $data = isset($arr['images']) ? $arr['images'][0] : array();
        if (!empty($data['url'])) {
            $output = json_encode(array(
                'url'   => $host . explode('&', $data['url'])[0],
                'title' => $data['title'] ?? '', 'copyright' => $data['copyright'] ?? ''
            ));
        }
        break;
    case 'browser': ?>
        <div id="browserModal" class="modal" data-hai-static="1" tabindex="-1">
            <div class="m-dialog">
                <div class="m-content" style="--m-r:255;--m-g:78;--m-b:32;">
                    <div class="m-header follow-bg"><h3 class="mb-0">您的浏览器版本过低哦</h3></div>
                    <div class="m-body">
                        <p class="text-center">
                            亲爱的小伙伴，您当前使用的浏览器版本过低，已无法正常访问此页面。请<span class="text-danger">升级您的浏览器</span>后继续访问，感谢您的支持与陪伴～？！
                        </p>
                        <p class="separator normal">选择浏览器</p>
                        <div class="d-flex justify-content-around">
                            <div class="browser-item btn-transition">
                                <div class="avatar-sm mb-3">
                                    <img class="avatar" src="/wp-content/themes/haida/assets/images/platform/Chrome.svg" alt="Chrome">
                                </div>
                                <h6 class="mb-1">
                                    <a target="_blank" href="https://www.google.cn/intl/zh-CN/chrome/" class="stretched-link">Chrome</a>
                                </h6>
                                <small>谷歌浏览器</small>
                            </div>
                            <div class="browser-item btn-transition">
                                <div class="avatar-sm mb-3">
                                    <img class="avatar" src="/wp-content/themes/haida/assets/images/platform/Firefox.svg" alt="Firefox">
                                </div>
                                <h6 class="mb-1">
                                    <a target="_blank" href="https://www.mozilla.org/zh-CN/firefox/new/" class="stretched-link">Firefox</a>
                                </h6>
                                <small>火狐浏览器</small>
                            </div>
                            <div class="browser-item btn-transition">
                                <div class="avatar-sm mb-3">
                                    <img class="avatar" src="/wp-content/themes/haida/assets/images/platform/Edge.svg" alt="Edge">
                                </div>
                                <h6 class="mb-1">
                                    <a target="_blank" href="https://www.microsoft.com/zh-cn/edge/download/" class="stretched-link">Edge</a>
                                </h6>
                                <small>微软浏览器</small>
                            </div>
                            <div class="browser-item btn-transition">
                                <div class="avatar-sm mb-3">
                                    <img class="avatar" src="/wp-content/themes/haida/assets/images/platform/Opera.svg" alt="Opera">
                                </div>
                                <h6 class="mb-1">
                                    <a target="_blank" href="https://www.opera.com/zh-cn" class="stretched-link">Opera</a>
                                </h6>
                                <small>欧朋浏览器</small>
                            </div>
                        </div>
                    </div>
                    <button class="btn-fill" data-hai-dismiss="modal" aria-label="Close">关闭</button>
                </div>
            </div>
        </div>
        <?php
        break;
    default: //获取句子文件
        $file   = file(dirname(__FILE__) . '/maxim-library.txt');
        $index  = mt_rand(0, count($file) - 2); //随机读取一行
        $index  = ($index % 2 === 0) ? $index + 1 : $index;
        $output = json_encode(array('en' => trim($file[$index]), 'cn' => trim($file[$index + 1])));
        break;
}
echo $output;
exit();

春种一粒粟，秋收万颗子

看，春风驾着五彩祥云姗姗而来，浑身散发着缕缕沁人的清香。她化作娇嫩的草芽，从坚实的大地中钻了出来：她化作北归的大雁，从遥远的天际飞了回来；她化作姑娘身上薄如蝉翼的丝巾从熙攘的人群中款款走来——和煦的春风是春的使者。看，她飞过了山脉大川，留下了丝丝绿意，掠过了大地，留下了阵阵清爽，飘过了翠绿的田野，留下了点点翠光。

**+ 和 - 运算符的两边必须要有空白字符。**比如，calc(50% -8px) 会被解析成为一个无效的表达式，解析结果是：一个百分比后跟一个负数长度值。而加有空白字符的、有效的表达式 calc(8px + -50%) 会被解析成为：一个长度后跟一个加号再跟一个负百分比。
* 和 / 这两个运算符前后不需要空白字符，但如果考虑到统一性，仍然推荐加上空白符。
用 0 作除数会使 HTML 解析器抛出异常。
涉及自动布局和固定布局的表格中的表列、表列组、表行、表行组和表单元格的宽度和高度百分比的数学表达式，auto 可视为已指定。
calc() 函数支持嵌套，但支持的方式是：把被嵌套的 calc() 函数全当成普通的括号。（译者注：所以，函数内直接用括号就好了。）

重构之处理IE浏览器兼容问题，伪类根据元素在父元素的子元素列表中的索引来选择元素。 - Haida(嗨达)主题演示

18重构之处理IE浏览器兼容问题，伪类根据元素在父元素的子元素列表中的索引来选择元素。

HHaidemo2 月前 21992

常用数据结构，这是普通H4标题

就像是用python你会用list,set,dict,pandas dataframe 就接近入门了。scheme的话当然是 list了,楞要再加点的话，就是symbol，number和bool了。

Deno 是一个支持即时编译和缓存 TypeScript 的 JavaScript 运行时。Deno 内置了格式化、代码检查、测试执行器等诸多功能，并实现了许多 Web API。通过遵循 Web 标准，所有 Deno 特有的 API 都在 Deno 命名空间下实现。

Deno 官网提供了更多 Deno 的安装使用说明。

抢沙发

Guest

H
huser003超级VIP
.then() 方法最多接受两个参数；第一个参数是 Promise 兑现时的回调函数，第二个参数是 Promise 拒绝时的回调函数。每个 .then() 返回一个新生成的 Promise 对象，这个对象可被用于链式调用，例如
```
const myPromise = new Promise((resolve, reject) =&gt; {
  setTimeout(() =&gt; {
    resolve(&quot;foo&quot;);
  }, 300);
});

myPromise
  .then(handleFulfilledA, handleRejectedA)
  .then(handleFulfilledB, handleRejectedB)
  .then(handleFulfilledC, handleRejectedC);
```
2 年前回复
H
huser002普通用户
2 年前回复