ToDoList

使用react实现简单的ToDoList小demo（有小bug）
首先它是这样的！:

进入页面，将光标聚焦在输入框中，输入完毕点击确认

首先
点击事件前的复选框，会在该事件上出现删除线

然后
点击“x”即可删除该事件

最后
然后，组件安排是这样的! ：

组件安排示意
接着，代码实现是这样的！：

首先是页面的初步成形：
//todosApp.js
render() {
        return (
            
                
                <TodosInput onTransmit={this.printThings.bind(this)}/>
                <ThingList things={this.state.things} onDeleteThing={this.handleDeleteThing.bind(this)}/>
            </div>
        )
    }
</code></pre> 
 <pre><code>//todosInput.js
render() {
        return (
            <div>
                <div className="thingInput">
                    <input type="text" value={this.state.thing}
                                       onChange={this.getThing.bind(this)}
                                       ref={(inputThings)=>this.input = inputThings}/>
                    <button onClick={this.onSubmit.bind(this)}>确定</button>
                </div>
            </div>

        )
    }
</code></pre> 
 <pre><code>//thingList.js
render() {
        return (
            <div className="thingsList">
               {this.props.things.map((thing, i) => <Thing thing={thing}
                                                           key={i} index={i}
                                                           onDeleteThing={this.handleDeleteThing.bind(this)}/>)}
            </div>
        );
    }
</code></pre> 
 <pre><code>//thing.js
render(){

        return(
            <div className="thing">
                <input type="checkbox" onClick={this.changeSpan.bind(this)} />
                <span ref={(span)=>this.span=span} >{this.props.thing.thing}</span>
                <button className="delete" onClick={this.handleDelete.bind(this)}>X</button>
            </div>
        )
    }
</code></pre> 
 <ul> 
  <li>接着是输入之后按钮及事件的显示处理 
   <ul> 
    <li>在 input中添加onChange事件，通过event.target.value来获取到输入框中的值，并且存储在state中</li> 
    <li>通过button中的onClick将state中的值传入父组件即todosApp</li> 
    <li>在父组件中使用state对事件进行存储，并且存入localStorge保证刷新之后数据仍旧存在</li> 
    <li>在ThingList组件通过属性thing将state中的事件传入thinglist组件</li> 
    <li>在thinglist.js中使用map函数将每一个事件传入thing组件中进行渲染</li> 
   </ul> </li> 
  <li>然后就是事件删除处理 
   <ul> 
    <li>首先在thing.js中对删除“X”按钮添加点击事件，调用父组件即thinglist传入的属性</li> 
    <li>然后在thinglist.js中对每一个Thing组件记录index值，并且设置属性onDeleteThing绑定函数调用父组件即todosApp组件</li> 
    <li>最后在todosApp.js中对ThingList组件设置属性，调用函数，使用splice对index相对应的函数进行删除</li> 
   </ul> </li> 
  <li>最后就是点击复选框出现删除线 
   <ul> 
    <li>首先在thing.js中设置state，记录复选框的点击情况，以及通过ref获取到span元素</li> 
    <li>根据state中的值，对span设置样式名，『当点击时，设置为具有删除线样式的样式名，反之』</li> 
   </ul> </li> 
 </ul> 
 <h4>最后，它存在的问题是这样的！！！！</h4> 
 <ul> 
  <li>当第一个事件增加删除线之后并删除后，删除线的样式会追加在第二个事件上</li> 
 </ul> 
 <h4>总之，友情链接，先pia上代码地址https://github.com/heheyuanqing/reactDemo/tree/master/todolist </h4> 
</article>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1190399301407318016"></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">
                        <!-- 文章页-右侧1 动态广告位 -->
                        <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>
                        <!-- 文章页-右侧2 动态广告位 -->
                        <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>
                        <!-- 文章页-右侧3 动态广告位 -->
                        <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">你可能感兴趣的:(ToDoList)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1834311048832839680.htm"
                           title="高效时间管理清单来了！你还在拖延吗？" target="_blank">高效时间管理清单来了！你还在拖延吗？</a>
                        <span class="text-muted">思维导图小铺</span>

                        <div>别再徒劳挣扎了，有了这三个清单，高效不在话下↓↓↓关于『认知负担』你必须要知道的：工作、学习中，很多人有做“todolist”的习惯，简单讲就是把待办事务整理成清单格式，然后去完成。但有一个普遍现象是，大家一开始完成的好好的，没坚持多久就抛诸脑后了。造成这个的原因，无非是执行过程中遇到了阻力，或者动力削减了。而这两点都跟我们做的计划有关，简单讲，就是任务设置的太复杂。试想，简单的事情做起来毫不费力</div>
                    </li>
                    <li><a href="/article/1834053305647591424.htm"
                           title="用python实现todolist_开发“todolist“”项目及其自己的感悟" target="_blank">用python实现todolist_开发“todolist“”项目及其自己的感悟</a>
                        <span class="text-muted">weixin_39678426</span>

                        <div>一，项目题目:实现“todolist项目”该项目主要可以练习js操控dom事件，事件触发之间的逻辑关系，以及如何写入缓存，获取缓存、固定。二，todolist简介ToDoList是一款非常优秀的任务管理软件，用户可以用它方便地组织和安排计划。该软件短小精悍，仅有一个数百KB的可执行文件就能完成所有功能，并且界面设计优秀，初级用户也能够快速上手。todolist具体功能ToDoList帮你把要做的事</div>
                    </li>
                    <li><a href="/article/1834051791977803776.htm"
                           title="ToDoList—最简单的待办事项列表" target="_blank">ToDoList—最简单的待办事项列表</a>
                        <span class="text-muted">remakez</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>ToDoList—最简单的待办事项列表代码如下：(样式与网上的相同，js代码不同)ToDoList—最简单的待办事项列表ToDoList正在进行0已经完成0Copyright©2014todolist.cnclearvartitle=document.querySelector('#title');varol=document.querySelector('#todolist')varu</div>
                    </li>
                    <li><a href="/article/1834036034866868224.htm"
                           title="Javascript应用（TodoList表格）" target="_blank">Javascript应用（TodoList表格）</a>
                        <span class="text-muted">不修×蝙蝠</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>Document*{margin:0%;padding:0%;}.container{width:30%;margin:150pxauto;min-width:200px;/*设一个保底宽度，以防止特定调整下变形太严重*/}.container.addBox{display:flex;}.container.addBox.info{width:90%;border:2pxsolidaqua;pad</div>
                    </li>
                    <li><a href="/article/1833785095106949120.htm"
                           title="当代青年人格分裂图鉴" target="_blank">当代青年人格分裂图鉴</a>
                        <span class="text-muted">卫校一七药二</span>

                        <div>分裂，并快乐着当代年轻人真是越活越分裂了。他们一面被动接收着来自社会、长辈的正能量“谆谆教诲”，一面私下里践行着“怎么爽怎么来”的生活哲学。在正能量和丧文化的频频交锋中，他们也在不知不觉间形成了诸多种矛盾人格，我们为各位盘点了以下十种类型的年轻人，相信总有几款是你熟悉的味道：）01每逢新年或xx节点，都是他们大批出没的高峰时段，备忘录里列得满满当当的todolist和朋友圈里洋洋洒洒的“新年献词”</div>
                    </li>
                    <li><a href="/article/1833740329489100800.htm"
                           title="vue零基础开发005——组件之间传值" target="_blank">vue零基础开发005——组件之间传值</a>
                        <span class="text-muted">文朝明</span>

                        <div>todolist组件之间传值提交/*--子组件-*/varTodoItem={props:['content','index'],template:"{{content}}",methods:{handleItemClick:function(){console.log('222')this.$emit("delete",this.index)console.log(this.index)}}}/</div>
                    </li>
                    <li><a href="/article/1830414979812126720.htm"
                           title="VUE实现TAB切换不同页面" target="_blank">VUE实现TAB切换不同页面</a>
                        <span class="text-muted">天农学子</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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>VUE实现TAB切换不同页面实现效果资源准备ReceiveOrderList,TodoListMulti,SignList这三个页面就是需要切换的页面首页代码待接单待发货待签收importReceiveOrderListfrom'@/views/orderCenter/receiveOrderList'importTodoListMultifrom'@/views/dispatch/todoLis</div>
                    </li>
                    <li><a href="/article/1830157370102214656.htm"
                           title="自律养成习惯第30天" target="_blank">自律养成习惯第30天</a>
                        <span class="text-muted">时光规划者</span>

                        <div>1.今日几件事1）阅读《如何有效阅读一本书》第三四章✓2）回娘家✓3）独立看娃✓2.复盘做的好的地方:1）即便头一天晚上睡的很晚，第二天想早起依然起来了，不容易。需要改进的地方:1）脱离开婆婆独立看娃，发现娃真的不好看，现实比想象难多久。3.明天Todolist清单1）阅读《如何有效阅读一本书》第五章2）独立看娃4.今日分享一句话有些人之所以不断成长，就绝对是有一种坚持下去的力量。好读书，肯下功夫</div>
                    </li>
                    <li><a href="/article/1829934095677878272.htm"
                           title="Vue-cli的使用" target="_blank">Vue-cli的使用</a>
                        <span class="text-muted">子非鱼921</span>
<a class="tag" taget="_blank" href="/search/Vue.js%E5%85%A5%E9%97%A8%E5%8F%8A%E5%AE%9E%E6%88%98/1.htm">Vue.js入门及实战</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
                        <div>文章目录1vue-cli的安装和项目配置2使用vue-cli开发todolist3全局样式与局部样式1vue-cli的安装和项目配置这篇博文中有详细的介绍：安装vue-cli2.0并创建项目。2使用vue-cli开发todolistsrc文件夹下添加文件：TodoList.vue。提交importTodoItemfrom'./components/TodoItem'/*data是一个函数，函数返回</div>
                    </li>
                    <li><a href="/article/1829615653280116736.htm"
                           title="每天记录一件值得感恩的事情Day84" target="_blank">每天记录一件值得感恩的事情Day84</a>
                        <span class="text-muted">写作业去了</span>

                        <div>嗷，断更几天，今天继续吧～最近吃吃喝喝跑跑，被作业难住鸟好痛苦哟。感恩小熊带我吃了不少好吃的，比如韩国烤又又，翡翠小厨的担担面，还有havinghere的多米诺pizza～周五要交aml作业要把IoTpresentation搞定还要申公民报水电嗷嗷嗷，明天电脑下载一个todolist，拖延症没救了，哎。。今天也是可爱的辉夜姬～</div>
                    </li>
                    <li><a href="/article/1826750308903120896.htm"
                           title="微信小程序--31(todolist案例)" target="_blank">微信小程序--31(todolist案例)</a>
                        <span class="text-muted">阿巴阿巴啊啊啊</span>
<a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%AD%A6%E4%B9%A0/1.htm">小程序学习</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
                        <div>一.功能输入待办事件添加代办事件删除代办事件二、步骤1.添加输入框.wxml代码：.wxss代码：/*1.输入框样式*/input{border:1rpxsolidblue;height:50px;line-height:50px;border-radius:10px;}效果图：2.添加按钮.wxlm代码：add.wxss代码：/*#将输入框和按钮放置到一行样式*/.box{display:fle</div>
                    </li>
                    <li><a href="/article/1760878142379053056.htm"
                           title="鸿蒙OS运行报错 ‘ToDoListItem({ item })‘ does not meet UI component syntax." target="_blank">鸿蒙OS运行报错 ‘ToDoListItem({ item })‘ does not meet UI component syntax.</a>
                        <span class="text-muted">三线码工</span>
<a class="tag" taget="_blank" href="/search/HarmonyOS/1.htm">HarmonyOS</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a>
                        <div>在学习harmonyOS时，原本是好好运行的。但是突然报错'ToDoListItem({item})'doesnotmeetUIcomponentsyntax.一脸懵逼，以为是自己语法问题检查了半天也没问题。网上搜索了一下，说把多余的js\map文件删除就行才发现我的鸿蒙的开发工具DevEcoStudio的生成了.map和.js文件似乎是开发工具bug，我乖乖的删除了对应不需要的文件。果不其然就不</div>
                    </li>
                    <li><a href="/article/1759945626130411520.htm"
                           title="MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（2）-Swagger框架集成" target="_blank">MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（2）-Swagger框架集成</a>
                        <span class="text-muted">追逐时光者</span>
<a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/.NET/1.htm">.NET</a><a class="tag" taget="_blank" href="/search/.NET/1.htm">.NET</a><a class="tag" taget="_blank" href="/search/Core/1.htm">Core</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/.netcore/1.htm">.netcore</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
                        <div>Swagger是什么？Swagger是一个规范且完整API文档管理框架，可以用于生成、描述和调用可视化的RESTful风格的Web服务。Swagger的目标是对RESTAPI定义一个标准且和语言无关的接口，可以让人和计算机拥有无须访问源码、文档或网络流量监测就可以发现和理解服务的能力。当通过Swagger进行正确定义，用户可以理解远程服务并使用最少实现逻辑与远程服务进行交互。与为底层编程所实现的接</div>
                    </li>
                    <li><a href="/article/1759677921414443008.htm"
                           title="活得越大，有些事情看得越明白" target="_blank">活得越大，有些事情看得越明白</a>
                        <span class="text-muted">上房揭瓦喻和平</span>

                        <div>最近总感觉到，活得越大活得越明白。不愿意在没有用的事情上浪费时间，也不愿意过多花时间在那些没什么用的社交上面。只希望身边留下的人少而精，说过的每一句话不需要解释他们都懂。也越来越不愿意做妥协，也不愿意花时间在无聊的app上，更喜欢追求有质感的生活，明白只有努力坚持才能最终走向胜利。开始对自己严格要求，开始在丛林中找寻自己的方向，开始有规划有计划，开始学会在每年定制的todolist上画满了已完成的</div>
                    </li>
                    <li><a href="/article/1759442500285706240.htm"
                           title="日复盘 | 我的子弹笔记 18/31 （5.18）" target="_blank">日复盘 | 我的子弹笔记 18/31 （5.18）</a>
                        <span class="text-muted">Vicco134340</span>

                        <div>不要让你向往的人生，成为一纸空谈。Todolist*工作：—日常上课—示范曲目—内容复盘summary：项目不多，但每件事都很重要。每日小记事—情绪缓一缓，也就结束了。—事情做一做，也就开始了。—没有付出的时光，连成绩都舍不得给你。—你所创造的价值，也是源于更好的自己。—休息过后，别忘了更好的出发。—在他人的影子里看见自己，在自我的反省中得到解脱。—我们都一样，一样的平凡；我们很不同，平凡得不同。</div>
                    </li>
                    <li><a href="/article/1757849540389519360.htm"
                           title="VueCLI核心知识综合案例TodoList" target="_blank">VueCLI核心知识综合案例TodoList</a>
                        <span class="text-muted">是小蟹呀^</span>
<a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>目录1拿到一个功能模块首先需要拆分组件：2使用组件实现静态页面的效果3分析数据保存在哪个组件4实现添加数据5实现复选框勾选6实现数据的删除7实现底部组件中数据的统计8实现勾选全部的小复选框来实现大复选框的勾选9实现勾选大复选框来实现所有的小复选框都被勾选10清空所有数据11实现案例中的数据存入本地存储12案例中使用自定义事件完成组件间的数据通信13案例中实现数据的编辑14实现数据进出的动画效果【分</div>
                    </li>
                    <li><a href="/article/1757517092296343552.htm"
                           title="高效的工作学习方法" target="_blank">高效的工作学习方法</a>
                        <span class="text-muted">mask哥</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86%E6%B2%89%E6%80%9D%26amp%3B%E6%80%BB%E7%BB%93/1.htm">管理沉思&总结</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a>
                        <div>1.康奈尔笔记法在这里插入图片描述2.5W2H法3.鱼骨图分析法4.麦肯锡7步分析法5.使用TODOLIST6.使用计划模板（年月周）7.高效的学习方法成年人的学习特点：快速了解一个领域方法沉浸式学习方法：沉浸学习的判据：是否因为学习本身开心、喜乐外因：1、好的环境（安静的图书馆或者白噪音的咖啡馆）2、减少打断（关闭消息提醒，集中处理。重要的邮件等记下来）3、黄金四小时（把握一天中最黄金的时间）4</div>
                    </li>
                    <li><a href="/article/1757440940961710080.htm"
                           title="2018-02-19" target="_blank">2018-02-19</a>
                        <span class="text-muted">敢比会重要</span>

                        <div>2月18日万妮亚复盘第88天一、梦想还是要有，说不定努力了，就实现了二、每年三个大目标三、时间管理关注自己的高效时间点，多利用高效时间来学习四、每天制定todolist清单五、早起打卡，离梦想进一步</div>
                    </li>
                    <li><a href="/article/1757337232294821888.htm"
                           title="Redux入门教程（三）：react-redux使用（todolist实例）" target="_blank">Redux入门教程（三）：react-redux使用（todolist实例）</a>
                        <span class="text-muted">变态的小水瓶</span>

                        <div>一、组件分类React-Redux将所有组件分成两大类：UI组件（presentationalcomponent）和容器组件（containercomponent）。UI组件：只负责UI的呈现，不带有任何业务逻辑没有状态（即不使用this.state这个变量）所有数据都由参数（this.props）提供不使用任何Redux的API容器组件：负责管理数据和业务逻辑，不负责UI的呈现带有内部状态，可以</div>
                    </li>
                    <li><a href="/article/1757219588505878528.htm"
                           title="宇宙公民第10期高效阅读营第9课收获" target="_blank">宇宙公民第10期高效阅读营第9课收获</a>
                        <span class="text-muted">宇宙公民Cathy</span>

                        <div>l你要相信，主动提供价值的人就会被世界看到，主动帮助世界的人，世界也会来帮他。l“知识就是力量”的正解是，知识本身是没有价值的，价值只有从实际运用中才能获得！只有将知识有条理的纳入确切的行动计划，并且指向一个确切的目标时，他才能成为力量。——《思考致富》l行动日记：每天要写下1.自己的todolist，2.全天有没有大的情绪波动，3.有没有被赋能和赋能。时刻的去觉察自己，去帮助自己稳定情绪，同时你</div>
                    </li>
                    <li><a href="/article/1756991757632946176.htm"
                           title="日复盘 | 我的子弹笔记 5/30 （4.5）" target="_blank">日复盘 | 我的子弹笔记 5/30 （4.5）</a>
                        <span class="text-muted">Vicco134340</span>

                        <div>唯有时刻保持清醒，才能看清真正的价值在哪里。Todolist—外出购物—沟通交流—手帐探店—公园一景—家庭聚餐—下午茶—工作回复—工作计划summary：想要做的事，唯有坚持靠自己实现。每日五斧头1.练琴no——明日回去继续2.写作OK——构思近期文章3.理财OK——日常记账规划4.手帐OK——读书笔记5.思考OK——工作改良summary：做与不做，都在一念之间，但坚持所带来的成效，微小看得见。</div>
                    </li>
                    <li><a href="/article/1756727084090146816.htm"
                           title="Day 39，有仪式感地劳逸结合" target="_blank">Day 39，有仪式感地劳逸结合</a>
                        <span class="text-muted">向太白</span>

                        <div>图片发自App八月开始啦！哼哧哼哧的鸡血又打起来啦！我自创了一个工作方法。那就给它取个名字叫“空间转换法”。这个工作法是如此由来的。因为平时各种五花八门的事把我脑子也搅和地很乱。常常抓不到重点，或者东忙西忙。平时todolist我都积攒到手机备忘录里面。八月的一个清晨，我找来一个小本子。回想我工作场景的变化，有家里、公司、外面（家和公司之外的地方都叫外面）。按照这个顺序把所有todolist分为了</div>
                    </li>
                    <li><a href="/article/1756184199141801984.htm"
                           title="安琪分享课的思考" target="_blank">安琪分享课的思考</a>
                        <span class="text-muted">啊蝉</span>

                        <div>1.安琪大大分享的第一部分是如何高效学习私房课：有一点启发吧，就是老白的内容很多，预习是必须的，而且还要带着问题去听课，其他的学习习惯安琪说的我都具备，就不赘述了，毕竟没有好的习惯，好的执行力我也不会来这里上课；2.时间管理我对于时间管理的思考就是每天早上干活之前想好todolist,不闲聊，不刷手机，不偷懒就行了。我利用上下班的时间会思考一下写什么，或者今天学了什么，或者今天还需要做什么。现阶段</div>
                    </li>
                    <li><a href="/article/1756098876240052224.htm"
                           title="外婆走了，妈妈再也没有妈妈了······" target="_blank">外婆走了，妈妈再也没有妈妈了······</a>
                        <span class="text-muted">优优和吖吖</span>

                        <div>其实很多时候，人都是有预感的。这周以来，我的任何一个todolist都无法实践，心里一直是空的，什么也不想做，下班之后只想窝在沙发上发呆，只想躺在床上睡觉。明明很讨厌这种状态，但是一直改变不了。直到昨天早上七点，该来的一切都来了，外婆走了，我不知道她永远的闭上双眼的时候，心里面是否安详，也不知道她到底还有没有牵挂······接到电话的时候，中午刚刚下班回到家，瞬间泪如雨下。八十几岁的高龄，前段时间</div>
                    </li>
                    <li><a href="/article/1755900571182710784.htm"
                           title="todolist的五种写法（原生、vue2、vue3、react类组件，react函数组件）" target="_blank">todolist的五种写法（原生、vue2、vue3、react类组件，react函数组件）</a>
                        <span class="text-muted">前端fighter</span>
<a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a>
                        <div>1.js、vue2、vue3、react类组件、react函数组件的特性1.1JavaScript（JS）特性弱类型：JavaScript是一种弱类型语言，变量的类型可以在运行时动态改变。基于原型的面向对象：JavaScript使用原型链来实现面向对象编程。事件驱动：JavaScript可以通过事件监听和触发来实现交互功能。动态性：JavaScript具有动态创建、修改和删除元素的能力。广泛应用：</div>
                    </li>
                    <li><a href="/article/1755854775515103232.htm"
                           title="任务管理工具的本质" target="_blank">任务管理工具的本质</a>
                        <span class="text-muted">Mu_Xin</span>

                        <div>Task.jpg如果你有过这样的感觉：感觉每天很忙，但是晚上下班的时候不知道自己今天忙了什么；总觉得自己有做不完的工作，做着这个想着那个；早上起床后明知道有很多工作要做，但是不知道从哪个下手；……如果你出现过这样的状况，那么你一定想去尝试或者已经在用「任务管理工具」来规划自己的工作和生活。市面上的任务管理工具，不论是全平台极简的「todolist」，还是「滴答清单」，又或者是「omnifocus」</div>
                    </li>
                    <li><a href="/article/1755502079989792768.htm"
                           title="鸿蒙OS导入项目报错不能运行 @ohos\hvigor\bin\hvigor.js‘" target="_blank">鸿蒙OS导入项目报错不能运行 @ohos\hvigor\bin\hvigor.js‘</a>
                        <span class="text-muted">三线码工</span>
<a class="tag" taget="_blank" href="/search/HarmonyOS/1.htm">HarmonyOS</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a>
                        <div>在自学HarmonyOS时，想在DevEcoStudio导入官方示例代码：待办列表（ArkTS）报错C:\Users\woods\Downloads\test01\ToDoListArkTS\node_modules\@ohos\hvigor\bin\hvigor.js--modemodule-pmodule=entry@default-pproduct=default-pcompileResIn</div>
                    </li>
                    <li><a href="/article/1755471472626778112.htm"
                           title="Error: Cannot find module 'array-includes'" target="_blank">Error: Cannot find module 'array-includes'</a>
                        <span class="text-muted">不语翕</span>

                        <div>执行npmrundev突然报错E:\Demo\a-v\todolist>cnpmrundevtodolist@1.0.0devE:\Demo\a-v\todolistwebpack-dev-server--inline--progress--configbuild/webpack.dev.conf.jsmodule.js:549throwerr;^Error:Cannotfindmodule'ar</div>
                    </li>
                    <li><a href="/article/1755402963301449728.htm"
                           title="Rust-AI todo list 开发体验" target="_blank">Rust-AI todo list 开发体验</a>
                        <span class="text-muted">明天好，会的</span>
<a class="tag" taget="_blank" href="/search/Rust/1.htm">Rust</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%88%98/1.htm">实战</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E5%BF%83%E5%BE%97/1.htm">设计心得</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>之前用AI协助开发了一个Vue模块，感觉意犹未尽，所以决定再让AI来协助我做一个todolist。todolist对我来说真是一个刚需，从我决定做一件事情，到这件事情做完，我的todolist不但不会减少，反而会增加。回来说说应用AI这件事情。我之前使用AI的量和现在比，相对要少很多，其中一个原因是我之前对那些技术细节很“熟悉”，使用AI帮忙写代码总是有隔靴搔痒的感觉。我对Vue的了解细节相对于R</div>
                    </li>
                    <li><a href="/article/1755266758962331648.htm"
                           title="Vue 的表单输入绑定和数组更新检测（六）" target="_blank">Vue 的表单输入绑定和数组更新检测（六）</a>
                        <span class="text-muted">RomeUC</span>
<a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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>前言表单控件在实际开发中使用非常频繁，我们做的各种应用或多或少会需要获取用户提交的信息。针对这种场景，Vue提供了v-model指令帮助我们进行快速的处理表单元素的数据更新。除此之外，我们还会以一个TodoList的功能进行Vue对数组更新检测的补充说明。表单输入绑定你可以用v-model指令在表单、及元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-mod</div>
                    </li>
                                <li><a href="/article/65.htm"
                                       title="Java常用排序算法/程序员必须掌握的8大排序算法" target="_blank">Java常用排序算法/程序员必须掌握的8大排序算法</a>
                                    <span class="text-muted">cugfy</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>分类： 
 
1）插入排序（直接插入排序、希尔排序） 
2）交换排序（冒泡排序、快速排序） 
3）选择排序（直接选择排序、堆排序） 
4）归并排序 
5）分配排序（基数排序） 
 
所需辅助空间最多：归并排序 
所需辅助空间最少：堆排序 
平均速度最快：快速排序 
 
不稳定：快速排序，希尔排序，堆排序。 
 
先来看看8种排序之间的关系： 
 
  
 
 1.直接插入排序 
 
（1</div>
                                </li>
                                <li><a href="/article/192.htm"
                                       title="【Spark102】Spark存储模块BlockManager剖析" target="_blank">【Spark102】Spark存储模块BlockManager剖析</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/manager/1.htm">manager</a>
                                    <div>Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色</div>
                                </li>
                                <li><a href="/article/319.htm"
                                       title="linux 查看端口被占用情况详解" target="_blank">linux 查看端口被占用情况详解</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E7%AB%AF%E5%8F%A3%E5%8D%A0%E7%94%A8/1.htm">端口占用</a><a class="tag" taget="_blank" href="/search/netstat/1.htm">netstat</a><a class="tag" taget="_blank" href="/search/lsof/1.htm">lsof</a>
                                    <div>经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序 
  
1、lsof -i:port 
port为端口号 
  
[root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 
COMMAND   PID USER   FD   TY</div>
                                </li>
                                <li><a href="/article/446.htm"
                                       title="Hosts文件使用" target="_blank">Hosts文件使用</a>
                                    <span class="text-muted">周凡杨</span>
<a class="tag" taget="_blank" href="/search/hosts/1.htm">hosts</a><a class="tag" taget="_blank" href="/search/locahost/1.htm">locahost</a>
                                    <div>     一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:</div>
                                </li>
                                <li><a href="/article/573.htm"
                                       title="java excel工具" target="_blank">java excel工具</a>
                                    <span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/Java+excel/1.htm">Java excel</a>
                                    <div>直接上代码，一看就懂，利用的是jxl： 
import java.io.File;
import java.io.IOException;
import jxl.Cell;
import jxl.Sheet;
import jxl.Workbook;
import jxl.read.biff.BiffException;
import jxl.write.Label;
import </div>
                                </li>
                                <li><a href="/article/700.htm"
                                       title="web报表工具finereport常用函数的用法总结（数组函数）" target="_blank">web报表工具finereport常用函数的用法总结（数组函数）</a>
                                    <span class="text-muted">老A不折腾</span>
<a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/web%E6%8A%A5%E8%A1%A8/1.htm">web报表</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E6%80%BB%E7%BB%93/1.htm">函数总结</a>
                                    <div>ADD2ARRAY 
ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 
示例： 
ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. 
ADDARRAY([3,4, 1, 5, 7], "测试&q</div>
                                </li>
                                <li><a href="/article/827.htm"
                                       title="游戏服务器网络带宽负载计算" target="_blank">游戏服务器网络带宽负载计算</a>
                                    <span class="text-muted">墙头上一根草</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
                                    <div>家庭所安装的4M，8M宽带。其中M是指，Mbits/S 
其中要提前说明的是： 
8bits = 1Byte 
即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 
8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 
我是在计算我们网络流量时想到的</div>
                                </li>
                                <li><a href="/article/954.htm"
                                       title="我的spring学习笔记2-IoC（反向控制 依赖注入）" target="_blank">我的spring学习笔记2-IoC（反向控制 依赖注入）</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Spring+3+%E7%B3%BB%E5%88%97/1.htm">Spring 3 系列</a>
                                    <div>IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 
IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 
如：程序中有 Mysql.calss 、Oracle.class 、SqlSe</div>
                                </li>
                                <li><a href="/article/1081.htm"
                                       title="高性能mysql 之 选择存储引擎(一)" target="_blank">高性能mysql 之 选择存储引擎(一)</a>
                                    <span class="text-muted">annan211</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/InnoDB/1.htm">InnoDB</a><a class="tag" taget="_blank" href="/search/MySQL%E5%BC%95%E6%93%8E/1.htm">MySQL引擎</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8%E5%BC%95%E6%93%8E/1.htm">存储引擎</a>
                                    <div>  1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常</div>
                                </li>
                                <li><a href="/article/1208.htm"
                                       title="UDP网络编程" target="_blank">UDP网络编程</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/UDP%E7%BC%96%E7%A8%8B/1.htm">UDP编程</a><a class="tag" taget="_blank" href="/search/%E5%B1%80%E5%9F%9F%E7%BD%91%E7%BB%84%E6%92%AD/1.htm">局域网组播</a>
                                    <div>  
UDP是基于无连接的,不可靠的传输   与TCP/IP相反 
  
  
  
UDP实现私聊,发送方式客户端,接受方式服务器 
package netUDP_sc;

import java.net.DatagramPacket;
import java.net.DatagramSocket;
import java.net.Ine</div>
                                </li>
                                <li><a href="/article/1335.htm"
                                       title="JQuery对象的val()方法执行结果分析" target="_blank">JQuery对象的val()方法执行结果分析</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
                                    <div>        JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。 
        </div>
                                </li>
                                <li><a href="/article/1462.htm"
                                       title="http请求测试实例（采用json-lib解析）" target="_blank">http请求测试实例（采用json-lib解析）</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/http/1.htm">http</a>
                                    <div>        由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 
package com;

import java.util.HashMap;
import java.util.Map;

import </div>
                                </li>
                                <li><a href="/article/1589.htm"
                                       title="【RPC框架Hessian四】Hessian与Spring集成" target="_blank">【RPC框架Hessian四】Hessian与Spring集成</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hessian/1.htm">hessian</a>
                                    <div>在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。 
  定义模型、接口和服务器端代码 
|---Model 
   &nb</div>
                                </li>
                                <li><a href="/article/1716.htm"
                                       title="【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析" target="_blank">【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Mahout/1.htm">Mahout</a>
                                    <div>1.Mahout环境搭建 
 1.下载Mahout 
http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz 
  
 2.解压Mahout 
 3. 配置环境变量 
vim /etc/profile

export HADOOP_HOME=/home</div>
                                </li>
                                <li><a href="/article/1843.htm"
                                       title="nginx负载tomcat遇非80时的转发问题" target="_blank">nginx负载tomcat遇非80时的转发问题</a>
                                    <span class="text-muted">ronin47</span>

                                    <div>　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port 
       详细如下： 
　　  
该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的：    
?       1   2   3   4   5   </div>
                                </li>
                                <li><a href="/article/1970.htm"
                                       title="java-17-在一个字符串中找到第一个只出现一次的字符" target="_blank">java-17-在一个字符串中找到第一个只出现一次的字符</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>

public class FirstShowOnlyOnceElement {

	/**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b
	 * 1.int[] count:count[i]表示i对应字符出现的次数
	 * 2.将26个英文字母映射：a-z <--> 0-25
	 * 3.假设全部字母都是小写
	 */
	pu</div>
                                </li>
                                <li><a href="/article/2097.htm"
                                       title="mongoDB 复制集" target="_blank">mongoDB 复制集</a>
                                    <span class="text-muted">开窍的石头</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
                                    <div>mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题 
       
 
     mo</div>
                                </li>
                                <li><a href="/article/2224.htm"
                                       title="[宇宙与天文]宇宙时代的经济学" target="_blank">[宇宙与天文]宇宙时代的经济学</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E7%BB%8F%E6%B5%8E/1.htm">经济</a>
                                    <div> 
    宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。 
 
     在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源 
 
     以目前地球上国家的经济发展水平来讲，</div>
                                </li>
                                <li><a href="/article/2351.htm"
                                       title="Git忽略文件" target="_blank">Git忽略文件</a>
                                    <span class="text-muted">Cwind</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
                                    <div>     有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。  
   ==== ==== ==== 一些牢骚</div>
                                </li>
                                <li><a href="/article/2478.htm"
                                       title="MySQL连接数据库的必须配置" target="_blank">MySQL连接数据库的必须配置</a>
                                    <span class="text-muted">dashuaifu</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E8%BF%9E%E6%8E%A5%E6%95%B0%E6%8D%AE%E5%BA%93%E9%85%8D%E7%BD%AE/1.htm">连接数据库配置</a>
                                    <div>MySQL连接数据库的必须配置 
  
1.driverClass：com.mysql.jdbc.Driver 
  
2.jdbcUrl：jdbc:mysql://localhost:3306/dbname 
  
3.user：username 
  
4.password：password 
  
其中1是驱动名；2是url，这里的‘dbna</div>
                                </li>
                                <li><a href="/article/2605.htm"
                                       title="一生要养成的60个习惯" target="_blank">一生要养成的60个习惯</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E4%B9%A0%E6%83%AF/1.htm">习惯</a>
                                    <div>一生要养成的60个习惯 
第1篇 让你更受大家欢迎的习惯 
1 守时，不准时赴约,让别人等,会失去很多机会。 
如何做到： 
①该起床时就起床， 
②养成任何事情都提前15分钟的习惯。 
③带本可以随时阅读的书，如果早了就拿出来读读。 
④有条理，生活没条理最容易耽误时间。 
⑤提前计划：将重要和不重要的事情岔开。 
⑥今天就准备好明天要穿的衣服。 
⑦按时睡觉，这会让按时起床更容易。 
2 注重</div>
                                </li>
                                <li><a href="/article/2732.htm"
                                       title="[介绍]Yii 是什么" target="_blank">[介绍]Yii 是什么</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a>
                                    <div>Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。  
Yii 最适合做什么？ 
Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应</div>
                                </li>
                                <li><a href="/article/2859.htm"
                                       title="Linux SSH常用总结" target="_blank">Linux SSH常用总结</a>
                                    <span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/linux+ssh/1.htm">linux ssh</a><a class="tag" taget="_blank" href="/search/SSHD/1.htm">SSHD</a>
                                    <div>转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机 
  
格式：
ssh name@remoteserver
例如：
ssh ickes@192.168.27.211 
  二、连接到远程主机指定的端口 
  
格式：
ssh name@remoteserver -p 22
例如：
ssh i</div>
                                </li>
                                <li><a href="/article/2986.htm"
                                       title="快速上传头像到服务端工具类FaceUtil" target="_blank">快速上传头像到服务端工具类FaceUtil</a>
                                    <span class="text-muted">gundumw100</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>快速迭代用 
 
 

import java.io.DataOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOExceptio</div>
                                </li>
                                <li><a href="/article/3113.htm"
                                       title="jQuery入门之怎么使用" target="_blank">jQuery入门之怎么使用</a>
                                    <span class="text-muted">ini</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                                    <div>jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？ 
  
首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。</div>
                                </li>
                                <li><a href="/article/3240.htm"
                                       title="带filter的hbase查询优化" target="_blank">带filter的hbase查询优化</a>
                                    <span class="text-muted">kane_xie</span>
<a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2%E4%BC%98%E5%8C%96/1.htm">查询优化</a><a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a><a class="tag" taget="_blank" href="/search/RandomRowFilter/1.htm">RandomRowFilter</a>
                                    <div> 
 问题描述 
 
hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。     
 
 问题原因 
 
直接原因是：  hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需</div>
                                </li>
                                <li><a href="/article/3367.htm"
                                       title="java设计模式-单例模式" target="_blank">java设计模式-单例模式</a>
                                    <span class="text-muted">men4661273</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/%E6%9E%9A%E4%B8%BE/1.htm">枚举</a><a class="tag" taget="_blank" href="/search/%E5%8F%8D%E5%B0%84/1.htm">反射</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a>
                                    <div>         单例模式1，饿汉模式 
//饿汉式单例类.在类初始化时，已经自行实例化
public class Singleton1 {
    //私有的默认构造函数
    private Singleton1() {}
    //已经自行实例化
    private static final Singleton1 singl</div>
                                </li>
                                <li><a href="/article/3494.htm"
                                       title="mongodb 查询某一天所有信息的3种方法，根据日期查询" target="_blank">mongodb 查询某一天所有信息的3种方法，根据日期查询</a>
                                    <span class="text-muted">qiaolevip</span>
<a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a>
                                    <div>// mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。

// 第一种方式：
coll.aggregate([
          {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}},
          {$match:{sendDate: '2015-</div>
                                </li>
                                <li><a href="/article/3621.htm"
                                       title="二维数组转换成JSON" target="_blank">二维数组转换成JSON</a>
                                    <span class="text-muted">tangqi609567707</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a>
                                    <div>原文出处：http://blog.csdn.net/springsen/article/details/7833596 
public class Demo { 
    public static void main(String[] args) {        String[][] blogL</div>
                                </li>
                                <li><a href="/article/3748.htm"
                                       title="erlang supervisor" target="_blank">erlang supervisor</a>
                                    <span class="text-muted">wudixiaotie</span>
<a class="tag" taget="_blank" href="/search/erlang/1.htm">erlang</a>
                                    <div>定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_</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.
<!--            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
        </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>
ToDoList

首先 它是这样的！:

然后，组件安排是这样的! ：

接着，代码实现是这样的！：

首先它是这样的！:
