React 系列十：受控组件和非受控组件

快来加入我们吧！

"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。

"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！

前言

这节我们将介绍 React 中受控组件和非受控组件的概念及其使用。

本文会向你介绍以下内容：

什么是受控组件/非受控组件
受控组件
非受控组件

什么是受控组件/非受控组件

在 HTML 中，表单元素如，</code> 和 <code><select></code> 表单元素通常保持自己的状态，并根据用户输入进行更新。而在 <code>React</code> 中，可变状态一般保存在组件的 <code>state(状态)</code> 属性中，并且只能通过 <a href="https://link.segmentfault.com/?url=https%3A%2F%2Freact.html.cn%2Fdocs%2Freact-component.html%23setstate" rel="nofollow"><code>setState()</code></a> 更新。</p> <p>我们可以通过使 <code>React</code> 的 <code>state</code> 成为 “单一数据源原则” 来结合这两个形式。然后渲染表单的 React 组件也可以控制在用户输入之后的行为。</p> <p>这种形式，其值由 <code>React</code> 控制的输入表单元素称为“受控组件”。</p> <p>那么相反的，值并不由 <code>React</code> 进行控制，该组件自己输入，减少等等，该元素成为非受控组件。</p> <p>关于什么时候使用受控组件，什么时候使用非受控组件，可以查看这一篇文章：</p> <p><a href="https://link.segmentfault.com/?url=https%3A%2F%2Fgoshakkk.name%2Fcontrolled-vs-uncontrolled-inputs-react%2F" rel="nofollow">Controlled and uncontrolled form inputs in React don't have to be complicated - Gosha Arinich (goshakkk.name)</a></p> <h2>受控组件</h2> <h3>认识受控组件</h3> <h4>默认提交表单方式</h4> <p><code>HTML</code> 表单元素与 <code>React</code> 中的其他 <code>DOM</code> 元素有所不同，因为表单元素自然地保留了一些内部状态。</p> <p>例如，这个纯 <code>HTML</code> 表单接受一个单独的 <code>name</code>：</p> <pre><code class="jsx"><form> <label> 名字: <input type="text" name="name" /> </label> <input type="submit" value="提交" /> </form></code></pre> <p>该表单和 <code>HTML</code> 表单的默认行为一致，当用户提交此表单时浏览器会打开一个新页面。如果你希望 <code>React</code> 中保持这个行为，也可以工作。</p> <p>但是多数情况下，我们会让 <code>React</code> 组件来管理这些数据，并在点击提交这些数据并触发打开新页面的操作。</p> <p>这就用到了“受控组件(<code>controlled components</code>)”。</p> <h4>受控组件提交表单</h4> <p>在 <code>HTML</code> 中，表单元素（如<code><input></code>、 <code><textarea></code> 和 <code><select></code>）之类的表单元素通常自己维护 state，并根据用户输入进行更新。</p> <p>而在 <code>React</code> 中，可变状态（<code>mutable state</code>）通常保存在组件的 state 属性中，并且只能通过使用 <code>setState()</code>来更新。</p> <ul> <li>我们将两者结合起来，使 <code>React</code> 的 <code>state</code> 成为“唯一数据源”；</li> <li>渲染表单的 <code>React</code> 组件还控制着用户输入过程中表单发生的操作；</li> <li>被 <code>React</code> 以这种方式控制取值的表单输入元素就叫做“受控组件”；</li> </ul> <p>例如，如果我们想让前一个示例在提交时打印出名称，我们可以将表单写为受控组件：</p> <pre><code>class App extends PureComponent { constructor(props) { super(props) this.state = { username: '', } } render() { const { username } = this.state return ( <div> <form onSubmit={(e) => this.handleSubmit(e)}> <label htmlFor="username"> 用户名: <input type="text" id="username" onChange={(e) => this.handleUsernameChange(e)} value={username} /> </label> <input type="submit" value="提交" /> </form> </div> ) } handleUsernameChange(event) { this.setState({ username: event.target.value, }) } handleSubmit(event) { console.log(this.state.username) event.preventDefault() } }</code></pre> <p>由于在表单元素上设置了 <code>value</code> 属性，因此显示的值将始终为 <code>this.state.value</code>，这使得 React 的 state 成为唯一数据源。</p> <p>由于 <code>handleUsernameChange</code> 在每次按键时都会执行并更新 <code>React</code> 的 <code>state</code>，因此显示的值将随着用户输入而更新。</p> <h2>非受控组件</h2> <h3>Ref 的创建和使用</h3> <p>在 <code>React</code> 的开发模式中，通常情况下不需要、也不建议直接操作 <code>DOM</code> 原生，但是某些特殊的情况，确实需要获取到 <code>DOM</code> 进行某些操作：</p> <ul> <li>管理焦点，文本选择或媒体播放。</li> <li>触发强制动画。</li> <li>集成第三方 <code>DOM</code> 库。</li> </ul> <p>我们这里如果使用非受控组件就会有一个问题，如何获取该组件的数据，这里就可以用 <code>Refs</code> 来获取该组件，然后就可以获取到该组件的数据了。因此我们先简述 <code>Refs</code> 的内容。</p> <blockquote> <strong>注意：</strong>当然还有其他的方法可以获取组件内容，例如：变量提升到父组件统一管理、事件监听。 </blockquote> <h4>创建 ref 的方式</h4> <p>如何创建 <code>refs</code> 来获取对应的 <code>DOM</code> 呢？目前有三种方式：</p> <ul> <li>方式一：传入字符串</li> </ul> <p>使用时通过 <code>this.refs.传入的字符串</code>格式获取对应的元素；</p> <ul> <li>方式二：传入一个对象</li> </ul> <p>对象是通过 <code>React.createRef()</code> 方式创建出来的；使用时获取到创建的对象其中有一个<code>current</code>属性就是对应的元素；</p> <ul> <li>方式三：传入一个函数</li> </ul> <p>该函数会在 <code>DOM</code> 被挂载时进行回调，这个函数会传入一个元素对象，我们可以自己保存；使用时，直接拿到之前保存的元素对象即可；</p> <p>代码演练：</p> <pre><code>class App extends PureComponent { constructor(props) { super(props) this.titleRef = createRef() this.titleEl = null } render() { return ( <div> <h2 ref="title">String Ref</h2> <h2 ref={this.titleRef}>Hello Create Ref</h2> <h2 ref={(element) => (this.titleEl = element)}>Callback Ref</h2> <button onClick={(e) => this.changeText()}>改变文本</button> </div> ) } changeText() { this.refs.title.innerHTML = '你好啊,小和山的菜鸟们' this.titleRef.current.innerHTML = '你好啊,小和山的菜鸟们' this.titleEl.innerHTML = '你好啊,小和山的菜鸟们' } }</code></pre> <h4>Ref 节点的类型</h4> <p><code>ref</code> 的值根据节点的类型而有所不同：</p> <ul> <li>当 <code>ref</code> 属性用于 <code>HTML</code> 元素时，构造函数中使用 <code>React.createRef()</code> 创建的 <code>ref</code> 接收底层 <code>DOM</code> 元素作为其 <code>current</code> 属性；</li> <li>当 <code>ref</code> 属性用于自定义 <code>class</code> 组件时，<code>ref</code> 对象接收组件的挂载实例作为其 <code>current</code> 属性；</li> <li><strong>你不能在函数组件上使用 <code>ref</code> 属性</strong>，因为他们没有实例；</li> </ul> <p>这里我们演示一下 <code>ref</code> 引用一个 <code>class</code> 组件对象：</p> <pre><code class="jsx">class Counter extends PureComponent { constructor(props) { super(props) this.state = { counter: 0, } } render() { return ( <div> <h2>当前计数: {this.state.counter}</h2> <button onClick={(e) => this.increment()}>+1</button> </div> ) } increment() { this.setState({ counter: this.state.counter + 1, }) } } class App extends PureComponent { constructor(props) { super(props) this.counterRef = createRef() } render() { return ( <div> <Counter ref={this.counterRef} /> <button onClick={(e) => this.increment()}>app +1</button> </div> ) } increment() { this.counterRef.current.increment() } }</code></pre> <p>函数式组件是没有实例的，所以无法通过 <code>ref</code> 获取他们的实例，但是某些时候，我们可能想要获取函数式组件中的某个 <code>DOM</code> 元素，这个时候我们可以通过 <code>React.forwardRef</code> ，后面我们也会学习 <code>hooks</code> 中如何使用 <code>ref</code>。</p> <h3>认识非受控组件</h3> <p><code>React</code> 推荐大多数情况下使用受控组件来处理表单数据：</p> <ul> <li>一个受控组件中，表单数据是由 <code>React</code> 组件来管理的；</li> <li>另一种替代方案是使用非受控组件，这时表单数据将交由 <code>DOM</code> 节点来处理；</li> </ul> <p>如果要使用非受控组件中的数据，那么我们需要使用 <code>Ref</code> 来从 <code>DOM</code> 节点中获取表单数据。</p> <p>我们来进行一个简单的演练：</p> <ul> <li>使用 <code>ref </code>来获取 <code>input</code> 元素；</li> <li>在非受控组件中通常使用 <code>defaultValue</code> 来设置默认值；</li> </ul> <pre><code>class App extends PureComponent { constructor(props) { super(props) this.usernameRef = createRef() } render() { return ( <div> <form onSubmit={(e) => this.handleSubmit(e)}> <label htmlFor=""> 用户: <input defaultValue="username" type="text" name="username" ref={this.usernameRef} /> </label> <input type="submit" value="提交" /> </form> </div> ) } handleSubmit(event) { event.preventDefault() console.log(this.usernameRef.current.value) } }</code></pre> <p>同样，<code><input type="checkbox"></code> 和 <code><input type="radio"></code> 支持 <code>defaultChecked</code>，<code><select></code> 和 <code><textarea></code> 支持 <code>defaultValue</code>。</p> <h2>下节预告</h2> <p>本节我们学习了 <code>React</code> 中控组件和非受控组件的内容，在下一个章节我们将继续学习 <code>React</code> 中高阶组件以及组件补充的内容，敬请期待！</p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1420682590939107328"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(React 系列十：受控组件和非受控组件)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1940637627204038656.htm" title="小白学习Python的系统化路径" target="_blank">小白学习Python的系统化路径</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/python%E8%A7%82%E7%82%B9%E8%B5%84%E8%AE%AF/1.htm">python观点资讯</a> <div>学好Python需要系统化的学习和持续的实践，尤其对于小白来说，从基础到进阶需要循序渐进。以下是一份清晰的学习路径和建议，帮助你高效掌握Python：1.打好基础核心语法变量与数据类型：整数、浮点数、字符串、布尔值等。运算符：算术、比较、逻辑运算符。流程控制：if-else条件判断、for/while循环。函数：定义函数、参数传递、返回值、作用域。数据结构：列表、元组、字典、集合的常用操作。推荐资</div> </li> <li><a href="/article/1940637295111630848.htm" title="RAII和智能指针--C++" target="_blank">RAII和智能指针--C++</a> <span class="text-muted">望你可喜</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、前言我们知道，c/c++的内存，对程序员来说，是裸露的，所以可以拿到真实的地址，所以容易造成各种内存问题。比如：野指针：未初始化或已经被释放的指针；空指针：指向空地址的指针；内存泄漏：在使用完动态分配的内存后没有释放（即delete或free）；悬挂指针：指向已经释放内存的指针；等等......二、RAII简介在认识智能指针前，我们先了解一下RAII，我简单介绍一下，RAII（Resource</div> </li> <li><a href="/article/1940636789844799488.htm" title="Ajax——在OA系统提升性能的局部刷新" target="_blank">Ajax——在OA系统提升性能的局部刷新</a> <span class="text-muted">1加1等于</span> <a class="tag" taget="_blank" href="/search/javascript%E5%AE%9E%E6%88%98/1.htm">javascript实战</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>本文总结了在OA系统中关于Ajax的原理与使用，以及如何使用其局部刷新提升OA系统的性能体验。本文目录一、Ajax基础概念前后端交互原理全局刷新与局部刷新二、局部刷新实现方式XMLHttpRequestjQuery封装XMLHttpRequest三、XMLHttpRequest重要属性和函数属性函数四、具体使用步骤五、全局刷新创建表单创建表单Servlet处理六、HttpServletRespon</div> </li> <li><a href="/article/1940636662035968000.htm" title="RAG技术全面对比研究：探索最优检索增强生成策略" target="_blank">RAG技术全面对比研究：探索最优检索增强生成策略</a> <span class="text-muted"></span> <div>检索增强生成（RAG）技术全景解析：从基础到前沿在当今信息爆炸的时代，如何从海量数据中快速准确地获取所需信息，是人工智能领域的一大挑战。Retrieval-AugmentedGeneration（RAG，检索增强生成）技术应运而生，它结合了检索和生成的优势，通过从大量文档中检索相关信息，再利用这些信息生成高质量的回答。本文将系统性地介绍18种RAG技术，通过概念解析、代码示例和实际应用场景分析，帮</div> </li> <li><a href="/article/1940635652638961664.htm" title="Python Arcade库【2D 游戏框架】全面讲解" target="_blank">Python Arcade库【2D 游戏框架】全面讲解</a> <span class="text-muted">老胖闲聊</span> <a class="tag" taget="_blank" href="/search/Python%E5%BA%93%E5%A4%A7%E5%85%A8/1.htm">Python库大全</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/pygame/1.htm">pygame</a> <div>在AI加持下未来1W天内会发生什么?现货【官方旗舰店首刷印签版】2049未来10000天的可能《失控》《必然》作者凯文·凯利全新作品未来25年改变世界的十大科技浪潮思考AI时代与中国的全新可能凯文凯文凯利吴晨著中信出版社让AI成为我们的得力助手：《用Cursor玩转AI辅助编程——不写代码也能做软件开发》不被淘汰，AI赋能从现在开始AI赋能【作者寄语印签版+赠导读手册】领英联合创始人里德·霍夫曼新</div> </li> <li><a href="/article/1940635653444268032.htm" title="短信验证码注册登录的Python实现：http.client与Requests实战" target="_blank">短信验证码注册登录的Python实现：http.client与Requests实战</a> <span class="text-muted">仰望尾迹云</span> <div>本文还有配套的精品资源，点击获取简介：短信验证码是用户注册和登录的常用安全措施。在Python中，http.client和Requests是两个关键模块，分别用于处理HTTP请求。http.client是Python标准库的一部分，适用于低级HTTP操作，而Requests是一个第三方库，提供了更简洁的HTTP请求处理方式。本课程将通过http.client.py和Requests.py两个文件的</div> </li> <li><a href="/article/1940635274069471232.htm" title="d电商项目的三种系统WMS、OMS 和 TMS：供应链管理的关键系统" target="_blank">d电商项目的三种系统WMS、OMS 和 TMS：供应链管理的关键系统</a> <span class="text-muted">金玉满堂@bj</span> <a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a> <div>《WMS、OMS和TMS：供应链管理的关键系统》WMS：WarehouseManagementSystem，即仓库管理系统，用于管理仓库作业流程与库存。OMS：OrderManagementSystem，即订单管理系统，负责处理订单从产生到完成的全流程管理。TMS：TransportationManagementSystem，即运输管理系统，专注于货物运输过程的规划、执行与监控。WMS（仓库管理系</div> </li> <li><a href="/article/1940634642969325568.htm" title="目标检测数据集——交通信号灯红绿灯检测数据集" target="_blank">目标检测数据集——交通信号灯红绿灯检测数据集</a> <span class="text-muted"></span> <div>在智能交通系统迅速发展的背景下，准确且实时地识别交通信号灯的状态对于提升道路安全和优化交通流量管理至关重要。无论是自动驾驶汽车还是辅助驾驶技术，可靠地检测并理解交通信号灯的指示——特别是红灯与绿灯的区别——是确保交通安全、避免交通事故的关键环节之一。然而，复杂的光照条件、不同的天气状况以及信号灯被遮挡等情况都给交通信号灯的识别带来了不小的挑战。这是专门针对交通信号灯（尤其是红绿灯）检测的数据集，旨</div> </li> <li><a href="/article/1940634516641083392.htm" title="AJAX使用教程以及axios的安装使用" target="_blank">AJAX使用教程以及axios的安装使用</a> <span class="text-muted">崽崽彤</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>什么是AJAX？AJAX即asyncjavascriptandXML（异步的js和xml），主要是用来实现页面的局部刷新的一门技术。AJAX的核心对象是XMLHttpRequestAJAX的工作原理在发送请求后可继续注册，解决了传统注册存在的问题。使用AJAX发送异步请求的方法步骤实例化核心对象var变量名=newXMLHttpRequest()varxhr=newXMLHttpRequest()</div> </li> <li><a href="/article/1940634264454361088.htm" title="http.client.HTTPConnection.POST和requests.post区别" target="_blank">http.client.HTTPConnection.POST和requests.post区别</a> <span class="text-muted">抖音运维厨师长</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>http.client.HTTPConnection.POST和requests.post是用于在Python中执行HTTPPOST请求的两种方法，但它们在实现和使用上有很大的区别。http.client.HTTPConnection.POSThttp.client是Python标准库中的模块，用于低级别的HTTP协议操作。使用http.client.HTTPConnection，你可以手动构建H</div> </li> <li><a href="/article/1940633760672313344.htm" title="每天40min，我们一起用70天稳扎稳打学完《JavaEE初阶》——1/70 第一天【进程和线程】【虚拟地址空间】" target="_blank">每天40min，我们一起用70天稳扎稳打学完《JavaEE初阶》——1/70 第一天【进程和线程】【虚拟地址空间】</a> <span class="text-muted">_蓝天IT_</span> <a class="tag" taget="_blank" href="/search/70%E5%A4%A9%E5%AD%A6%E5%AE%8CJavaEE%E5%88%9D%E9%98%B6/1.htm">70天学完JavaEE初阶</a><a class="tag" taget="_blank" href="/search/java-ee/1.htm">java-ee</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>专注效率记忆预习笔记复习做题欢迎观看我的博客，如有问题交流，欢迎评论区留言，一定尽快回复！（大家可以去看我的专栏，是所有文章的目录）文章字体风格：红色文字表示：重难点★✔蓝色文字表示：思路以及想法★✔如果大家觉得有帮助的话，感谢大家帮忙点赞！收藏！转发！本系列通过70天学习完JavaEE初阶，我们不图快，只求稳扎稳打。由于我高三是在家自学的，经验告诉我，学习一定要长期积累，并且及时复习，由于现在课</div> </li> <li><a href="/article/1940633382614528000.htm" title="python" target="_blank">python</a> <span class="text-muted">月之梦</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>实时监控MT5和BITMEXimportMetaTrader5asmt5//用来连接MT5并与其交互importtime//用于时间延迟fromdatetimeimportdatetime#用于处理日期和时间importrequests#用于发送HTTP请求（BitMEXAPI）importjson#用于处理JSON数据（BitMEXAPI）frommultiprocessingimportPro</div> </li> <li><a href="/article/1940633255652945920.htm" title="基于深度学习的草莓成熟度检测系统：YOLOv5 + UI界面 + 数据集" target="_blank">基于深度学习的草莓成熟度检测系统：YOLOv5 + UI界面 + 数据集</a> <span class="text-muted">YOLO实战营</span> <a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0YOLO%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE/1.htm">深度学习YOLO实战项目</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E8%B7%9F%E8%B8%AA/1.htm">目标跟踪</a> <div>引言随着农业科技的发展，智能化的农业生产方式正逐步替代传统农业。果实的成熟度检测对于农业生产的管理至关重要，尤其是在果蔬的采摘、分拣和运输过程中。草莓作为一种广泛种植且受消费者喜爱的水果，其成熟度检测一直是农业智能化的重要研究方向。传统的草莓成熟度检测方法大多依赖人工经验，劳动强度大且容易出现误差，因此，基于计算机视觉和深度学习的草莓成熟度自动检测系统成为了一种理想选择。深度学习技术，尤其是卷积神</div> </li> <li><a href="/article/1940632626045972480.htm" title="Ajax Interceptor 使用教程" target="_blank">Ajax Interceptor 使用教程</a> <span class="text-muted">胡寒侃Joe</span> <div>AjaxInterceptor使用教程ajax-interceptorThispermitstowireinterceptorsonXHRrequestsandresponses项目地址:https://gitcode.com/gh_mirrors/aja/ajax-interceptor项目介绍AjaxInterceptor是一个用于拦截和修改AJAX请求响应的Chrome扩展。它可以帮助开发者</div> </li> <li><a href="/article/1940632499667398656.htm" title="C++ TCP通信原理与实现" target="_blank">C++ TCP通信原理与实现</a> <span class="text-muted">enyp80</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/tcp%2Fip/1.htm">tcp/ip</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>C++中TCP通信的原理基于TCP/IP协议栈的实现，以下是核心原理和关键步骤的详细说明：一、TCP通信核心原理面向连接通信双方需通过三次握手建立可靠连接，确保通信通道稳定。通过四次挥手断开连接，保证数据完整性。可靠传输确认应答（ACK）：接收方对收到的数据发送确认。超时重传：未收到ACK时，发送方自动重传数据。数据排序：通过序列号保证数据按序到达。流量控制与拥塞控制滑动窗口协议动态调整发送速率，</div> </li> <li><a href="/article/1940632497872236544.htm" title="Linux 2.6 内核的嵌入式系统应用" target="_blank">Linux 2.6 内核的嵌入式系统应用</a> <span class="text-muted">anxiongshan</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E5%AA%92%E4%BD%93%E7%B3%BB%E7%BB%9F/1.htm">多媒体系统</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">嵌入式操作系统</a><a class="tag" taget="_blank" href="/search/h.264/1.htm">h.264</a><a class="tag" taget="_blank" href="/search/%E4%BB%BB%E5%8A%A1/1.htm">任务</a> <div>摘要：在分析Linux2.6内核新特性的基础上,在S3C2410开发板上移植了2.6内核和新的文件系统,并成功地对H.264编解码多媒体系统提供了支持。关键词：Linux内核嵌入式系统S3C2410随着多媒体技术与通讯技术相结合的信息技术的快速发展和互联网的广泛应用,PC时代也过渡到了后PC时代。在数字信息技术和网络技术高速发展的后PC时代,嵌入式技术越来越与人们的生活紧密结合。操作系统为用户使用</div> </li> <li><a href="/article/1940631110245478400.htm" title="【DP动态规划】最大字段和" target="_blank">【DP动态规划】最大字段和</a> <span class="text-muted">深海潜水员</span> <a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>最大字段和算法：DP动态规划题目描述最大子段和问题是一个经典的算法问题，它要求在一个可能包含负整数的序列中找到一个连续子段，使得这个子段的整数和最大。例如，序列(-2,11,-4,13,-5,-2)的最大子段和是{11,-4,13}，其和为20。主要思想：DP的最核心的思想就是到目前为止的最优解：那么当前的最优解就等于上一个的最优解加上当前的值（如果值为正的话）当前的最优解dp到目前为止的最优解a</div> </li> <li><a href="/article/1940626826812518400.htm" title="基于 SASL/SCRAM 让 Kafka 实现动态授权认证" target="_blank">基于 SASL/SCRAM 让 Kafka 实现动态授权认证</a> <span class="text-muted">zlt2000</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</a><a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>一、说明在大数据处理和分析中ApacheKafka已经成为了一个核心组件。然而在生产环境中部署Kafka时，安全性是一个必须要考虑的重要因素。SASL（简单认证与安全层）和SCRAM（基于密码的认证机制的盐化挑战响应认证机制）提供了一种方法来增强Kafka集群的安全性。本文将从零开始部署ZooKeeper和Kafka并通过配置SASL/SCRAM和ACL（访问控制列表）来增强Kafka的安全性。二</div> </li> <li><a href="/article/1940626573547859968.htm" title="Docker：容器化技术的基石与实践指南" target="_blank">Docker：容器化技术的基石与实践指南</a> <span class="text-muted">代码老y</span> <a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>在现代软件开发和部署中，Docker作为一种领先的容器化平台，已经成为了开发人员和运维工程师不可或缺的工具。它不仅简化了应用的部署过程，还提高了应用的可移植性和可扩展性。本文将深入探讨Docker的核心概念、基本操作以及如何在实际项目中应用Docker来实现高效的容器化部署。一、Docker核心概念（一）容器与镜像容器是Docker的核心概念之一，它是一个轻量级、可执行的软件包，包含了运行某个应用</div> </li> <li><a href="/article/1940626194793820160.htm" title="秋招Day12 - 计算机网络 - IP" target="_blank">秋招Day12 - 计算机网络 - IP</a> <span class="text-muted">Java初学者小白</span> <a class="tag" taget="_blank" href="/search/%E5%85%AB%E8%82%A1/1.htm">八股</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%BD%91/1.htm">计网</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>IP协议的定义和作用？IP协议用于在计算机网络中传递数据包，定义了数据包的格式和处理规则，确保数据能够从一个设备传递到另一个设备，中间可能经过多个不同的设备（路由器）。IP协议有哪些作用？寻址：标识网络中的源和目标位置，确保数据准确地传送到目标设备。路由：IP协议负责数据包在网络中传输的路径，比如路由器可以目标IP地址信息匹配路由表中的下一跳。分片和重组：数据包在传输的过程中可能被分为多个小片，接</div> </li> <li><a href="/article/1940626193501974528.htm" title="秋招Day6 - Java并发（上） - 线程" target="_blank">秋招Day6 - Java并发（上） - 线程</a> <span class="text-muted">Java初学者小白</span> <a class="tag" taget="_blank" href="/search/%E5%85%AB%E8%82%A1/1.htm">八股</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>线程VS进程什么是进程？进程就是程序的执行过程，是程序执行的基本单位，一个程序的执行就是进程从创建、运行到消亡的过程。什么是线程？线程是比进程更小的单位，一个进程由许多个线程组成。同一个进程的多个线程共享堆和方法区（JDK1.8之后是元空间）资源，但是却有各自的程序计数器、虚拟机栈、本地方法栈。在线程之间切换比在进程之间切换的负担小得多。一个Java程序的运行是main线程和多个其他线程同时运行。</div> </li> <li><a href="/article/1940626194307280896.htm" title="秋招Day8 - Java并发（下）- 线程池" target="_blank">秋招Day8 - Java并发（下）- 线程池</a> <span class="text-muted">Java初学者小白</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>什么是线程池？管理一系列线程的资源池。处理完毕后线程不会立即销毁，而是等待下一次任务使用。使用线程池的目的复用线程降低资源消耗、使用现成的线程减少创建等待时间、提高线程的可管理性。如何创建线程池1.通过ThreadPoolExecutor构造方法创建2.通过Executors提供的方法创建FixedThreadPool：固定线程数量的线程池。若任务到达时没有空闲线程则在队列中排队等待SingleT</div> </li> <li><a href="/article/1940625941311057920.htm" title="Http&Get-一次参数值过长而报错的探索之旅" target="_blank">Http&Get-一次参数值过长而报错的探索之旅</a> <span class="text-muted">不游鱼</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/1.htm">网络编程</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/get/1.htm">get</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a> <div>POSTVSGET（一次传参问题解决之旅）post和get都是Http协议中定义的两种发送请求的方法HTTP是基于TCP/IP的关于数据如何在网络中如何通信的协议所以其实GET和POST只是HTTP发送请求的两种形式，本质上都是TCP/IP链接最直观来说，非得给get带上body，给post带上url参数，也是可以的HTTP协议GetVSPost之前还是搞明白Http协议规定了哪些东东HTTP是’</div> </li> <li><a href="/article/1940625689078198272.htm" title="系统性能调优指南：CPU、内存、磁盘I/O资源的优化策略" target="_blank">系统性能调优指南：CPU、内存、磁盘I/O资源的优化策略</a> <span class="text-muted">Echo_Wish</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A9%E4%BD%A0%E5%BF%AB%E9%80%9F%E5%85%A5%E5%9D%91%E8%BF%90%E7%BB%B4/1.htm">让你快速入坑运维</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4%E6%8E%A2%E7%A7%98/1.htm">运维探秘</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>在系统运维中，性能调优是确保系统高效运行的关键任务。本文将深入探讨如何优化CPU、内存和磁盘I/O资源的使用，通过详细的策略和示例代码，帮助您实现系统性能的提升。一、CPU性能优化CPU是系统的核心资源之一，其性能直接影响系统的整体运行速度。以下是一些常见的CPU性能优化策略：1.进程优先级调整通过调整进程的优先级，可以优化CPU的资源分配。Linux系统中，可以使用nice和renice命令调整</div> </li> <li><a href="/article/1940625562129199104.htm" title="Modbus协议" target="_blank">Modbus协议</a> <span class="text-muted">yz123lucky</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/Modbus/1.htm">Modbus</a> <div>Modbus协议1.Modbus基础概念1.1什么是Modbus？Modbus是由Modicon公司（现为施耐德电气）在1979年开发的工业通信协议，是世界上最早用于工业电子设备之间通信的协议之一。它是一个**主从式（Master-Slave）**通信协议，广泛应用于工业自动化领域。1.2Modbus的特点开放性：协议规范公开，任何厂商都可以使用简单性：协议结构简单，易于实现和理解可靠性：内置错误</div> </li> <li><a href="/article/1940625435742236672.htm" title="application.yml 文件配置解析" target="_blank">application.yml 文件配置解析</a> <span class="text-muted">前端小努力</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a> <div>application.yml文件配置解析application.yml文件是SpringBoot应用程序中用于配置各种属性的主要文件之一。它可以配置的内容非常广泛，包括但不限于以下几类：服务器配置端口号服务器地址会话管理SSL配置数据源配置数据库URL用户名和密码JDBC驱动类名连接池配置JPA和Hibernate配置DDL自动更新策略SQL显示方言配置日志配置日志级别日志文件路径安全性配置基本</div> </li> <li><a href="/article/1940625435243114496.htm" title="网络安全必备！全面解读Payloads All The Things项目" target="_blank">网络安全必备！全面解读Payloads All The Things项目</a> <span class="text-muted">人工智能我来了</span> <a class="tag" taget="_blank" href="/search/IT%E6%8A%80%E6%9C%AF/1.htm">IT技术</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>探索「PayloadsAllTheThings」：提升Web应用程序安全的开源利器在信息安全领域，Web应用程序的安全性一直是一个备受关注的话题。而在这诸多安全工具中，一个叫做「PayloadsAllTheThings」的项目正迅速吸引着众多安全研究者和开发者的目光。今天，我们将深入探讨这个项目，看看它如何帮助您提升Web应用的安全水平。项目介绍「PayloadsAllTheThings」是一个开</div> </li> <li><a href="/article/1940625434391670784.htm" title="用Firecrawl轻松获取网站数据，提升AI应用的效率！" target="_blank">用Firecrawl轻松获取网站数据，提升AI应用的效率！</a> <span class="text-muted">人工智能我来了</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>Firecrawl：助力AI应用的强大工具！在数字化信息爆炸的时代，如何高效地从海量网页中提取有用数据变得尤其重要。Firecrawl的问世，为我们揭开了一种便捷的方法来应对这一挑战。它不仅能够将整个网站的数据转化为适用于大语言模型（LLM）的markdown或结构化数据，还能通过单一的API实现数据抓取、爬取和提取。从此，清晰、整洁的数据触手可及。什么是Firecrawl？Firecrawl是一</div> </li> <li><a href="/article/1940624930504765440.htm" title="C++：指向类的成员的指针" target="_blank">C++：指向类的成员的指针</a> <span class="text-muted">是席木木啊</span> <a class="tag" taget="_blank" href="/search/C%2FC%2B%2B/1.htm">C/C++</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E6%8C%87%E9%92%88/1.htm">指针</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a> <div>引：想必接触过C的朋友们对C语言中指针的概念已经有了深入的了解(如果初步进行了解的朋友可以看一下**C语言基础学习笔记**)。指针展开来讲的基本知识点包括：指针的概念、指针的定义和初始化及简单使用、指针函数和函数指针（有关指针函数和函数指针的内容上面的链接中也有介绍）。不得不说，C++作为C语言的扩展，在面向对象这一主体部分处处体现着指针的思想，好比：指针和引用。之所以这么说，是因</div> </li> <li><a href="/article/1940624804147163136.htm" title="Linux系统释放内存-清理docker占用磁盘" target="_blank">Linux系统释放内存-清理docker占用磁盘</a> <span class="text-muted">江节胜-胜行全栈AI</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a> <div>最新版本更新https://code.jiangjiesheng.cn/article/3441.释放内存1.1适用现象执行top，发现右上角buff/cache占用很大，3条命令执行结束buff/cache由20G降到8G。1.2执行命令step1：清除pagecacheecho1>/proc/sys/vm/drop_cachesstep2：清除回收slab分配器中的对象（包括目录项缓存和ino</div> </li> <li><a href="/article/15.htm" title="Spring4.1新特性——Spring MVC增强" target="_blank">Spring4.1新特性——Spring MVC增强</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a> <div>目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T</div> </li> <li><a href="/article/142.htm" title="mysql 性能查询优化" target="_blank">mysql 性能查询优化</a> <span class="text-muted">annan211</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E4%BC%98%E5%8C%96/1.htm">优化</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a> <div> 1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操</div> </li> <li><a href="/article/269.htm" title="windows系统配置" target="_blank">windows系统配置</a> <span class="text-muted">cherishLC</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a> <div>删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns</div> </li> <li><a href="/article/396.htm" title="人体的排毒时间" target="_blank">人体的排毒时间</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>======================== || 人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR</div> </li> <li><a href="/article/523.htm" title="ZooKeeper" target="_blank">ZooKeeper</a> <span class="text-muted">cugfy</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步，配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea</div> </li> <li><a href="/article/650.htm" title="网络爬虫的乱码处理" target="_blank">网络爬虫的乱码处理</a> <span class="text-muted">随意而生</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文、俄文、藏文之类的乱码处理，因为他们的解决方式是一致的，故在此统一说明。网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理</div> </li> <li><a href="/article/777.htm" title="Xcode常用快捷键" target="_blank">Xcode常用快捷键</a> <span class="text-muted">张亚雄</span> <a class="tag" taget="_blank" href="/search/xcode/1.htm">xcode</a> <div>一、总结的常用命令：隐藏xcode command+h 退出xcode command+q 关闭窗口 command+w 关闭所有窗口 command+option+w 关闭当前</div> </li> <li><a href="/article/904.htm" title="mongoDB索引操作" target="_blank">mongoDB索引操作</a> <span class="text-muted">adminjun</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E7%B4%A2%E5%BC%95/1.htm">索引</a> <div>一、索引基础： MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令： > db.test.ensureIndex({"username":1}) 可以通过下面的名称查看索引是否已经成功建立： &nbs</div> </li> <li><a href="/article/1031.htm" title="成都软件园实习那些话" target="_blank">成都软件园实习那些话</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E6%88%90%E9%83%BD+%E8%BD%AF%E4%BB%B6%E5%9B%AD+%E5%AE%9E%E4%B9%A0/1.htm">成都软件园实习</a> <div>无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都</div> </li> <li><a href="/article/1158.htm" title="Linux下FTP服务器安装及配置" target="_blank">Linux下FTP服务器安装及配置</a> <span class="text-muted">ayaoxinchao</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/FTP%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">FTP服务器</a><a class="tag" taget="_blank" href="/search/vsftp/1.htm">vsftp</a> <div>检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed 安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf</div> </li> <li><a href="/article/1285.htm" title="使用mongo-java-driver获取文档id和查找文档" target="_blank">使用mongo-java-driver获取文档id和查找文档</a> <span class="text-muted">BigBird2012</span> <a class="tag" taget="_blank" href="/search/driver/1.htm">driver</a> <div>注：本文所有代码都使用的mongo-java-driver实现。在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在</div> </li> <li><a href="/article/1412.htm" title="JSONObject以及json串" target="_blank">JSONObject以及json串</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/JSONObject/1.htm">JSONObject</a> <div>一.JAR包简介要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包： 1.commons-lang-2.0.jar 2.commons-beanutils-1.7.0.jar 3.commons-collections-3.1.jar &n</div> </li> <li><a href="/article/1539.htm" title="[Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性" target="_blank">[Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>为了说明问题，看个简单的代码， import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal</div> </li> <li><a href="/article/1666.htm" title="【Scala十二】Scala核心六：Trait" target="_blank">【Scala十二】Scala核心六：Trait</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c</div> </li> <li><a href="/article/1793.htm" title="weblogic version 10.3破解" target="_blank">weblogic version 10.3破解</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a> <div>版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa</div> </li> <li><a href="/article/1920.htm" title="求第n个斐波那契数" target="_blank">求第n个斐波那契数</a> <span class="text-muted">BrokenDreams</span> <div> 今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。自己试了下，搞了好久。。。基础要加强了。 &nbs</div> </li> <li><a href="/article/2047.htm" title="读《研磨设计模式》-代码笔记-访问者模式-Visitor" target="_blank">读《研磨设计模式》-代码笔记-访问者模式-Visitor</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret</div> </li> <li><a href="/article/2174.htm" title="MatConvNet的excise 3改为网络配置文件形式" target="_blank">MatConvNet的excise 3改为网络配置文件形式</a> <span class="text-muted">cherishLC</span> <a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a> <div>MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http</div> </li> <li><a href="/article/2301.htm" title="ZK Timeout再讨论" target="_blank">ZK Timeout再讨论</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/timeout/1.htm">timeout</a><a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a> <div>http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003</div> </li> <li><a href="/article/2428.htm" title="CASE WHEN 用法介绍" target="_blank">CASE WHEN 用法介绍</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/group+by/1.htm">group by</a><a class="tag" taget="_blank" href="/search/case+when/1.htm">case when</a> <div>CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数 CASE sex WHEN '1' THEN '男' WHEN '2' THEN '女' ELSE '其他' END --Case搜索函数 CASE WHEN sex = '1' THEN </div> </li> <li><a href="/article/2555.htm" title="PHP技巧汇总:提高PHP性能的53个技巧" target="_blank">PHP技巧汇总:提高PHP性能的53个技巧</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍</div> </li> <li><a href="/article/2682.htm" title="Yii框架中CGridView的使用方法以及详细示例" target="_blank">Yii框架中CGridView的使用方法以及详细示例</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a> <div>CGridView显示一个数据项的列表中的一个表。表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。实例代码如下：</div> </li> <li><a href="/article/2809.htm" title="Maven项目打包成可执行Jar文件" target="_blank">Maven项目打包成可执行Jar文件</a> <span class="text-muted">dyy_gusi</span> <a class="tag" taget="_blank" href="/search/assembly/1.htm">assembly</a> <div>Maven项目打包成可执行Jar文件在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin> </div> </li> <li><a href="/article/2936.htm" title="php常见错误" target="_blank">php常见错误</a> <span class="text-muted">geeksun</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>1. kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc</div> </li> <li><a href="/article/3063.htm" title="修改linux的用户名" target="_blank">修改linux的用户名</a> <span class="text-muted">hongtoushizi</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/change+password/1.htm">change password</a> <div>Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s 具体的操作顺</div> </li> <li><a href="/article/3190.htm" title="第五章常用Lua开发库1-redis、mysql、http客户端" target="_blank">第五章常用Lua开发库1-redis、mysql、http客户端</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a> <div>对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。 Redis客户端 lua-resty-r</div> </li> <li><a href="/article/3317.htm" title="zkClient 监控机制实现" target="_blank">zkClient 监控机制实现</a> <span class="text-muted">liyonghui160com</span> <a class="tag" taget="_blank" href="/search/zkClient+%E7%9B%91%E6%8E%A7%E6%9C%BA%E5%88%B6%E5%AE%9E%E7%8E%B0/1.htm">zkClient 监控机制实现</a> <div> 直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举</div> </li> <li><a href="/article/3444.htm" title="在Mysql 众多表中查找一个表名或者字段名的 SQL 语句" target="_blank">在Mysql 众多表中查找一个表名或者字段名的 SQL 语句</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>在Mysql 众多表中查找一个表名或者字段名的 SQL 语句：　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum</div> </li> <li><a href="/article/3571.htm" title="程序员对英语的依赖" target="_blank">程序员对英语的依赖</a> <span class="text-muted">Smile.zeng</span> <a class="tag" taget="_blank" href="/search/%E8%8B%B1%E8%AF%AD/1.htm">英语</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E7%8C%BF/1.htm">程序猿</a> <div>1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年</div> </li> <li><a href="/article/3698.htm" title="Oracle学习笔记(8) 使用PLSQL编写触发器" target="_blank">Oracle学习笔记(8) 使用PLSQL编写触发器</a> <span class="text-muted">vipbooks</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a><a class="tag" taget="_blank" href="/search/Access/1.htm">Access</a> <div> 时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！这是第八章的学习笔记，学习完第七章的子程序和包之后</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>