react 文本域

React 文本域

React 是一个用于构建用户界面的 JavaScript 库。它被广泛应用于开发单页应用程序（SPA）和移动应用程序，因为它具有高度可组合性和可重用性的特点。在

React 中，文本域是一种常见的用户输入组件，它允许用户输入多行文本。

什么是文本域？

文本域（Textarea）是一种HTML元素，用于接收多行文本输入。它通常在表单中使用，例如评论框、邮件正文等。与单行输入框（input）不同，文本域可以容纳更多的内容，并且可以自动换行。

在 React 中，我们可以使用

元素来创建文本域。 </p><p style="text-indent: 2em;";>创建一个简单的文本域 </p><p style="text-indent: 2em;";>要创建一个简单的文本域，在 React 中可以使用以下代码： </p><p style="text-indent: 2em;";>import React from 'react'; </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>class TextArea extends ent { </p><p style="text-indent: 2em;";> constructor(props) { </p><p style="text-indent: 2em;";> super(props); </p><p style="text-indent: 2em;";> = { </p><p style="text-indent: 2em;";> value: '' </p><p style="text-indent: 2em;";> }; </p><p style="text-indent: 2em;";> } </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> handleChange(event) { </p><p style="text-indent: 2em;";> te({ value: }); </p><p style="text-indent: 2em;";> } </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> render() { </p><p style="text-indent: 2em;";> return ( </p><p style="text-indent: 2em;";> <div> </p><p style="text-indent: 2em;";> <textarea </p><p style="text-indent: 2em;";> value={} </p><p style="text-indent: 2em;";> onChange={(this)} </p><p style="text-indent: 2em;";> /> </p><p style="text-indent: 2em;";> <p>您输入的内容是：{}</p> </p><p style="text-indent: 2em;";> </div> </p><p style="text-indent: 2em;";> ); </p><p style="text-indent: 2em;";> } </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>export default TextArea; </p><p style="text-indent: 2em;";>在上面的代码中，我们定义了一个名为 </p><p style="text-indent: 2em;";>TextArea 的组件，并通过 </p><p style="text-indent: 2em;";>constructor 方法初始化了 </p><p style="text-indent: 2em;";>value 的状态。在 </p><p style="text-indent: 2em;";>handleChange 方法中，我们通过调用 </p><p style="text-indent: 2em;";>setState 更新了 </p><p style="text-indent: 2em;";>value 的状态。在 </p><p style="text-indent: 2em;";>render 方法中，我们将 </p><p style="text-indent: 2em;";><textarea> 元素的值绑定到 </p><p style="text-indent: 2em;";>，并监听其 </p><p style="text-indent: 2em;";>onChange 事件。 </p><p style="text-indent: 2em;";>当用户输入文本时，handleChange 方法会被触发，并更新组件的状态。然后，我们可以在 </p><p style="text-indent: 2em;";><p> 元素中显示用户输入的内容。 </p><p style="text-indent: 2em;";>设置默认值和限制文本长度 </p><p style="text-indent: 2em;";>有时候，我们需要为文本域设置默认值，并限制用户输入的文本长度。在 React </p><p style="text-indent: 2em;";>中，可以通过修改上面代码中的构造函数来实现： </p><p style="text-indent: 2em;";>constructor(props) { </p><p style="text-indent: 2em;";> super(props); </p><p style="text-indent: 2em;";> = { </p><p style="text-indent: 2em;";> value: '这是一个默认值。', </p><p style="text-indent: 2em;";> maxLength: 100 </p><p style="text-indent: 2em;";> }; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>handleChange(event) { </p><p style="text-indent: 2em;";> const inputValue = ; </p><p style="text-indent: 2em;";> if ( <= gth) { </p><p style="text-indent: 2em;";> te({ value: inputValue }); </p><p style="text-indent: 2em;";> } </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";>在上面的代码中，我们添加了一个名为 </p><p style="text-indent: 2em;";>maxLength 的状态变量，并将其设置为最大允许输入的字符数。在 </p><p style="text-indent: 2em;";>handleChange 方法中，我们首先获取用户输入的值，并检查其长度是否小于等于最大长度。如果是，则更新组件的状态。 </p><p style="text-indent: 2em;";>样式化和自定义文本域 </p><p style="text-indent: 2em;";>React 提供了丰富的样式化和自定义选项来满足不同应用场景下对文本域的需求。 </p><p style="text-indent: 2em;";>样式化 </p><p style="text-indent: 2em;";>要对文本域进行样式化，可以使用内联样式或外部 CSS 文件。下面是一个使用内联样式的例子： </p><p style="text-indent: 2em;";>render() { </p><p style="text-indent: 2em;";> const textareaStyle = { </p><p style="text-indent: 2em;";> width: '300px', </p><p style="text-indent: 2em;";> height: '100px', </p><p style="text-indent: 2em;";> padding: '10px', </p><p style="text-indent: 2em;";> fontSize: '16px' </p><p style="text-indent: 2em;";> }; </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> return ( </p><p style="text-indent: 2em;";> <div> </p><p style="text-indent: 2em;";> <textarea </p><p style="text-indent: 2em;";> style={textareaStyle} </p><p style="text-indent: 2em;";> value={} </p><p style="text-indent: 2em;";> onChange={(this)} </p><p style="text-indent: 2em;";> /> </p><p style="text-indent: 2em;";> <p>您输入的内容是：{}</p> </p><p style="text-indent: 2em;";> </div> </p><p style="text-indent: 2em;";> ); </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";>在上面的代码中，我们创建了一个名为 </p><p style="text-indent: 2em;";>textareaStyle 的对象，并设置了一些样式属性。然后，将其应用到 </p><p style="text-indent: 2em;";><textarea> 元素的 </p><p style="text-indent: 2em;";>style 属性上。 </p><p style="text-indent: 2em;";>自定义文本域 </p><p style="text-indent: 2em;";>如果希望对文本域进行更多自定义，可以使用第三方库或自己编写组件。例如，可以使用 </p><p style="text-indent: 2em;";>react-textarea-autosize 库来实现自动调整大小的文本域： </p><p style="text-indent: 2em;";>import React from 'react'; </p><p style="text-indent: 2em;";>import TextareaAutosize from 'react-textarea-autosize'; </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>class AutoResizableTextArea extends ent { </p><p style="text-indent: 2em;";> constructor(props) { </p><p style="text-indent: 2em;";> super(props); </p><p style="text-indent: 2em;";> = { </p><p style="text-indent: 2em;";> value: '' </p><p style="text-indent: 2em;";> }; </p><p style="text-indent: 2em;";> } </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> handleChange(event) { </p><p style="text-indent: 2em;";> te({ value: }); </p><p style="text-indent: 2em;";> } </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> render() { </p><p style="text-indent: 2em;";> return ( </p><p style="text-indent: 2em;";> <div> </p><p style="text-indent: 2em;";> <TextareaAutosize </p><p style="text-indent: 2em;";> minRows={3} </p><p style="text-indent: 2em;";> maxRows={6} </p><p style="text-indent: 2em;";> value={} </p><p style="text-indent: 2em;";> onChange={(this)} </p><p style="text-indent: 2em;";> /> </p><p style="text-indent: 2em;";> <p>您输入的内容是：{}</p> </p><p style="text-indent: 2em;";> </div> </p><p style="text-indent: 2em;";> ); </p><p style="text-indent: 2em;";> } </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>export default AutoResizableTextArea; </p><p style="text-indent: 2em;";>在上面的代码中，我们使用 </p><p style="text-indent: 2em;";>react-textarea-autosize 库中的 </p><p style="text-indent: 2em;";><TextareaAutosize> </p><p style="text-indent: 2em;";>组件来创建自动调整大小的文本域。通过设置 </p><p style="text-indent: 2em;";>minRows 和 </p><p style="text-indent: 2em;";>maxRows 属性，可以控制文本域的最小和最大行数。 </p><p style="text-indent: 2em;";>总结 </p><p style="text-indent: 2em;";>React 文本域是一种常见的用户输入组件，用于接收多行文本输入。通过使用 </p><p style="text-indent: 2em;";><textarea> 元素和相关事件处理函数，我们可以轻松地创建和操作文本域。同时，React 还提供了丰富的样式化和自定义选项，以满足各种应用场景下对文本域的需求。 </p><p style="text-indent: 2em;";>希望通过本篇文章对 React 文本域有了更深入的了解，并能够在实际项目中灵活运用。如果你想进一步学习 React 或其他相关知识，请查阅相关文档和教程。祝你编写出优秀的 React 应用！ </p></div><br><p><h2></h2></p> <!-- 附件 --> <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/748.html" target="_blank">文本</a> <a style="margin-right: 10px" href="/tag/257.html" target="_blank">输入</a> <a style="margin-right: 10px" href="/tag/259.html" target="_blank">用户</a> <a style="margin-right: 10px" href="/tag/590.html" target="_blank">组件</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：react 文本域 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：<a href="http://www.freenas.com.cn/free/1704454243h460459.html">http://www.freenas.com.cn/free/1704454243h460459.html</a>， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。 </p> </blockquote> </div> </div> <div class="roclinux-cn block-wrap single-relative"> <h2 class="block-title"> 更多相关文章 </h2> <div class="roclinux-cn post-list"> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1728029444h1189816.html" title="Windows7用户账户控制（UAC）是什么">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Windows7用户账户控制（UAC）是什么">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1728029444h1189816.html" class="post-item-title" title="Windows7用户账户控制（UAC）是什么"> <h3>Windows7用户账户控制（UAC）是什么</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">用户帐户控制 (User Account Control) 是Windows Vista&#xff08;及微软更高版本操作系统&#xff0c;比如Win7&#xff09;中一组新的核心技术&#xff0c;可以</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1728298528h1225401.html" title="win10计算机切换用户,win10账户切换,详细教您win10怎么切换账户">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="win10计算机切换用户,win10账户切换,详细教您win10怎么切换账户">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1728298528h1225401.html" class="post-item-title" title="win10计算机切换用户,win10账户切换,详细教您win10怎么切换账户"> <h3>win10计算机切换用户,win10账户切换,详细教您win10怎么切换账户</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">win10全新的视觉感受让人眼前一亮&#xff0c;和win7、win8一样的win10配置要求&#xff0c;让我们可以放心的体验微软最新系统的操作体验。而许多人升级至Win10后&#xff0c;会设置几个账户&a</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1728363222h1233899.html" title="如何在C++ QT 程序中集成cef3开源浏览器组件去显示网页？">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="如何在C++ QT 程序中集成cef3开源浏览器组件去显示网页？">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1728363222h1233899.html" class="post-item-title" title="如何在C++ QT 程序中集成cef3开源浏览器组件去显示网页？"> <h3>如何在C++ QT 程序中集成cef3开源浏览器组件去显示网页？</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">目录 1、问题描述 2、为什么选择cef3浏览器组件 3、cef3组件的介绍与下载 4、将cef3组件封装成sdk 5、如何使用cef3组件加载web页面 5.1、了解CefApp与CefClient 5.2、初始化与消息循环</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1728812154h1281576.html" title="win7-webstorm卸载不干净，用户下的配置没有删除">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="win7-webstorm卸载不干净，用户下的配置没有删除">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1728812154h1281576.html" class="post-item-title" title="win7-webstorm卸载不干净，用户下的配置没有删除"> <h3>win7-webstorm卸载不干净，用户下的配置没有删除</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">本人想将webstormWebStorm2020.1改为WebStorm2021.1 本人安装的系统是win7版的&#xff0c;卸载的时候老是卸载不干净&#xff0c;用网上所有方法都卸载&#xff0c;不干净&</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1728912215h1294348.html" title="免费下载正版office（仅限笔记本用户）">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="免费下载正版office（仅限笔记本用户）">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1728912215h1294348.html" class="post-item-title" title="免费下载正版office（仅限笔记本用户）"> <h3>免费下载正版office（仅限笔记本用户）</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">买笔记本的时候&#xff0c;一般都会赠送正版office&#xff0c;但是由于重装系统等等某些原因&#xff0c;office找不到&#xff0c;面对这种情况&#xff0c;不用去网上找免登录的</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1728999976h1305252.html" title="【学习日记2023.4.25】之 前后端分离_前端工程化_Vue组件库Element_Vue路由_打包部署">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="【学习日记2023.4.25】之 前后端分离_前端工程化_Vue组件库Element_Vue路由_打包部署">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1728999976h1305252.html" class="post-item-title" title="【学习日记2023.4.25】之 前后端分离_前端工程化_Vue组件库Element_Vue路由_打包部署"> <h3>【学习日记2023.4.25】之 前后端分离_前端工程化_Vue组件库Element_Vue路由_打包部署</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">文章目录 1. 前后台分离开发1.1 前后台分离开发介绍1.2 YAPI1.2.1 YAPI介绍1.2.2 接口文档管理 2. 前端工程化2.1 前端工程化介绍2.2 前端工程化入门2.2.1 环境准备NodeJS安装 2.2.2 Vue项</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729002609h1305571.html" title="第11章 安全网络架构和保护网络组件">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="第11章 安全网络架构和保护网络组件">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729002609h1305571.html" class="post-item-title" title="第11章 安全网络架构和保护网络组件"> <h3>第11章 安全网络架构和保护网络组件</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">11.1 OSI模型 11.1.1 OSI模型的历史 20 世纪70 年代后期开发 开发OSI协议是为给所有计算机系统建立通用的通信结构或标准。 11.1.2 OSI功能 7 应用层 6 表示层 5 会话层 4 传输层 3</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729002938h1305611.html" title="22-12-19 西安 vue-cli vue-cli脚手架、组件化编程、插槽、vue-router路由、Vuex共享数据">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="22-12-19 西安 vue-cli vue-cli脚手架、组件化编程、插槽、vue-router路由、Vuex共享数据">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729002938h1305611.html" class="post-item-title" title="22-12-19 西安 vue-cli vue-cli脚手架、组件化编程、插槽、vue-router路由、Vuex共享数据"> <h3>22-12-19 西安 vue-cli vue-cli脚手架、组件化编程、插槽、vue-router路由、Vuex共享数据</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">"对A&#xff0c;我还剩一张牌啦&#xff01;" "呃。。。要不起 这俩天被洗脑了&#xff0c;看了好几个主播的“鸭鹅杀”。脑子里总是那一句&#xff1a;“叼得一发言</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729011361h1306661.html" title="取消windows打开某一软件时的【用户账户控制】弹窗">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="取消windows打开某一软件时的【用户账户控制】弹窗">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729011361h1306661.html" class="post-item-title" title="取消windows打开某一软件时的【用户账户控制】弹窗"> <h3>取消windows打开某一软件时的【用户账户控制】弹窗</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">取消打开某个软件时【用户账户控制】弹窗 打开注册表&#xff1a;HKEY_CURRENT_USERSOFTWAREMicrosoftWindows NTCurrentVersionAppCompatFlagsLaye</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729014826h1307072.html" title="最新ChatGPT网站源码支持用户付费套餐+赚取收益">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="最新ChatGPT网站源码支持用户付费套餐+赚取收益">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729014826h1307072.html" class="post-item-title" title="最新ChatGPT网站源码支持用户付费套餐+赚取收益"> <h3>最新ChatGPT网站源码支持用户付费套餐+赚取收益</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">正文&#xff1a; 2023最新ChatGPT网站源码支持用户付费套餐赚取收益 附安装教程 云盘地址&#xff1a; http:zijieyunpanxnmHgyOhsq8 图片&#xff1a;</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729014898h1307086.html" title="ChatGPT实现HTML网页文本提取">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="ChatGPT实现HTML网页文本提取">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729014898h1307086.html" class="post-item-title" title="ChatGPT实现HTML网页文本提取"> <h3>ChatGPT实现HTML网页文本提取</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">网页自动化工具 既然ChatGPT对于编程语言有非常强大的理解能力&#xff0c;那么它是否可以用来自动化地处理网页呢&#xff1f;答案是肯定的。ChatGPT可以使用机器学习算法来识别网页元素中的文本&#xff</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729042977h1310635.html" title="android系统编辑器,Android系统上的Notepad++文本编辑器_920 Text Editor V1.0 下载">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="android系统编辑器,Android系统上的Notepad++文本编辑器_920 Text Editor V1.0 下载">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729042977h1310635.html" class="post-item-title" title="android系统编辑器,Android系统上的Notepad++文本编辑器_920 Text Editor V1.0 下载"> <h3>android系统编辑器,Android系统上的Notepad++文本编辑器_920 Text Editor V1.0 下载</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">Notepad编辑器在windows上是很受大家欢迎的&#xff0c;而在手机上却一直不见它的身影&#xff0c;其实也有替换品的&#xff0c;例如920 Text Editor就是Android安卓手机系统上的N</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729140654h1322882.html" title="“飞鸽传书”无法显示局域网用户问题的解决办法">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="“飞鸽传书”无法显示局域网用户问题的解决办法">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729140654h1322882.html" class="post-item-title" title="“飞鸽传书”无法显示局域网用户问题的解决办法"> <h3>“飞鸽传书”无法显示局域网用户问题的解决办法</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">为了方便文件传输&#xff0c;在同个局域网内的两台机器上安装了飞鸽传书&#xff08;5.1版本&#xff09;。 运行后确发现互相都看不到对方——工作组的用户列表是空的&#xff0c;等待一段时间后不断</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729151196h1324225.html" title="linux普通用户时间乱码,Linux root用户与普通用户时间不一致">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="linux普通用户时间乱码,Linux root用户与普通用户时间不一致">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729151196h1324225.html" class="post-item-title" title="linux普通用户时间乱码,Linux root用户与普通用户时间不一致"> <h3>linux普通用户时间乱码,Linux root用户与普通用户时间不一致</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">造成这种原因有多种&#xff0c;可能是安装软件时选的时区不是本国时间等等。 今天检查了root用户和oracle及grid用户的时间不一样&#xff0c;幸好数据库还没有正式应用&#xff0c;不然可能会造成时间差</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729927864h1371249.html" title="计算机中的标准用户不见了,Win7系统计算机管理本地用户和组不见了怎么找回...">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="计算机中的标准用户不见了,Win7系统计算机管理本地用户和组不见了怎么找回...">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729927864h1371249.html" class="post-item-title" title="计算机中的标准用户不见了,Win7系统计算机管理本地用户和组不见了怎么找回..."> <h3>计算机中的标准用户不见了,Win7系统计算机管理本地用户和组不见了怎么找回...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">众所周知&#xff0c;win7系统本地用户和组功能位于计算机管理中&#xff0c;平常我们会使用本地用户和组来分配本地用户帐户或组帐户的权限和权利。一般情况下我们会通过桌面“计算机”图标右键“管理”来打开“计算机管理”中的</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729928007h1371269.html" title="win7系统标准用户恢复administrator账号方法">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="win7系统标准用户恢复administrator账号方法">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729928007h1371269.html" class="post-item-title" title="win7系统标准用户恢复administrator账号方法"> <h3>win7系统标准用户恢复administrator账号方法</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">一次误操作&#xff0c;把管理员账号给禁用了&#xff0c;满眼的泪花~~~~~~~~~ 标准用户&#xff0c;什么都干不了&#xff0c;怎么办呢&#xff1f;&#xff1f;&</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1731563883h1493009.html" title="win7语音识别组件安装_安装自己封装的纯净Windows 7 64位 旗舰版 无第三方软件 1911R2...">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="win7语音识别组件安装_安装自己封装的纯净Windows 7 64位 旗舰版 无第三方软件 1911R2...">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1731563883h1493009.html" class="post-item-title" title="win7语音识别组件安装_安装自己封装的纯净Windows 7 64位 旗舰版 无第三方软件 1911R2..."> <h3>win7语音识别组件安装_安装自己封装的纯净Windows 7 64位 旗舰版 无第三方软件 1911R2...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">Windows 7 64位 旗舰版 1911R1 快速装机版 集成常用软件 内含两个版本： Win7 旗舰版 x64 SP1 纯净版(无第三方软件) Win7 旗舰版 x64 SP1 装机版(集成常用软件) 纯净版桌面 属性 装机版桌面 1</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1733258261h1567535.html" title="Llinux初学记录（二）——文本编辑工具VIM">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Llinux初学记录（二）——文本编辑工具VIM">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1733258261h1567535.html" class="post-item-title" title="Llinux初学记录（二）——文本编辑工具VIM"> <h3>Llinux初学记录（二）——文本编辑工具VIM</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">19天前</div> </div> <p class="post-item-summary">修改时间&#xff1a;20241122 首先在LInux中下载VIM&#xff1a;sudo apt-get install vim VIM编辑器有3中工作模式&#xff1a;输入模式、指令模式和底行模式 1</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1733351136h1579579.html" title="win7计算机管理无用户账户,Windows7系统下找不到管理员Administrator账户怎么办【图】...">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="win7计算机管理无用户账户,Windows7系统下找不到管理员Administrator账户怎么办【图】...">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1733351136h1579579.html" class="post-item-title" title="win7计算机管理无用户账户,Windows7系统下找不到管理员Administrator账户怎么办【图】..."> <h3>win7计算机管理无用户账户,Windows7系统下找不到管理员Administrator账户怎么办【图】...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">18天前</div> </div> <p class="post-item-summary">当我们在windows7系统下运行一些软件的时候需要开启管理员权限&#xff0c;但是有很多用户反映说在win7系统下找不到管理员Administrator账户&#xff0c;这是因为win7系统处于安全方面的考虑&</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1733747469h1619854.html" title="windows7X64环境下wamp开启PHP_Curl组件">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="windows7X64环境下wamp开启PHP_Curl组件">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1733747469h1619854.html" class="post-item-title" title="windows7X64环境下wamp开启PHP_Curl组件"> <h3>windows7X64环境下wamp开启PHP_Curl组件</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" target="_blank">技术总结</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">13天前</div> </div> <p class="post-item-summary">装上64位的windows7系统后&#xff0c;phpnow就无法使用了&#xff0c;于是安装了wamp&#xff0c;拥有非常多的选项可以按需选择。 但一直以来无法开启Curl组件&#xff0c;ph</p> </div> </div> </div> <div class="roclinux-cn comments"> <div class="roclinux-cn postcomm block-wrap" id="divCommentPost"> <h2 class="block-title"> 发表评论 </h2> <form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/460459.html?safe_token=7rbKh8oUVLngtVWJTV4D3qnheOR0e0XuBS8oNkSxhTS9XP_2FRXMQnUQgD4cfjnocSYbAXVNuAj5YpvwYBBQL_2Fxg_3D_3D"> <input type="hidden" name="doctype" value="1" /> <input type="hidden" name="quotepid" value="0" /> <div class="roclinux-cn comment-box comment-textarea"> <textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容">