HTML全局属性列表大全

2010 年 5 月 14 日

byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9235

本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。

一、什么是HTML全局属性？

所谓HTML全局属性，指的是在所有html元素上都能使用的属性。

常见的如 id 和 class 。

有些HTML属性只能用在特定的元素上，比方说 href 属性，多出现在元素、元素上，普通元素设置 href 属性是没有任何效果的。

本文将完整展示HTML中所有的全局属性，并会做相应的点评，由于内容较多，如果你没有足够多的时间深入每一个属性，可以选择你感兴趣的HTML属性进行了解。

二、HTML全局属性汇总

索引

accesskey

指定访问当前元素的快捷键。

例如脸书页面源代码这里：

此时我们按下 / 键，就可以快速访问搜索。

关于 accesskey 属性与无障碍访问，我之前有专门研究过，有兴趣可以访问这篇文章了解更多：“ HTML accesskey属性与web自定义键盘快捷访问 ”

autocapitalize

autocapitalize 属性用来控制文本在用户输入/编辑时的大小写，这个属性更适合英文场景，中文场景无效。支持以下值：

off | none: 表示没有自动大写，全部都是小写。
on | sentences: 表示每个句子的第一个字母默认为大写字母；所有其他字母默认为小写字母。
words: 每个单词的第一个字母默认为大写字母；所有其他字母默认为小写字母。
characters: 所有字母都需要大写。

眼见为实，您可以狠狠地点击这里： autocapitalize控制大小写测试demo

结果一通测试，无论是Chrome浏览器还是Firefox浏览器，通通不支持，没有任何变化。

我看了下Caniuse上的兼容性，貌似Chrome浏览器支持 </code> 元素的有这个属性的API： </p> <p> <img src="https://img0.tuicool.com/ruaMjuB.png!web"></p> <p> 于是想要Textarea元素试一试，结果屁来，没有任何效果，看来HTML <code>autocapitalize</code> 属性和元素的 <code>autocapitalize</code> 的API属性是有区别的： </p> <p> <img src="https://img1.tuicool.com/zqaUjmJ.png!web"></p> <h4>class</h4> <p>元素类名，这个CSS样式控制使用非常多，不展开。</p> <h4>contenteditable</h4> <p>可以让元素处于内容可编辑状态。</p> <p> 其中属性值 <code>true</code> 和 <code>false</code> 是所有浏览器都支持的，而 <code>plaintext-only</code> 等属性值IE浏览器并不支持。 </p> <p>语法示意：</p> <pre>contenteditable="true" contenteditable="false" contenteditable="events" contenteditable="caret" contenteditable="plaintext-only"</pre> <p> 这个属性的在实际开发的时候相当常用，延伸应用也很多，之前有多篇文章有过介绍。 </p> <h4> contextmenu <sup>[废弃]</sup></h4> <p> <code>contextmenu</code> 属性值就是对应 <code></p> <menu></code> 元素的 <code>id</code> 。有点类似于 <code></code> 元素的 <code>list</code> 属性， <code><label></code> 元素的 <code>for</code> 属性，都是和某个元素的 <code>id</code> 属性值相关联。 </p> <p> 只是 <code></p> <menu></code> 元素时运不济，目前已经被舍弃掉了，因此， <code>contextmenu</code> 属性也就跟着被废弃了。 </p> <h4>data-*</h4> <p>指开发人员自己设置的各种自定义属性，方便开发的时候获取。</p> <p>例如：</p> <pre><div></div></pre> <p> 除了使用 HTMLElement.getAttribute() 方法，还可以使用 HTMLElement.dataset 访问这些自定义属性值，具体可以参见我之前这篇文章：“ <a href="https://www.zhangxinxu.com/wordpress/?p=1693" rel="nofollow,noindex" target="_blank">HTML5自定义属性对象Dataset简介</a> ”。 </p> <h4>dir</h4> <p> <code>dir</code> 属性是可以改变文档流的水平流动方向，设计的初衷是用在多语言处理中。 </p> <p>例如英文和中文的阅读是从左往右，阿拉伯语则是从右往左。</p> <p>支持下面几个属性值：</p> <dl> <dt> <strong>ltr</strong> </dt> <dd> 文档呈现从左往右。 </dd> <dt> <strong>rtl</strong> </dt> <dd> 文档呈现从右往左。 </dd> <dt> <strong>auto</strong> </dt> <dd> 由浏览器自己决定决定。它使用一个基本算法来解析元素中的字符，直到找到一个具有强方向性的字符，然后将该方向性应用于整个元素。 </dd> </dl> <p> 虽然 <code>dir</code> 属性设计初衷是语言相关，但是实际开发，我们可以利用其改变文档流的特性进行布局。 </p> <p> 例如，类似微信对话这样的对称布局，可以使用逻辑CSS属性，配合 <code>dir</code> 属性实现，即自己的对话布局和他人的对话布局使用完全一样的HTML和CSS代码，唯一区别就是自己的对话的容器元素设置一个 <code>dir="rtl"</code> 就可以了，非常简洁，非常利于维护，具体不展开。 </p> <p> <img src="https://img1.tuicool.com/VrqINnJ.png!web"></p> <h4>draggable</h4> <p> <code>draggable</code> 属性在拖拽交互中非常有用。支持属性值如下： </p> <dl> <dt> <strong>true</strong> </dt> <dd> 元素可以被拖拽。 </dd> <dt> <strong>false</strong> </dt> <dd> 元素不能被拖拽。 </dd> </dl> <p>浏览器默认行为是内容可以拖拽，布局不能。</p> <p> 但是，有时候我们希望某些内容不能拖拽，但是布局可以拖拽，则就需要用到 <code>draggable</code> 属性，可以这么说，只要你是使用Drag & Drop API（可参见我之前“ <a href="https://www.zhangxinxu.com/wordpress/?p=1419" rel="nofollow,noindex" target="_blank">HTML5 drag & drop 拖拽与拖放简介</a> ”这篇文章）进行拖拽行为的开发，就一定会用到 <code>draggable</code> 属性。 </p> <p> 眼见为实，我们来看一个对比demo，您可以狠狠地点击这里： <a href="https://www.zhangxinxu.com/study/202001/html-draggable.php" rel="nofollow,noindex" target="_blank">HTML draggable属性与元素拖拽demo</a> </p> <p> 其中 <code><img></code> 元素天然可以被拖拽，因此，设置 <code>draggable="true"</code> 的效果和默认效果一样，如下截图所示： </p> <p> <img src="https://img1.tuicool.com/iANzMnV.png!web"><img src="https://img1.tuicool.com/2myyuia.png!web"></p> <p> 而 <code></p> <p></code> 元素天然不能被拖拽，因此，设置 <code>draggable="false"</code> 的效果和默认效果一样，而设置了 <code>draggable="true"</code> 之后，则同样也可以被拖拽了。 </p> <p> 如下截图所示，图片是作为 <code>background-image</code> 设置的： </p> <p> <img src="https://img1.tuicool.com/nUzUFre.png!web"></p> <p> 可以看到， <code></p> <p></code> 元素拖拽时候，预览浮层比例和原始元素是1:1的，有别于 <code><img></code> 元素。 </p> <p> 最后，提醒一点， <code>draggable</code> 单词拼写中间是两个 <code>g</code> ，千万不要记成 <code></code> </p> <p> <del datetime="2020-01-31T02:20:00+00:00"><br /> dragable<br /> </del> </p> <p>。</p> <h4> dropzone <sup>[实验]</sup></h4> <p> <code>dropzone</code> 也是一个和Drag & Drop API有关的属性，可以用来指示哪种类型的内容可以拖放到当前元素上。 </p> <p>支持以下属性值：</p> <dl> <dt> <strong>copy</strong> </dt> <dd> 表示拖放后会创建一个拖拽元素的拷贝。 </dd> <dt> <strong>move</strong> </dt> <dd> 表示拖放后会移动拖拽元素。 </dd> <dt> <strong>link</strong> </dt> <dd> 表示会根据拖拽数据创建一个链接。 </dd> </dl> <p>目前没有任何浏览器支持这一个属性，准确说Chrome曾经支持过，后来放弃了。</p> <p> <img src="https://img0.tuicool.com/BrIN7zi.png!web"></p> <h4>part</h4> <p> <code>part</code> 属性是跟着Shadow DOM开发走的，Shadow DOM树中的元素通常我们是无法在外部使用CSS选择器匹配的。 </p> <p> 但是这样的需求又是存在的，怎么办呢，就设计了一个 <code>part</code> 属性，可以在外部借助CSS <code>::part</code> 伪元素进行匹配。 </p> <p>例如：</p> <pre> c-e::part(active) { color: deepskyblue; } c-e::part(textspan) { font-size: 20px; } <p>文字颜色是深天空蓝！文字颜色是麻瓜黑！ // 使用模板元素创建自定义元素c-e let template = document.getElementById('c-e-template'); globalThis.customElements.define('c-e', class extends HTMLElement { constructor() { super(); this.attachShadow({ mode: "open" }); this.shadowRoot.appendChild(template.content); } }); </pre> <p> 最后的效果如下图所示：</p> <p> <img src="https://img2.tuicool.com/RR3AraU.png!web"></p> <p>CSS样式匹配截图：</p> <p> <img src="https://img0.tuicool.com/u67fuuu.png!web"></p> <p> 眼见为实，您可以狠狠的点击这里： <a href="https://www.zhangxinxu.com/study/202001/html-part.php" rel="nofollow,noindex" target="_blank">HTML part属性和::part伪元素demo</a> </p> <h4>exportparts</h4> <p> <code>exportparts</code> 属性也是跟着Shadow DOM树走的，可以设置在任意的Shadow DOM元素上，作用是指定 <code>part</code> 属性的暴露规则。 </p> <p> 支持1~2个值，使用空格分隔，每个值都对应某一个元素的 <code>part</code> 属性值。在解析的时候，会装换成冒号分隔的射关系，具体规则如下（源自 <a href="https://www.w3.org/TR/css-shadow-parts-1/" rel="nofollow,noindex" target="_blank">规范文档</a> ）： </p> <dl> <dt> <code>innerIdent : outerIdent</code> </dt> <div> <p>添加后面所示的 «[ outerIdent → innerIdent ]» part名称映射关系。</p> </p></div> <dt> <code>ident</code> </dt> <div> <p> 后面形式的简写 <code>ident : ident</code> . </p> </p></div> <dt> 其他任意 </dt> <div> <p>忽略错误，或者以后可能兼容。</p> </p></div> </dl> <p> 具体什么意思，抱歉，我研究了好久也没搞清楚，此属性太新了，相关资料极少，规范文档提供的案例也不知道怎么玩，自己测试下来结果和预期并不符合，不知道是哪里打开的方式不对。 </p> <p>这个属性大致意思是，可以让嵌套的Shadow树中的部分Shadow转移暴露到一个更轻的树上。</p> <p>以后这个属性成熟了再补上。</p> <p>目前兼容性：</p> <p> <img src="https://img1.tuicool.com/VZFfIzF.png!web"></p> <h4>hidden</h4> <p> <code>hidden</code> 属性可以让元素隐藏，表现为 <code>display:none</code> ，相比类名或者style设置 <code>display:none</code> 的优点在于优先级极低，可以轻松reset。 </p> <p>IE11+以及其他现代浏览器都支持。</p> <p> <img src="https://img0.tuicool.com/bU3MzyE.png!web"></p> <p>如果条件允许，强烈建议在项目中使用。</p> <p>或者在reset.css中添加这么一句：</p> <pre>[hidden] { display: none; }</pre> <p>这样，所有项目都可以放心使用了。</p> <h4>inputmode</h4> <p> <code>inputmode</code> 的作用是告知虚拟键盘应该显示何种类型的键盘，例如是显示数字键盘呢，还是显示网址键盘还是显示邮箱键盘？ </p> <p> 对于 <code></code> 元素，这个属性是个鸡肋，请使用原生的兼容性更好的 <code>type</code> 属性，例如： </p> <pre> </pre> <p> <code>inputmode</code> 属性适合设置了 <code>contenteditable</code> 的普通元素，例如： </p> <pre><div></div></pre> <p>然而，我自己使用Android手机的Chrome浏览器（版本74）测试，没有效果，然后升级到最新的版本79，也没效果，如下图所示，显示的是普通键盘：</p> <p> <img src="https://img2.tuicool.com/7RvaQrn.png!web"></p> <p>但是Caniuse上显示的是支持的，难道我又哪里打开的方式不对？</p> <p> <img src="https://img1.tuicool.com/QJjINrb.png!web"></p> <p> 有对应的测试demo，大家可以帮忙看看呼起的键盘是不是数字键盘，您可以狠狠地点击这里： <a href="https://www.zhangxinxu.com/study/202001/html-inputmode.php" rel="nofollow,noindex" target="_blank">HTML inputmode属性与软键盘测试demo</a> </p> <p>PC访问读者可以使用手机扫下面的二维码进行体验与测试：</p> <p> <img src="https://img0.tuicool.com/b632UrZ.png!web"></p> <h4>is</h4> <p> <code>is</code> 属性可以用来指定标准HTML元素的行为表现类似于注册过的自定义内置元素。 </p> <p> 什么是“自定义内置元素”呢？这个问题在“ <a href="https://www.zhangxinxu.com/wordpress/?p=7424" rel="nofollow,noindex" target="_blank">HTMLUnknownElement与HTML5自定义元素</a> ”这篇文章中有详细说明。 </p> <p>自定义元素分为两类：一类是匿名自定义元素（Autonomous custom elements），还有一类是自定义的内置元素（Customized built-in elements）。</p> <p>前者extends HTMLElement，后者extends HTML内置元素，例如HTMLDivElement，HTMLSpanElement，HTMLFormElement元素等。</p> <p> <code>is</code> 属性主要用在自定义的内置元素上的，可以让内置元素有其他自定义的交互行为。 </p> <p> 例如，我们希望 <code></p> <form></code> 元素原生的submit提交行为阻止。 </p> <p> 传统做法是找到对应的 <code></p> <form></code> 元素，然后绑定 <code>submit</code> 事件，然后事件对象执行 <code>preventDefault()</code> 方法。 </p> <p>这样的实现就很啰嗦，因为一个项目往往有多个表单元素。全局处理也不妥当，因为有些表单可能需要保留默认的提交行为。</p> <p> 怎么办呢？可以试试 <code>is</code> 属性，我们基于HTMLFormElement自定义一个 <code>form-prevent</code> 元素，通过 <code>is</code> 属性关联即可。 </p> <p>首先JavaScript代码如下，很简单：</p> <pre>class FormPrevent extends HTMLFormElement { constructor() { // 总是在constructor中先调用super const self = super(); self.addEventListener('submit', function (event) { event.preventDefault(); }); } } // 定义新的元素 customElements.define('form-prevent', FormPrevent, { extends: 'form' });</pre> <p> 这个时候，设置 <code>is</code> 属性值为 <code>form-prevent</code> 就天然阻止事件提交了，无需专门初始化，也不会影响默认的表单元素。 </p> <p>例如：</p> <pre><form> <button type="submit">搜索</button> </form></pre> <p>此时点击搜索按钮是没有任何反应的。</p> <p> 眼见为实，您可以狠狠地点击这里： <a href="https://www.zhangxinxu.com/study/202001/form-preventdefault-by-is-demo.php" rel="nofollow,noindex" target="_blank">is属性与自定义元素与表单提交行为阻止demo</a> </p> <p> 上面的小表单没有设置 <code>is="form-prevent"</code> ，点击“搜索”按钮会触发表单提交行为，页面刷新；而下面的小表单因为自定义的内置元素 <code></code> 默认阻止了submit行为，因此不会页面刷新。 </p> <p> <img src="https://img1.tuicool.com/yM7n2mB.png!web"></p> <h4>item*</h4> <p> <code>item*</code> 是HTML微数据特性中的属性，包括： <code>itemid</code> 属性， <code>itemprop</code> 属性， <code>itemref</code> 属性， <code>itemscope</code> 属性和 <code>itemtype</code> 属性。 </p> <p> HTML微数据是一个独立的与搜索引擎SEO相关的领域，之前有专门详细介绍过，是国内为数不多的相关领域的介绍，具体参见这篇文章：“ <a href="https://www.zhangxinxu.com/wordpress/?p=2058" rel="nofollow,noindex" target="_blank">HTML5扩展之微数据与丰富网页摘要</a> ”。 </p> <p>这里不再展开介绍。</p> <h4>lang</h4> <p> <code>lang</code> 用来定义元素的语言，不同的语言会影响文档的呈现。此HTML属性我们平常用的不多，多在 <code></code> 元素上全局设置一下。 </p> <p> 至于 <code>lang</code> 的属性值的设置，那又是另外的领域了，有兴趣深入研究的可以好好看看著名的 <a href="https://www.ietf.org/rfc/bcp/bcp47.txt" rel="nofollow,noindex" target="_blank">bcp47.txt</a> 这个文档。 </p> <p> <a href="https://www.ietf.org/rfc/bcp/bcp47.txt" rel="nofollow,noindex" target="_blank">bcp47.txt</a> 这个文档不仅对HTML <code>lang</code> 属性有用，对于CSS <code>:lang</code> 伪类的使用也是很有帮助的。 </p> <p> 例如简体中文用户，lang属性值可以是： <code>zh-Hans-CN</code> 。 </p> <h4>slot</h4> <p> <code>slot</code> 属性也是用在Shadow DOM开发中的。 </p> <p> <code>slot</code> 属性的使用离不开Shadow DOM <code></code> 这个占位符元素， <code>slot</code> 属性值就是 <code></code> 元素的 <code>name</code> 属性值。 </p> <p> 我们举个简单例子示意下 <code>slot</code> 属性的作用。 </p> <p>首先模板HTML和自定义元素HTML如下，尤其关注红色部分代码：</p> <pre> p { color: white; background-color: deepskyblue; padding: 5px; } <p>我是默认文字 <span>我会替换掉默认文字，啦啦啦啦啦~</span> </pre> <p> 其中， <code></code> 是使用模板构建的自定义元素，相关JavaScript代码如下： </p> <pre>customElements.define('zxx-paragraph', class extends HTMLElement { constructor() { super(); let template = document.getElementById('zxx-paragraph'); let templateContent = template.content; const shadowRoot = this.attachShadow({ mode: 'open' }).appendChild(templateContent.cloneNode(true)); } } );</pre> <p> 此时大家应该可以看出来 <code>slot</code> 属性的作用了，就是找到自定义元素中提前设置好的占位用的 <code></code> 元素并替换掉。 </p> <p>比方说上面的代码最终的效果是下面这样，文案是替换后的文案：</p> <p> <img src="https://img0.tuicool.com/UJnYBb7.png!web"></p> <p>打开控制台看下源代码，结果是下面这样：</p> <p> <img src="https://img1.tuicool.com/NvaiEzR.png!web"></p> <p> 也就是虽然视觉上设置了 <code>slot</code> 属性的 <code><span></code> 元素并不是 <code></p> <p></code> 元素的子元素，但是实际渲染的时候，按照替换占位子元素渲染了。 </p> <p> 眼见为实，您可以狠狠地点击这里： <a href="https://www.zhangxinxu.com/study/202001/html-slot-demo.php" rel="nofollow,noindex" target="_blank">HTML slot属性测试demo</a> </p> <h4>spellcheck</h4> <p> <code>spellcheck</code> 是拼写检查属性，在英文英语体系中比较有用，对于我们中文场景作用就弱了很多。 </p> <p>支持下面两个值：</p> <dl> <dt> <strong>true</strong> </dt> <dd> 开启拼写错误检查。 </dd> <dt> <strong>false</strong> </dt> <dd> 不检查拼写是否有错误。 </dd> </dl> <p> 虽然 <code>spellcheck</code> 是一个全局属性，但是，并不是所有元素使用这个属性都有效果的，主要用在input/textarea这些输入元素上。 </p> <p>兼容性如下图所示：</p> <p> <img src="https://img0.tuicool.com/naiMbq6.png!web"></p> <p>看起来兼容性还是相当不错的，不过我使用本机进行测试，并没有任何反应，可能我的浏览器是中文版的，并不支持或者需要哪里开启吧。</p> <h4>style</h4> <p> <code>style</code> 可以用来设置元素的内联样式，人尽皆知不展开。 </p> <h4>tabindex</h4> <p> <code>tabindex</code> 可以用来设置元素是否能够被Tab键索。 </p> <p> 关于 <code>tabindex</code> 属性和键盘的无障碍访问，之前专门写过一篇名为“ <a href="https://www.zhangxinxu.com/wordpress/2017/05/html-tabindex/" rel="nofollow,noindex" target="_blank">HTML tabindex属性与web网页键盘无障碍访问</a> ”的文章介绍过，对这一块比较关注的小伙伴，可以看看。 </p> <h4>title</h4> <p> <code>title</code> 表示元素的标题，在PC端浏览器中，鼠标hover会显示相关的提示。 </p> <h4> translate <sup>[实验]</sup></h4> <p> <code>translate</code> 属性表示是否允许浏览器对当前元素进行翻译。 </p> <p>支持下面两个属性值：</p> <dl> <dt> <strong>yes | ”</strong> </dt> <dd> 表示元素应当被翻译为本地语言。 </dd> <dt> <strong>no</strong> </dt> <dd> 表示这个元素不能被翻译。 </dd> </dl> <p>兼容性如下：</p> <p> <img src="https://img0.tuicool.com/V3A3mmY.png!web"></p> <p>移动端可以用起来。</p> <p>虽然并非所有浏览器都能识别这个属性，但它受到自动翻译系统（如Google Translate）的识别，也可能受到人工翻译工具的识别。因此，web开发者使用此属性标记不应翻译的内容非常重要。</p> <h3>三、结语啊哈</h3> <p>昨天回上海的，开始进入学习、撸代码，写文章状态，nice，nice，难得这么多连续整片的学习时间，赛高赛高。</p> <p>这篇文章嗯，将近8000字，内容还是比较多的，全部看完估计差不多半小时吧。</p> <p>昨天和今天累积奋战差不多16个多小时才弄完。</p> <p>就我个人而言，还是学到很多东西的，虽然大多数以前都用过，但是还有部分新特性也是第一次知道，花费的时间还是很值的。</p> <p>不过现在还在假期当中，估计也没几个人看，不妨，写文章主要还是自己总结学习用的。</p> <p> 最后，参考文档： <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes" rel="nofollow,noindex" target="_blank">MDN Global attributes</a> </p> <p>新年快乐！</p> <p> <img src="https://img0.tuicool.com/jaErmqA.png!web"></p> <p>本文为原创文章，欢迎分享，勿全文转载，如果实在喜欢，可收藏，永不过期，且会及时更新知识点及修正错误，阅读体验也更好。</p> <p> 本文地址： <a href="https://www.zhangxinxu.com/wordpress/?p=9235" rel="nofollow,noindex" target="_blank">https://www.zhangxinxu.com/wordpress/?p=9235</a> </p> <p>（本篇完）</p> </div>  <div class="tags"></div>  </div>  <div class="related-posts"><div class="postauthor-top"><h3>Related Posts</h3></div> <article class="post excerpt "> <a href="https://www.go2live.cn/nocate/%e6%8a%8a%e8%87%aa%e7%84%b6%e8%af%ad%e8%a8%80%e6%96%87%e6%9c%ac%e8%bd%ac%e6%8d%a2%e4%b8%ba%e5%90%91%e9%87%8f.html" title="把自然语言文本转换为向量" id="featured-thumbnail"> <header> <h4 class="title front-view-title">把自然语言文本转换为向量</h4> </header> </a> </article> <article class="post excerpt "> <a href="https://www.go2live.cn/nocate/%e3%80%90%e6%ba%90%e7%a0%81%e9%98%85%e8%af%bb%e3%80%91nsqd.html" title="【源码阅读】Nsqd" id="featured-thumbnail"> <header> <h4 class="title front-view-title">【源码阅读】Nsqd</h4> </header> </a> </article> <article class="post excerpt last"> <a href="https://www.go2live.cn/nocate/10-%e5%88%86%e9%92%9f%e5%ae%9e%e7%8e%b0-java-%e5%8f%91%e9%80%81%e9%82%ae%e4%bb%b6%e5%8a%9f%e8%83%bd.html" title="10 分钟实现 Java 发送邮件功能" id="featured-thumbnail"> <header> <h4 class="title front-view-title">10 分钟实现 Java 发送邮件功能</h4> </header> </a> </article> </div>   <div class="postauthor"> <h4>About The Author</h4> <img alt='' src='https://secure.gravatar.com/avatar/4273d06b59287bcad055d0fa0d5bb02a?s=85&d=monsterid&r=g' srcset='https://secure.gravatar.com/avatar/4273d06b59287bcad055d0fa0d5bb02a?s=170&d=monsterid&r=g 2x' class='avatar avatar-85 photo' height='85' width='85' /> <h5>fenny</h5> <p></p> </div>   </div> </div> </article>   <aside class="sidebar c-4-12"> <div id="sidebars" class="sidebar"> <div class="sidebar_list"> <div id="search-2" class="widget widget_search"><form method="get" id="searchform" class="search-form" action="https://www.go2live.cn" _lpchecked="1"> <fieldset> <input type="text" name="s" id="s" value="Search this site..." onblur="if (this.value == '') {this.value = 'Search this site...';}" onfocus="if (this.value == 'Search this site...') {this.value = '';}" > <input type="submit" value="Search" /> </fieldset> </form> </div><div id="linkcat-115" class="widget widget_links"><h3 class="widget-title"><span>友情链接</span></h3> <ul class='xoxo blogroll'> <li><a href="http://mooc.guokr.com/course/" target="_blank">mooc学院-综合学习</a></li> <li><a href="http://www.guanyuwu.com" rel="acquaintance sweetheart" target="_blank">创意手工分享</a></li> <li><a href="http://www.tuijiankan.com/" rel="friend" target="_blank">向阳博客</a></li> <li><a href="http://blog.devtang.com/" target="_blank">唐巧的技术博客-研发</a></li> <li><a href="http://www.liaoxuefeng.com/" target="_blank">廖雪峰官方网站-研发</a></li> <li><a href="http://weappdev.com/" target="_blank">微信小程序开发论坛</a></li> <li><a href="https://guanyuwu.taobao.com">直男送礼好去处</a></li> <li><a href="http://coolshell.cn/">酷壳-研发</a></li> <li><a href="http://www.ruanyifeng.com/blog/" target="_blank">阮一峰博客-研发-前端</a></li> <li><a href="http://www.laruence.com/" target="_blank">鸟哥博客-php专家</a></li> <li><a href="http://gongfuxiang.com/" target="_blank">龚福祥的博客-研发</a></li> </ul> </div> <div id="pages-10" class="widget widget_pages"><h3 class="widget-title"><span>页面</span></h3> <ul> <li class="page_item page-item-86"><a href="https://www.go2live.cn/it%e4%bc%81%e4%b8%9a">互联网it企业一览</a></li> <li class="page_item page-item-135484"><a href="https://www.go2live.cn/%e5%85%b3%e4%ba%8e">关于</a></li> <li class="page_item page-item-396503 page_item_has_children"><a href="https://www.go2live.cn/%e5%8f%82%e8%80%83%e6%89%8b%e5%86%8c">参考手册</a> <ul class='children'> <li class="page_item page-item-346526"><a href="https://www.go2live.cn/%e5%8f%82%e8%80%83%e6%89%8b%e5%86%8c/go%e6%8a%80%e6%9c%af%e9%80%89%e5%9e%8b">go技术选型</a></li> <li class="page_item page-item-346528 page_item_has_children"><a href="https://www.go2live.cn/%e5%8f%82%e8%80%83%e6%89%8b%e5%86%8c/go%e8%af%ad%e8%a8%80%e5%8f%82%e8%80%83">go语言参考</a> <ul class='children'> <li class="page_item page-item-392240"><a href="https://www.go2live.cn/%e5%8f%82%e8%80%83%e6%89%8b%e5%86%8c/go%e8%af%ad%e8%a8%80%e5%8f%82%e8%80%83/%e6%8e%a8%e8%8d%90%e4%b9%a6%e7%9b%ae">推荐书目</a></li> </ul> </li> <li class="page_item page-item-396501"><a href="https://www.go2live.cn/%e5%8f%82%e8%80%83%e6%89%8b%e5%86%8c/ssh%e4%bd%bf%e7%94%a8%e4%bb%8b%e7%bb%8d">ssh使用介绍</a></li> </ul> </li> <li class="page_item page-item-4972"><a href="https://www.go2live.cn/%e6%bc%94%e9%81%93%e5%85%ac%e4%bc%97%e5%8f%b7%e8%ae%a2%e9%98%85%e8%af%b4%e6%98%8e">演道公众号订阅说明</a></li> <li class="page_item page-item-72"><a href="https://www.go2live.cn/%e8%8b%b1%e6%96%87%e5%9c%b0%e5%9d%80%e5%86%99%e6%b3%95">英文地址写法</a></li> </ul> </div><div id="calendar-5" class="widget widget_calendar"><div id="calendar_wrap" class="calendar_wrap"><table id="wp-calendar"> <caption>2025年六月</caption> <thead> <tr> <th scope="col" title="星期一">M</th> <th scope="col" title="星期二">T</th> <th scope="col" title="星期三">W</th> <th scope="col" title="星期四">T</th> <th scope="col" title="星期五">F</th> <th scope="col" title="星期六">S</th> <th scope="col" title="星期日">S</th> </tr> </thead> <tfoot> <tr> <td colspan="3" id="prev"><a href="https://www.go2live.cn/2022/01">« Jan</a></td> <td class="pad"> </td> <td colspan="3" id="next" class="pad"> </td> </tr> </tfoot> <tbody> <tr> <td colspan="6" class="pad"> </td><td>1</td> </tr> <tr> <td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td> </tr> <tr> <td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td> </tr> <tr> <td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td> </tr> <tr> <td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td id="today">29</td> </tr> <tr> <td>30</td> <td class="pad" colspan="6"> </td> </tr> </tbody> </table></div></div><div id="categories-3" class="widget widget_categories"><h3 class="widget-title"><span>分类目录</span></h3> <ul> <li class="cat-item cat-item-16"><a href="https://www.go2live.cn/category/program/android" title="android的四种启动模式，与五大布局，五种存储模式，四大组件::::::演道网Andriod专栏提供Andriod基础概念，具体代码演示，方便大家深入理解和运用Android。大部分代码可以直接使用。">Android</a> </li> <li class="cat-item cat-item-269"><a href="https://www.go2live.cn/category/program/go" title="go,golang,go编程语言,golang编程, go web, go 分布式, go 并发">go</a> </li> <li class="cat-item cat-item-4"><a href="https://www.go2live.cn/category/program/ios" title="iOS开发入门和提高::::::演道网IOS专栏提供一线IOS研发人员在工作学习过程中的经验总结。让大家少走弯路。">iOS</a> </li> <li class="cat-item cat-item-80"><a href="https://www.go2live.cn/category/program/java" title="java入门与提高::::::演道网java专栏提供一线java研发人员在学习工作中的经验，减少大家走的弯路，大量源码可以直接使用。">java</a> </li> <li class="cat-item cat-item-6"><a href="https://www.go2live.cn/category/basic/linux" >linux学习</a> </li> <li class="cat-item cat-item-79"><a href="https://www.go2live.cn/category/program/php" title="php入门与提高::::::演道网php专栏提供一线php研发人员在学习工作中的经验，减少大家走的弯路，大量源码可以直接使用。">php</a> </li> <li class="cat-item cat-item-81"><a href="https://www.go2live.cn/category/program/python" title="python入门与提高::::::演道网python专栏提供一线python研发人员在学习工作中的经验，减少大家走的弯路，大量源码可以直接使用。">python</a> </li> <li class="cat-item cat-item-82"><a href="https://www.go2live.cn/category/practice/shell" >shell</a> </li> <li class="cat-item cat-item-105"><a href="https://www.go2live.cn/category/prd/design" >UI设计</a> </li> <li class="cat-item cat-item-11"><a href="https://www.go2live.cn/category/dev/web" >web</a> </li> <li class="cat-item cat-item-22"><a href="https://www.go2live.cn/category/dev" title="w3cschool,HTML,CSS,PHP,DOM,JavaScript,jQuery,XML,AJAX,ASP.NET,W3C,MySQL,SQL,jquery mobile,bootstrap,Python,jquery easyui,jquery ui,angularjs::::演道网的w3cschool,HTML,CSS,PHP,DOM,JavaScript,jQuery,XML,AJAX,ASP.NET,W3C,MySQL,SQL,jquery mobile,bootstrap,Python,jquery easyui,jquery ui,angularjs等技术都在这里。">产品研发</a> </li> <li class="cat-item cat-item-73"><a href="https://www.go2live.cn/category/prd" title="互联网产品、设计、运营案例分析，方法论指导::::::演道网互联网产品设计专栏提供网上优秀的产品运营设计相关的知识和文章。">产品设计</a> </li> <li class="cat-item cat-item-104"><a href="https://www.go2live.cn/category/prd/product" >产品需求</a> </li> <li class="cat-item cat-item-23"><a href="https://www.go2live.cn/category/dev/%e5%85%b6%e5%ae%83" >其它</a> </li> <li class="cat-item cat-item-277"><a href="https://www.go2live.cn/category/reference" >参考手册</a> </li> <li class="cat-item cat-item-276"><a href="https://www.go2live.cn/category/%e5%bf%83%e7%81%b5%e5%b0%8f%e6%86%a9" title="心灵小憩">心灵小憩</a> </li> <li class="cat-item cat-item-84"><a href="https://www.go2live.cn/category/dev/db" title="数据库入门与提高::::::演道网数据库专栏提供一线数据库研发人员在学习工作中的经验，减少大家走的弯路，大量源码可以直接使用。">数据库</a> </li> <li class="cat-item cat-item-1"><a href="https://www.go2live.cn/category/nocate" >未分类</a> </li> <li class="cat-item cat-item-3"><a href="https://www.go2live.cn/category/life" >生活随感</a> </li> <li class="cat-item cat-item-266"><a href="https://www.go2live.cn/category/basic/algorithm" >算法</a> </li> <li class="cat-item cat-item-75"><a href="https://www.go2live.cn/category/grow" >观念更新</a> </li> <li class="cat-item cat-item-270"><a href="https://www.go2live.cn/category/practice/keng" >踩坑</a> </li> <li class="cat-item cat-item-83"><a href="https://www.go2live.cn/category/practice/devops" >运维</a> </li> <li class="cat-item cat-item-106"><a href="https://www.go2live.cn/category/prd/market" >运营推广</a> </li> </ul> </div><div id="tag_cloud-12" class="widget widget_tag_cloud"><h3 class="widget-title"><span>标签</span></h3><div class="tagcloud"><a href="https://www.go2live.cn/tag/android" class="tag-cloud-link tag-link-39 tag-link-position-1" style="font-size: 18.980392156863pt;" aria-label="Android (47 items)">Android</a> <a href="https://www.go2live.cn/tag/android%e5%bc%80%e5%8f%91%e6%8a%80%e6%9c%af%e5%91%a8%e6%8a%a5" class="tag-cloud-link tag-link-258 tag-link-position-2" style="font-size: 14.862745098039pt;" aria-label="Android开发技术周报 (16 items)">Android开发技术周报</a> <a href="https://www.go2live.cn/tag/angularjs" class="tag-cloud-link tag-link-119 tag-link-position-3" style="font-size: 12.300653594771pt;" aria-label="AngularJS (8 items)">AngularJS</a> <a href="https://www.go2live.cn/tag/django" class="tag-cloud-link tag-link-134 tag-link-position-4" style="font-size: 16.052287581699pt;" aria-label="django (22 items)">django</a> <a href="https://www.go2live.cn/tag/flask" class="tag-cloud-link tag-link-259 tag-link-position-5" style="font-size: 8pt;" aria-label="flask (2 items)">flask</a> <a href="https://www.go2live.cn/tag/http" class="tag-cloud-link tag-link-45 tag-link-position-6" style="font-size: 17.516339869281pt;" aria-label="http (32 items)">http</a> <a href="https://www.go2live.cn/tag/jquery" class="tag-cloud-link tag-link-121 tag-link-position-7" style="font-size: 10.013071895425pt;" aria-label="jQuery (4 items)">jQuery</a> <a href="https://www.go2live.cn/tag/nginx" class="tag-cloud-link tag-link-77 tag-link-position-8" style="font-size: 11.843137254902pt;" aria-label="nginx (7 items)">nginx</a> <a href="https://www.go2live.cn/tag/nodejs" class="tag-cloud-link tag-link-120 tag-link-position-9" style="font-size: 13.490196078431pt;" aria-label="NodeJS (11 items)">NodeJS</a> <a href="https://www.go2live.cn/tag/securecrt" class="tag-cloud-link tag-link-103 tag-link-position-10" style="font-size: 19.895424836601pt;" aria-label="securecrt (59 items)">securecrt</a> <a href="https://www.go2live.cn/tag/shell" class="tag-cloud-link tag-link-71 tag-link-position-11" style="font-size: 18.522875816993pt;" aria-label="shell (42 items)">shell</a> <a href="https://www.go2live.cn/tag/view" class="tag-cloud-link tag-link-29 tag-link-position-12" style="font-size: 12.758169934641pt;" aria-label="View (9 items)">View</a> <a href="https://www.go2live.cn/tag/vim" class="tag-cloud-link tag-link-61 tag-link-position-13" style="font-size: 18.248366013072pt;" aria-label="vim (39 items)">vim</a> <a href="https://www.go2live.cn/tag/wordpress%e4%bc%98%e5%8c%96" class="tag-cloud-link tag-link-109 tag-link-position-14" style="font-size: 10.745098039216pt;" aria-label="wordpress优化 (5 items)">wordpress优化</a> <a href="https://www.go2live.cn/tag/%e4%bb%a3%e7%a0%81%e7%a4%ba%e8%8c%83" class="tag-cloud-link tag-link-43 tag-link-position-15" style="font-size: 17.241830065359pt;" aria-label="代码示范 (30 items)">代码示范</a> <a href="https://www.go2live.cn/tag/%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91" class="tag-cloud-link tag-link-118 tag-link-position-16" style="font-size: 15.503267973856pt;" aria-label="前端开发 (19 items)">前端开发</a> <a href="https://www.go2live.cn/tag/%e5%8e%9f%e5%88%9b" class="tag-cloud-link tag-link-12 tag-link-position-17" style="font-size: 21.542483660131pt;" aria-label="原创 (91 items)">原创</a> <a href="https://www.go2live.cn/tag/%e5%9f%ba%e7%a1%80%e6%a6%82%e5%bf%b5" class="tag-cloud-link tag-link-30 tag-link-position-18" style="font-size: 16.235294117647pt;" aria-label="基础概念 (23 items)">基础概念</a> <a href="https://www.go2live.cn/tag/%e5%a4%9a%e7%ba%bf%e7%a8%8b" class="tag-cloud-link tag-link-49 tag-link-position-19" style="font-size: 10.013071895425pt;" aria-label="多线程 (4 items)">多线程</a> <a href="https://www.go2live.cn/tag/%e5%ad%a6%e4%bc%9a%e6%8f%90%e9%97%ae" class="tag-cloud-link tag-link-129 tag-link-position-20" style="font-size: 15.137254901961pt;" aria-label="学会提问 (17 items)">学会提问</a> <a href="https://www.go2live.cn/tag/%e5%b7%a5%e5%85%b7" class="tag-cloud-link tag-link-28 tag-link-position-21" style="font-size: 9.0980392156863pt;" aria-label="工具 (3 items)">工具</a> <a href="https://www.go2live.cn/tag/%e5%b7%a5%e5%85%b7%e5%ad%a6%e4%b9%a0" class="tag-cloud-link tag-link-17 tag-link-position-22" style="font-size: 10.745098039216pt;" aria-label="工具学习 (5 items)">工具学习</a> <a href="https://www.go2live.cn/tag/%e5%b7%a5%e7%a8%8b%e5%b8%88%e6%97%a5%e5%b8%b8" class="tag-cloud-link tag-link-218 tag-link-position-23" style="font-size: 18.614379084967pt;" aria-label="工程师日常 (43 items)">工程师日常</a> <a href="https://www.go2live.cn/tag/%e5%bc%80%e5%8f%91%e8%80%85%e5%a4%b4%e6%9d%a1" class="tag-cloud-link tag-link-170 tag-link-position-24" style="font-size: 22pt;" aria-label="开发者头条 (102 items)">开发者头条</a> <a href="https://www.go2live.cn/tag/%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f" class="tag-cloud-link tag-link-116 tag-link-position-25" style="font-size: 14.588235294118pt;" aria-label="微信小程序 (15 items)">微信小程序</a> <a href="https://www.go2live.cn/tag/%e5%be%ae%e4%bf%a1%e5%ba%94%e7%94%a8%e5%8f%b7" class="tag-cloud-link tag-link-117 tag-link-position-26" style="font-size: 14.40522875817pt;" aria-label="微信应用号 (14 items)">微信应用号</a> <a href="https://www.go2live.cn/tag/%e5%bf%83%e6%99%ba" class="tag-cloud-link tag-link-35 tag-link-position-27" style="font-size: 12.758169934641pt;" aria-label="心智 (9 items)">心智</a> <a href="https://www.go2live.cn/tag/%e6%8a%80%e6%9c%af%e6%9e%b6%e6%9e%84" class="tag-cloud-link tag-link-127 tag-link-position-28" style="font-size: 16.967320261438pt;" aria-label="技术架构 (28 items)">技术架构</a> <a href="https://www.go2live.cn/tag/%e6%8e%a8%e8%8d%90" class="tag-cloud-link tag-link-32 tag-link-position-29" style="font-size: 8pt;" aria-label="推荐 (2 items)">推荐</a> <a href="https://www.go2live.cn/tag/%e6%95%88%e7%8e%87" class="tag-cloud-link tag-link-37 tag-link-position-30" style="font-size: 11.385620915033pt;" aria-label="效率 (6 items)">效率</a> <a href="https://www.go2live.cn/tag/%e6%a0%b8%e5%bf%83%e6%a6%82%e5%bf%b5" class="tag-cloud-link tag-link-34 tag-link-position-31" style="font-size: 10.013071895425pt;" aria-label="核心概念 (4 items)">核心概念</a> <a href="https://www.go2live.cn/tag/%e6%ba%90%e7%a0%81%e5%88%86%e6%9e%90" class="tag-cloud-link tag-link-33 tag-link-position-32" style="font-size: 10.745098039216pt;" aria-label="源码分析 (5 items)">源码分析</a> <a href="https://www.go2live.cn/tag/%e7%9f%a5%e8%af%86%e6%80%bb%e7%bb%93" class="tag-cloud-link tag-link-97 tag-link-position-33" style="font-size: 9.0980392156863pt;" aria-label="知识总结 (3 items)">知识总结</a> <a href="https://www.go2live.cn/tag/%e7%a0%81%e5%86%9c%e5%91%a8%e5%88%8a" class="tag-cloud-link tag-link-257 tag-link-position-34" style="font-size: 15.320261437908pt;" aria-label="码农周刊 (18 items)">码农周刊</a> <a href="https://www.go2live.cn/tag/%e7%a7%af%e7%b4%af" class="tag-cloud-link tag-link-25 tag-link-position-35" style="font-size: 10.745098039216pt;" aria-label="积累 (5 items)">积累</a> <a href="https://www.go2live.cn/tag/%e7%ae%97%e6%b3%95" class="tag-cloud-link tag-link-69 tag-link-position-36" style="font-size: 13.124183006536pt;" aria-label="算法 (10 items)">算法</a> <a href="https://www.go2live.cn/tag/%e7%ba%bf%e7%a8%8b" class="tag-cloud-link tag-link-51 tag-link-position-37" style="font-size: 16.692810457516pt;" aria-label="线程 (26 items)">线程</a> <a href="https://www.go2live.cn/tag/%e7%bf%bb%e8%af%91" class="tag-cloud-link tag-link-31 tag-link-position-38" style="font-size: 9.0980392156863pt;" aria-label="翻译 (3 items)">翻译</a> <a href="https://www.go2live.cn/tag/%e8%a7%82%e7%82%b9" class="tag-cloud-link tag-link-59 tag-link-position-39" style="font-size: 9.0980392156863pt;" aria-label="观点 (3 items)">观点</a> <a href="https://www.go2live.cn/tag/%e8%ae%a8%e8%ae%ba" class="tag-cloud-link tag-link-46 tag-link-position-40" style="font-size: 14.130718954248pt;" aria-label="讨论 (13 items)">讨论</a> <a href="https://www.go2live.cn/tag/%e8%af%bb%e4%b9%a6%e7%ac%94%e8%ae%b0" class="tag-cloud-link tag-link-36 tag-link-position-41" style="font-size: 12.300653594771pt;" aria-label="读书笔记 (8 items)">读书笔记</a> <a href="https://www.go2live.cn/tag/%e8%bd%ac%e8%bd%bd" class="tag-cloud-link tag-link-14 tag-link-position-42" style="font-size: 14.588235294118pt;" aria-label="转载 (15 items)">转载</a> <a href="https://www.go2live.cn/tag/%e8%bf%90%e7%bb%b4" class="tag-cloud-link tag-link-18 tag-link-position-43" style="font-size: 11.843137254902pt;" aria-label="运维 (7 items)">运维</a> <a href="https://www.go2live.cn/tag/%e9%9d%a2%e8%af%95" class="tag-cloud-link tag-link-38 tag-link-position-44" style="font-size: 18.980392156863pt;" aria-label="面试 (47 items)">面试</a> <a href="https://www.go2live.cn/tag/%e9%b8%a1%e6%b1%a4%e6%96%87" class="tag-cloud-link tag-link-94 tag-link-position-45" style="font-size: 10.013071895425pt;" aria-label="鸡汤文 (4 items)">鸡汤文</a></div> </div><div id="recent-comments-4" class="widget widget_recent_comments"><h3 class="widget-title"><span>近期评论</span></h3><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href='https://personalloans2.com/' rel='external nofollow' class='url'>Spotloan</a></span>发表在《<a href="https://www.go2live.cn/basic/linux/linux-useradd%e5%91%bd%e4%bb%a4%e6%b7%bb%e5%8a%a0%e6%96%b0%e7%94%a8%e6%88%b7%e5%9b%be%e6%96%87%e8%af%a6%e8%a7%a3-%e6%bc%94%e9%81%93%e7%bd%91.html/comment-page-7#comment-100220">Linux useradd命令添加新用户图文详解-演道网</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href='https://paydayloans3.com/' rel='external nofollow' class='url'>Speedycash</a></span>发表在《<a href="https://www.go2live.cn/basic/linux/linux-useradd%e5%91%bd%e4%bb%a4%e6%b7%bb%e5%8a%a0%e6%96%b0%e7%94%a8%e6%88%b7%e5%9b%be%e6%96%87%e8%af%a6%e8%a7%a3-%e6%bc%94%e9%81%93%e7%bd%91.html/comment-page-7#comment-100219">Linux useradd命令添加新用户图文详解-演道网</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href='http://viagra200.com/' rel='external nofollow' class='url'>JudyDak</a></span>发表在《<a href="https://www.go2live.cn/basic/linux/linux-useradd%e5%91%bd%e4%bb%a4%e6%b7%bb%e5%8a%a0%e6%96%b0%e7%94%a8%e6%88%b7%e5%9b%be%e6%96%87%e8%af%a6%e8%a7%a3-%e6%bc%94%e9%81%93%e7%bd%91.html/comment-page-7#comment-100218">Linux useradd命令添加新用户图文详解-演道网</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href='https://nolvadex10.com/' rel='external nofollow' class='url'>SamDak</a></span>发表在《<a href="https://www.go2live.cn/basic/linux/linux-useradd%e5%91%bd%e4%bb%a4%e6%b7%bb%e5%8a%a0%e6%96%b0%e7%94%a8%e6%88%b7%e5%9b%be%e6%96%87%e8%af%a6%e8%a7%a3-%e6%bc%94%e9%81%93%e7%bd%91.html/comment-page-7#comment-100217">Linux useradd命令添加新用户图文详解-演道网</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href='http://hydrochlorothiazide125.com/' rel='external nofollow' class='url'>AlanDak</a></span>发表在《<a href="https://www.go2live.cn/basic/linux/linux-useradd%e5%91%bd%e4%bb%a4%e6%b7%bb%e5%8a%a0%e6%96%b0%e7%94%a8%e6%88%b7%e5%9b%be%e6%96%87%e8%af%a6%e8%a7%a3-%e6%bc%94%e9%81%93%e7%bd%91.html/comment-page-7#comment-100216">Linux useradd命令添加新用户图文详解-演道网</a>》</li></ul></div> </div> </div> </aside>  </div> </div> <footer id="site-footer" role="contentinfo">  <div class="copyrights"> <div class="container"> <div class="row" id="copyright-note"> <span> © 2025 演道网 <span class="footer-info-right"> <a href="https://beian.miit.gov.cn/" target="_blank"> 京ICP备16029834号-1 </a> </span> <div class="top"> <a href="#top" class="toplink">Back to Top ↑</a> </div> </div> </div> </div>  </footer> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Emojify.js/js/emojify.min.js?ver=9.9.9'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/ClipBoard/clipboard.min.js?ver=2.0.1'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/components/prism-core.min.js?ver=1.15.0'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/plugins/autoloader/prism-autoloader.min.js?ver=1.15.0'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/plugins/toolbar/prism-toolbar.min.js?ver=1.15.0'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/plugins/show-language/prism-show-language.min.js?ver=1.15.0'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js?ver=1.15.0'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Turndown/turndown.js?ver=5.0.1'></script> <script type='text/javascript' src='https://www.go2live.cn/wp-content/themes/feather-magazine/js/customscripts.js?ver=4.9.8'></script> <script type='text/javascript' src='https://www.go2live.cn/wp-includes/js/wp-embed.min.js?ver=4.9.8'></script> <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=default&ver=1.3.10'></script> <script type="text/javascript"> window.onload = function () { emojify.setConfig({ img_dir: "https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Emojify.js/images/basic",//前端emoji资源地址 blacklist: { 'ids': [], 'classes': ['no-emojify'], 'elements': ['^script$', '^textarea$', '^pre$', '^code$'] } }); emojify.run(); } </script> <script type="text/javascript"> Prism.plugins.autoloader.languages_path = "https://cdn.jsdelivr.net/wp/wp-editormd/tags/9.9.9/assets/Prism.js/components/"; </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?7c0353d5197094ff9721e67666d9b6b4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>