2021-06-12Vue第一天

一、Vue的基本使用

1. 基本格式

（1）提供标签
（2）引入Vue.js
（3）根据Vue的语法格式，创建Vue实例对象
（4）在Vue实例对象中传入数据


    
    
      {{msg}}
      {{1+1+`等于2`}}

① {{}}：插值表达式。
② el：可以是选择器，也可以是获取的DOM元素对象。
③ data：是一个对象，里面存放数据。

二、数据绑定的指令

1. 什么是指令

① 指令的本质就是自定义属性。
② Vue中指令都是以 v- 开头。

2. v-cloak 指令

作用：v-cloak 指令可以防止页面加载时出现闪动问题。

（1）首先在style样式中为 [v-cloak] 指令添加样式。

（2）然后给插值表达式所在的标签，添加 v-cloak 指令。


    
      {{msg}}
      {{1+1+`等于2`}}

3. v-text 指令

① v-text指令用于将数据填充到标签中，替代了插值表达式，并且没有闪动问题。
② 不解析HTML标签，如果数据中有HTML标签会将HTML标签一并输出。

注意：v-text 和 v-html 都是单向绑定，数据对象上的值改变，插值会发生变化；但是当插值发生变化并不会影响数据对象的值。

4. v-html 指令

①用法和v-text 相似，但是他可以解析HTML标签。
② 可能有安全问题, 一般只在可信任内容上使用 v-html，永不用在用户提交的内容上。

5. v-pre 指令

① 显示原始信息，跳过编译过程。
② 跳过这个元素和它的子元素的编译过程。
③ 一些静态的内容不需要编译加这个指令可以加快渲染。


      {{msg}}

6. 数据响应式

（1）数据的变化导致页面内容的变化，就叫数据响应式。
（2）数据绑定，就是将数据填充到标签中。
（3）v-once指令，使当前标签只进行一次编译，不再具有数据响应式。

7. v-model 指令

v-model 指令用于数据的双向绑定。限制在、、components中使用。双向绑定就是：</p> <ul> <li>当数据发生变化的时候，视图也就发生变化</li> <li>当视图发生变化的时候，数据也会跟着同步变化</li> </ul> <pre><code> <input type="text" v-model="msg"> </code></pre> <h5>8. MVVM</h5> <p>（1）m model</p> <ul> <li>数据层， Vue 中数据层都放在 data 里面</li> </ul> <p>（2）v view 视图</p> <ul> <li>Vue 中 view 即我们的HTML页面</li> </ul> <p>（3） vm （view-model）控制器将数据和视图层建立联系</p> <ul> <li>vm 即 Vue 的实例就是 vm</li> </ul> <h2>三、v-on 事件绑定</h2> <h5>1. v-on 指令</h5> <blockquote> <p><strong>v-on：事件类型="具体的处理过程"<br> v-on：事件类型="处理函数的名称"<br> v-on：事件类型="处理函数的名称(参数1，参数2，$event )"</strong></p> </blockquote> <p>① 事件处理函数，写在vue实例对象的methods属性中。<br> ② methods对象中的处理函数，想要获取数据必须加this，<strong>处理函数的this指向vue实例。</strong><br> ③ <strong>v-on：</strong>可以用 @ 代替。</p> <p>参数传递说明：<br> ① 标签只绑定处理函数的名称时，事件对象默认为第一个<strong>实参</strong>被传递。<br> ②标签绑定的是处理函数的调用时，事件对象必须作为最后一个<strong>实参</strong>传递，并且名称必须是$event。</p> <pre><code>  <div id="box"> <div>{{num}}</div> <button v-on:click="num++">按钮1</button> <button v-on:click="handler1">按钮2</button> <button v-on:click="handler2(100,200,$event)">按钮3</button> </div>  <script src="./vue.js"></script>  <script> var vm = new Vue({ el: '#box', data: { num: 0 }, methods: { handler1: function (event) { this.num++; //注意：处理函数获取数据，必须加this,this指向vue实例对象。 console.log(event.target.innerHTML); }, handler2: function (x,y,event) { this.num++; console.log(x,y,event.target.innerHTML); }, }, }); </script> </code></pre> <h5>2. 事件修饰符</h5> <p>阻止事件冒泡：</p> <pre><code><div v-on:click="handler1"> 123 <button v-on:click.stop="handler">按钮4</button> </div> </code></pre> <p>阻止默认事件：</p> <pre><code><a href="http://www.baidu.com" v-on:click.prevent="handler">百度</a> </code></pre> <h5>3. 按键修饰符</h5> <p>绑定enter键：</p> <pre><code><input type="text" v-model="str" v-on:keydown.enter="handle" /> </code></pre> <p>常用的按键修饰符<br> .enter => enter键<br> .tab => tab键<br> .delete (捕获“删除”和“退格”按键) => 删除键<br> .esc => 取消键<br> .space => 空格键<br> .up => 上<br> .down => 下<br> .left => 左<br> .right => 右</p> <h5>4. 自定义按键修饰符</h5> <blockquote> <p><strong>Vue.config.keyCodes.自定义名称 = 某个按键对应的ASCll码值</strong></p> </blockquote> <pre><code>  <form action=""> <div class="box">  entet:<input type="text" v-model="str" v-on:keydown.enter="handle" /> <br />  delete:<input type="text" v-model="str1" v-on:keydown.delete="handle1" />  a:<input type="text" v-on:keydown.aaa="handle2" /> </div> </form>  <script src="./vue.js"></script>  <script> // 自定义按键修饰符 Vue.config.keyCodes.aaa = 65; var vm = new Vue({ el: '.box', data: { str: '', str1: '你好' }, methods: { handle: function () { console.log(this.str); }, handle1: function () { this.str1 = ''; }, handle2: function (event) { console.log(event.keyCode); }, }, }); </script> </code></pre> <h2>四、v-bind 属性绑定</h2> <p><strong>v-bind 绑定原理：</strong>(v-text、v-html 等同理）</p> <blockquote> <p>① 不用v-bind绑定的属性，双引号中的属性值被当做 <strong>字符串</strong> 来解析；<br> ② v-bind绑定了属性后，双引号中的属性值被当做 <strong>变量</strong> 来解析，如果想要使用 <strong>字符串</strong>，要用 <strong>单引号包裹</strong> 起来。</p> </blockquote> <h5>1. v- bind 指令</h5> <blockquote> <p><strong><a v-bind:href=" data中的数据（变量名）" > </a></strong></p> </blockquote> <p>缩写形式：v-bind：可以简写为：</p> <pre><code>  <div class="box">  <a v-bind:href="url">{{name}}</a>  <button v-on:click="handle">切换</button> </div>  <script src="./vue.js"></script>  <script> var vm = new Vue({ el: '.box', data: { url: 'http://baidu.com', name: '百度' }, methods: { handle: function () { this.url = 'http://itheima.com'; this.name = '黑马'; }, }, }); </script> </code></pre> <h5>2. v-model 指令的底层原理</h5> <p>就是同时为input等标签，添加属性的绑定和事件的绑定。让其value值动态变化。</p> <pre><code>  <div class="box"> <div>{{msg}}</div> <input type="text" v-model="msg" /> <input type="text" v-bind:value="msg" v-on:input="handle" /> <input type="text" v-bind:value="msg" v-on:input="msg=$event.target.value"> </div>  <script src="./vue.js"></script>  <script> var vm = new Vue({ el: '.box', data: { msg: '你好' }, methods: { handle: function (event) { this.msg = event.target.value; }, }, }); </script> </code></pre> <h2>五、v-bind 样式绑定</h2> <p>注意，不要给一个标签多次使用 v-bind：class 进行绑定样式！！！</p> <h5>1. 为class绑定对象</h5> <ul> <li>我们可以给v-bind:class 一个对象，以动态地切换class。</li> <li>注意：v-bind:class指令添加的class样式不会覆盖原有的样式。</li> </ul> <blockquote> <p><strong><div v-bind:class="{one:isone,two:istwo}">第一个盒子</div><br> data: {<br> isone: true,<br> istwo: true,<br> }</strong></p> </blockquote> <p>（1）标签通过v-bind绑定的class样式中，可以是一个对象，<strong>键是选择器的类名，值是data数组中的键，以is开头</strong>。<br> （2）data数组中，<strong>键是自定义名称，一般命名为is+选择器的类名，值是true或者false</strong>。<br> （3）通过控制data数组中的<strong>true或者false</strong>，动态切换标签是否添加class样式。</p> <h5>2. 为class绑定数组</h5> <blockquote> <p><strong><div v-bind:class="[threeClass,fourClass]">第二个盒子</div><br> data: {<br> threeClass: 'three',<br> fourClass: 'four',<br> }</strong></p> </blockquote> <p>（1） v-bind 中支持绑定一个数组。数组中存放的是<strong>data数组中的键。</strong><br> （2）data数组中，<strong>键是自定义名称，值是选择器的类名</strong>。</p> <pre><code> <style> .one { } .two { } .three { } .four { } </style> <body>  <div class="box">  <div v-bind:class="{one:isone,two:istwo}">第一个盒子</div> <button v-on:click="handle1">切换1</button>  <div v-bind:class="[threeClass,fourClass]">第二个盒子</div> <button v-on:click="handle2">切换2</button> </div>  <script src="./vue.js"></script>  <script> var vm = new Vue({ el: '.box', data: { isone: true, istwo: true, threeClass: 'three', fourClass: 'four', }, methods: { handle1: function () { //切换类 this.istwo = !this.istwo; }, handle2: function () { //切换类 this.fourClass = this.fourClass ? '' : 'four'; }, }, }); </script> </body> </code></pre> <h5>3. 对象与数组的简写形式 ( 重点）</h5> <blockquote> <p><strong><div v-bind:class="objClass">第一个盒子</div><br> <div v-bind:class="arrClass">第二个盒子</div><br> data: {<br> objClass: { one: true, two: true },<br> arrClass: ['three', 'four'],<br> }</strong></p> </blockquote> <p>① 在标签上<strong>直接传入自定义的对象名或者数组名</strong>。<br> ② data数据中，<strong>键是自定义对象名或者数组名</strong>，值是<strong>{选择器名称：true}</strong>或者<strong>['选择器名称1'，'选择器名称2']</strong>。<br> ③ 简写形式下，操作数组元素，使用数组API方法。</p> <pre><code> <style> .one { } .two { } .three { } .four { } </style> <body>  <div class="box">  <div v-bind:class="objClass">第一个盒子</div> <button v-on:click="handle1">切换1</button>  <div v-bind:class="arrClass">第二个盒子</div> <button v-on:click="handle2">切换2</button> </div>  <script src="./vue.js"></script>  <script> var vm = new Vue({ el: '.box', data: { objClass: { one: true, two: true }, arrClass: ['three', 'four'], }, methods: { handle1: function () { console.log(this.objClass.one); this.objClass.one = !this.objClass.one; }, handle2: function () { this.arrClass.splice(0, 1); }, }, }); </script> </body> </code></pre> <h5>4. 数组与对象混合使用</h5> <blockquote> <p><strong><div v-bind:class="[oneClass,twoClass,{five:isfive}]">第三个盒子</div></strong></p> </blockquote> <h5>5. 为style绑定对象或存放对象的数组</h5> <p>① 直接在标签内写样式。如果value用到了变量，可以在此 <strong>直接使用变量。</strong><br> <strong>注意：</strong> 如果没有用v-bind绑定style,则是直接style="width:100px"</p> <blockquote> <p><strong><div v-bind:style="{width: widthStyle,height:heightStyle}">第一个盒子</div><br> data: {<br> widthStyle: '100px',<br> heightStyle: '100px',<br> }</strong></p> </blockquote> <p>② 把样式放到一个对象中，标签内调用对象名。<br> ③ 把样式放到多个对象中，标签内调用一个存放对象名的数组。</p> <blockquote> <p><strong><div v-bind:style="objStyle">第二个盒子</div><br> <div v-bind:style="[objStyle,fontSizeStyle]">第三个盒子</div><br> data: {<br> 　 objStyle: {<br> 　　 width: '100px',<br> 　　 height: '100px',<br> 　　 backgroundColor: 'pink',<br> 　　 },<br> 　 fontSizeStyle: {<br> 　　 fontSize: '30px',<br> 　　 },<br> }</strong></p> </blockquote> <pre><code>  <div class="box"> <div v-bind:style="{width: widthStyle,height:heightStyle,border:borderStyle}">第一个盒子</div> <div v-bind:style="objStyle">第二个盒子</div> <div v-bind:style="[objStyle,fontSizeStyle]">第三个盒子</div> </div>  <script src="./vue.js"></script>  <script> var vm = new Vue({ el: '.box', data: { widthStyle: '100px', heightStyle: '100px', borderStyle: '1px solid red', objStyle: { width: '100px', height: '100px', backgroundColor: 'pink', }, fontSizeStyle: { fontSize: '30px', }, }, methods: {}, }); </script> </code></pre> <h2>六、分支结构</h2> <p>只有符合条件的标签才会渲染到页面。</p> <ul> <li>v-if</li> <li>v-if-else</li> <li>v-else</li> <li>v-show</li> </ul> <blockquote> <p><strong><div v-if="score>=90">优秀</div><br> <div v-if-else="score>=60&&score<90">一般</div><br> <div v-else="score<60">不及格</div><br> <div v-show="flag">我是v-show</div><br> data: { flag: true, score: 75 }</strong></p> </blockquote> <pre><code>  <div class="box"> <div v-if="flag">我是v-if</div> <div v-if="score>=90">优秀</div> <div v-if-else="score>=60&&score<90">一般</div> <div v-else="score<60">不及格</div> <div v-show="flag">我是v-show</div> <button v-on:click="handle">显示与隐藏</button> </div>  <script src="./vue.js"></script>  <script> var vm = new Vue({ el: '.box', data: { flag: true, score: 75 }, methods: { handle: function () { this.flag = !this.flag; }, }, }); </script> </code></pre> <h5>2. v-show 和 v-if的区别</h5> <p>（1）v-show本质就是标签display设置为none，控制隐藏</p> <ul> <li>如果标签元素需要反复进行显示与隐藏，使用v-show。 <ul> <li>v-show只编译一次，后面其实就是控制css，而v-if不停的销毁和创建，故v-show性能更好一点。</li> </ul> </li> </ul> <p>（2）v-if是动态的向DOM树内添加或者删除DOM元素</p> <ul> <li>v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件</li> </ul> <h2>七、循环</h2> <h5>1. 循环数组</h5> <blockquote> <p><strong><li v-for="(item,index) in star" v-bind:key="item.id"><br> <span>{{item.name}}</span><br> <span>{{item.age}}</span><br> </li><br> data: {<br> 　 star: [<br> 　　 {id:1, name: '王祖贤', age: 18 },<br> 　　 {id:2, name: '吴彦祖', age: 19 },<br> 　　 {id:3, name: '吴磊', age: 22 },<br> 　 ]<br> }</strong></p> </blockquote> <p><strong>item：</strong>数组元素。名称自定义。<br> <strong>index：</strong>元素的索引号。名称自定义。</p> <h5>2. 遍历对象</h5> <blockquote> <p><strong><li v-for="(value,key,index) in star">{{value+key+index}}</li><br> data: {<br> 　 star: {<br> 　　 name: '吴磊',<br> 　　 age: 22,<br> 　　 hobby: '吃',<br> 　 },<br> }</strong></p> </blockquote> <p><strong>value:</strong> 键。<br> <strong>key：</strong>值。<br> <strong>index：</strong>索引号。</p> <h5>3. v-bind:key</h5> <p>给每个节点添加一个唯一标识。</p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1735642640206061568"></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">你可能感兴趣的:(2021-06-12Vue第一天)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835503548817829888.htm" title="今天我破防了" target="_blank">今天我破防了</a> <span class="text-muted">sin信仰</span> <div>今天本来是大年初一，新年的第一天，应该是高高兴兴的一天，但是我怎么也高兴不起来。具体原因很简单，原本计划年后去县城找了一份会计的工作，被公公婆婆否定了，我心里立马就不舒服了，但是当时刚好肚子疼，我去了厕所，等我上完厕所，公公由于喝了酒还在那里和婆婆唠叨个没完。然后我就在心情极度压抑的情况下把午饭吃完的碗筷和锅给刷了。边刷碗筷和锅，边在那里难受，感觉自己在这个家里真的是过的憋屈死了，公婆不让我去上班</div> </li> <li><a href="/article/1835480162121117696.htm" title="每天都有“小感动”" target="_blank">每天都有“小感动”</a> <span class="text-muted">河北张海霞</span> <div>上次开学，在楼道值班儿的我，回到办公室后，发现我的办公桌上了一个小饭盒，打开一看，是自家腌的萝卜片，闻起来香香的，是哪位有心的孩子带来的？我猜测着……会不会是杨同学，记得开学第一天，她胃疼再加上低血糖，我曾陪她去医务室看病，并给她带回了早餐……还是李同学，那次她被别的同学欺侮，我为她主持公道。晚餐时间到了，我还带她去餐厅吃饭，引得同学们一阵羡慕……会不会是王同学，那次她眼睛不好，我陪她聊天，关心地</div> </li> <li><a href="/article/1835478626196353024.htm" title="厦门自由行之第一天:" target="_blank">厦门自由行之第一天:</a> <span class="text-muted">大苏子在广漂</span> <div>厦门三人行之杂记出发前一天:12️28日下午15:00从广州粗发，来深圳集合！但是中间发生一个小插曲，验票时候发现车票不见了，或许也是一场恶作剧，对于不排队的人，忍不住说了一下，接下来就发现车票不见了，已经是拿在手上！不过还好，可以凭借购票订单查看到信息，所以有惊无险，顺利进站！晚上三个人一起去吃了柠檬鱼，说实话，那会，感觉美吃饱，啊哈哈！晚上回来，两个人又开始彻夜长谈，发现身边优秀的人，一大把，</div> </li> <li><a href="/article/1835472914879705088.htm" title="11月，你好" target="_blank">11月，你好</a> <span class="text-muted">自由自在的白云</span> <div>图片发自App今天是11月的第一天阳光明媚，秋日静好。给大家分享一个情绪管理的方法。也许你学习过，也许你还不曾了解，都没有关系，现在，我们一起来温习一下。就像孔老先生说的：学而时习之，温故而知新。种下对的种子，才会结出好的果实。种下情绪良好的种子，就可以收获良好的心态。“你瞧这些白云聚了又散，散了又聚，人生离合，亦复如斯。”世事如此，情绪的变化如山型曲线，一会来了，一会去了。还有那天课堂中老师讲，</div> </li> <li><a href="/article/1835440210264027136.htm" title="儿子开学报道第一天：我和公公一起送他去学校" target="_blank">儿子开学报道第一天：我和公公一起送他去学校</a> <span class="text-muted">文又又</span> <div>儿子今天是开学报道的的时光，儿子对于是谁送他去学校非常在意，他也想着自己一个人去学校，不要家长送，我们告诉他，可以等到他再大一点的话，就让他自己去学校。我还是一如既往的早起，5点闹钟响起，我的头还昏昏的，就窝在被子里看手机。看爆款文，看热点内容。还看了一会《明朝那些事》，看着看着，就觉得眼皮打架想要睡觉。可是我的潜意识还是提醒自己，起床吧，今天要6点钟起床，说好要叫儿子早起，今天他是8点钟要到学校</div> </li> <li><a href="/article/1835438056568614912.htm" title="日记 2019年10月15日杨义博" target="_blank">日记 2019年10月15日杨义博</a> <span class="text-muted">c487bb976552</span> <div>今天是我穿校服的第一天，我很激动，我觉得我正式成为了一名一年级的小学生。中午回家时，我们看向操场发现有些高年级的大哥哥们在一个一个摆这一个有很多种颜色的龙，我们觉得很酷。下午上体育课，体育老师带我们上操场上去跑了一圈，我们看见了高年级哥哥姐姐们在操场上打鼓，还有一个大哥哥从前面拿着一个戴着星星的拐杖，指挥着全队的行动，最后面还有拿着花圈的，还有拿着国旗的。</div> </li> <li><a href="/article/1835433364228763648.htm" title="《错嫁傻王：王妃她又黑化了》南君宥乔洛染（独家小说）精彩TXT阅读" target="_blank">《错嫁傻王：王妃她又黑化了》南君宥乔洛染（独家小说）精彩TXT阅读</a> <span class="text-muted">海边书楼</span> <div>《错嫁傻王：王妃她又黑化了》南君宥乔洛染（独家小说）精彩TXT阅读主角：南君宥乔洛染简介：堂堂21世纪金牌特种兵乔洛染，穿来的第一天，就被人诬陷私通被逼投江。而前来解救她的，正是她的夫婿——智力受损的痴傻王爷南君宥。傻子娶了一个不贞女，全京城都在等着看他们的笑话。殊不知，乔洛染一手医术济天下，一手制毒退万敌。关注微信公众号【花车文学】去回个书號【36】，即可阅读【错嫁傻王：王妃她又黑化了】小说全文</div> </li> <li><a href="/article/1835429416604364800.htm" title="寓美于心" target="_blank">寓美于心</a> <span class="text-muted">琴韵无声</span> <div>今天是“语文湿地2021网络年会”第一天。年会早上七点在尹东老师和王君老师的激情开幕致辞中开始。一天下来听了八节课，真是“八仙过海，各显神通。”精彩纷呈。愚笨如我，真的是找不出一个恰切的词来形容她们的美妙绝伦。今天一口气吃下了饕餮盛宴，留待日后慢慢反刍吧。今天的压轴大戏是王君老师的《若爱，深深爱；若写，深情写》——跟《土地的誓言》学意象铺排”艺术。又加上是最后一节听的，印象最为深刻。凭着印象先略记</div> </li> <li><a href="/article/1835403248203296768.htm" title="因为付出，所以精彩" target="_blank">因为付出，所以精彩</a> <span class="text-muted">江南雨1</span> <div>新年第一天，我哪里都没有去。就在家里读书写字，想一想我的人生很平淡：童年是不懂忧虑的。小时候在家里，有父母长辈的疼爱。六岁上的学，那年祖父过世了。祖母继续疼着我，天天给我讲故事，在物质匮乏的年代还能给我做骨头粥、蒸鸡蛋之类的美食。父母虽然贫困，但是只要我需要的学习资料都会给我买，我是1981年开始读小学一年级，小学四五年级的时候父亲就给我订阅了《中国少年报》。家里有不少果树，每年都有梨子、龙眼、番</div> </li> <li><a href="/article/1835399052678754304.htm" title="感恩日记Day 236" target="_blank">感恩日记Day 236</a> <span class="text-muted">E姐小酒窝</span> <div>图片发自App1.感谢16愿意听我"唠叨"，人与人的信任和托付在此刻弥足珍贵珍贵；2.感谢到家就能吃上美味的中餐，辛苦妞爸；3.感谢妞中午愿意听我叼叼旅行中的事儿；4.感谢星巴克就在家附近，让我一杯回魂；5.感谢美妞总结我和爸爸优点并说两者揉和就很棒了。6.感谢看到妞第一天数学成绩后淡定的自己；将责任归回妞自己并总结行动。7.感谢林姐姐信任，又定变啦减脂套餐。8.感谢梅姐知道我旅行回来后约我吃饭；</div> </li> <li><a href="/article/1835396378679930880.htm" title="2021.10.01国庆假期第一天" target="_blank">2021.10.01国庆假期第一天</a> <span class="text-muted">大麦fan</span> <div>2021.10.01祝福伟大的祖国，生日快乐！祝福伟大的祖国，繁隆昌盛！一早和老公商量去西Y走走，既然这个假期不想不能出济，那就在我们周边走走放松放松吧……决定去西L还有一个因素，路上会经过响呼噜泉，上次去时泉中无水很是遗憾，这次知道是一定可以弥补的。到玉河泉村，一进村头便是哗哗的流水声入耳，寻着水声，踏着石板路一路向前……整个村子里环境依旧整洁，村民依旧纯朴，最早路经的还是龙泉，上次的龙泉也是没</div> </li> <li><a href="/article/1835390275791450112.htm" title="努力不需要仪式感" target="_blank">努力不需要仪式感</a> <span class="text-muted">宇韩叔叔</span> <div>在一次踏青活动中，我认识了彩虹，一个皮肤很白的小美女。她对自己的外形不太满意，一米六的身高，体重接近130斤。听说我是一个跑步爱好者，她马上加微信，希望每天能跟我一起晨跑，锻炼出一个好身材。我满口答应，承诺每天电话催她起床，到约定地点一起跑。第一天见面，彩虹让我眼前一亮：崭新的运动服、高束的马尾辫、箍在大臂上的手机袋，浑身上下都透着一股踌躇满志的精气神。我开始跟她讲路线和跑步要领，她却摆摆手示意我</div> </li> <li><a href="/article/1835378701211103232.htm" title="青春如此可笑" target="_blank">青春如此可笑</a> <span class="text-muted">X左凌</span> <div>又到了9月1号。其实每个人都只会觉得是一个开学的日子。但对于笑笑来说，这是他马上步入18岁的第一个。重点中学。笑笑笑笑，起床了。楼下传来的妈妈的呼叫声。笑笑听到了之后，拿起旁边的闹钟看了看。闹钟的时间定格在。早晨的6:45，妈妈刚好突然推门而进。嘴里叫着笑笑笑笑，快点起来，今天是你第一天开学的日子呀。可别迟到了。笑笑说老妈你别说了，还早着呐。妈妈说不早了，快点起来，然后一把了就把像小虫床上忒拉起来</div> </li> <li><a href="/article/1835372343925501952.htm" title="入职Java，不会git被开除了......." target="_blank">入职Java，不会git被开除了.......</a> <span class="text-muted">不爱洗脚的小滕</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章目录前言一、Git是什么？二、Git的核心概念三、Git的常用命令三、总结前言故事的主角是小明，一个充满活力的年轻人，他刚刚入职一家以Java为主导的软件公司。他对Java有深厚的了解，但他有一个致命的缺点——他不会使用git。小明的第一天上班，他的经理给他分配了一个项目，并告诉他需要使用git来管理代码。小明点头表示理解，但实际上他对git一窍不通。他以为git是公司的一个员工，所以他开始在</div> </li> <li><a href="/article/1835354121784356864.htm" title="（已完结小说）--《我的美女上司》王鹏--（全文免费阅读）" target="_blank">（已完结小说）--《我的美女上司》王鹏--（全文免费阅读）</a> <span class="text-muted">小说推书</span> <div>（已完结小说）--《我的美女上司》王鹏--（全文免费阅读）主角：王鹏简介：王鹏，第一天上班，发现他竟然成为了自己公司董事长的男人！！关注微信公众号【小北文楼】去回个书号【47】，即可阅读【我的美女上司】小说全文！“九亿元，确实有资本炫耀……”白蒹葭张开杏目，笑脸盈盈的看向王鹏，岂料，王鹏却开口纠正她说：“不是九亿元，是二十七亿元。”王鹏此言一出，全场再度哗然，二十七亿元的销售额，这是多么大一笔业绩</div> </li> <li><a href="/article/1835351054791831552.htm" title="第一周" target="_blank">第一周</a> <span class="text-muted">艾希米</span> <div>好久没工作过了，第一天带着紧张和激动的心情去的办公室，害怕自己出什么差错，和大家也都是第一次见面，彼此之间都不熟悉。第一天在领导的培训️结束了。第二天去世纪星城小区做详细的楼层，单元，户数的记录，记得那天特别凉快，和越越一直到下午四点才完成了工作，越越还买了苹果分享给大家吃。第三天去万达广场考察了三个瑜伽馆，特别喜欢爱瑜伽的环境和销售，喜欢昕孕瑜伽教练的专业度和亲和力，对于空冥瑜伽真的不想说什么了</div> </li> <li><a href="/article/1835342282618925056.htm" title="2023思想日记-1" target="_blank">2023思想日记-1</a> <span class="text-muted">心颐</span> <div>22年底被朱晓平老师种草，被他对每一个人的那份耐心所打动。每天早晨听他的直播，结尾读一首小诗，唱几句。满满的能量补给，又燃起了对生活的热情与希望。很幸运年末直播间抽奖时，中了一本他的签名书《青少年品格必修课》。这也是我第一次在直播间中奖。且在新年的第一天元旦节收到！迫不及待打开，老师在上面写了“舍得”并附上签名。心情或许就像那些追星的粉丝一样，得到偶像的签名莫名欣喜！每当在工作或生活中遇到难题时，</div> </li> <li><a href="/article/1835265178170650624.htm" title="2021-09-19" target="_blank">2021-09-19</a> <span class="text-muted">涵子妈</span> <div>结缘“”第一天：2021.09.19(泰山脚下)今天是中秋放假第一天，从早晨醒来窗外就在下雨，几个小时了依旧不紧不慢在下，无法外出，只能闷在家。在天津上大三的儿子只有三天假，在学校过节了，我们七零后几乎家家是独生子，孩子不在家，老两口也无话，一个看电视，一个玩手机，各忙各的，雨天让人诗意，想写点东西，忽然想到喜欢写作，能否靠此挣点零花？百度后，结识选择了“”，上面的挑战日更正适合，一来能满足我爱写</div> </li> <li><a href="/article/1835263387425140736.htm" title="用自己的方式为祖国庆生" target="_blank">用自己的方式为祖国庆生</a> <span class="text-muted">霞12331</span> <div>今天是国庆节第一天，到处都是鲜红的国旗。天安门的升旗视频也刷爆了朋友圈。想起前年和家人下了火车，放下行李，直奔天安门广场观看升旗仪式。凌晨三点已经是人山人海，看见护卫队从城楼踢着正步迈着整齐的步伐走出来，内心无比激动。虽然被人群挡着，但是当听到国歌响起，看着五星红旗冉冉升起，作为一个中国人真的无比骄傲。接着参观了毛主席纪念堂，为主席献花，充满了感激。过去两年了，依然记忆犹新。今年是建国72周年，建</div> </li> <li><a href="/article/1835245429797777408.htm" title="1.《我们》：初中第一天" target="_blank">1.《我们》：初中第一天</a> <span class="text-muted">Joker张远鹏</span> <div>“滴～哒～”闹钟滴滴哒哒地叫着，正巧也把雷范从睡梦中拉了出来。雷范迷迷糊糊地在床上爬了起来，伸了伸懒腰，又用右手揉了揉眼睛。但是睡意并没有左右他的习惯，雷范还是很自然地叠好了被子。紧接着冲进厕所，很快地洗漱完，背起书包，走向家门口。雷范又穿起新买的耐克牌运动鞋，和爷爷走进空无一人的楼道。便到楼下的早点铺端了碗面，坐到爷爷的摩托上去新的学校—幸安中学。因为学校离雷范的家没多远，没过一会就到了，雷范就</div> </li> <li><a href="/article/1835198476485488640.htm" title="2019-9-1亲子日记345《开学第一天》" target="_blank">2019-9-1亲子日记345《开学第一天》</a> <span class="text-muted">冰园哲月</span> <div>今天是暑假过后开学的日子，早上儿子一如往常要求穿班服系红领巾，看来为了开学准备的几套新衣服也排不上什么大用场了。今天开学第一天，根据教体局的安排，全市中小学进行返校检测，放松了整个暑假，也不知道小家伙能考个什么样子，顺其自然吧！晚上回家儿子把语文试卷带回来了，老师没有批，儿子说，老师让照着阅读书把答案找到填上，我拿起卷子一看，考的全是阅读题，有些题儿子没有答上，应该是不会。有好几个题目考了《西游记</div> </li> <li><a href="/article/1835186005674651648.htm" title="走好人生启航之路-送给即将上大学的下一代" target="_blank">走好人生启航之路-送给即将上大学的下一代</a> <span class="text-muted">遇见陈溪月</span> <div>亲爱的外甥女:写这封信的时候，转眼间你已经满18岁了，即将迈入大学。而脑海中浮现的还是刚刚搬家到华苑新城的时候，刚学会走路蹒跚的样子，一不小心就被光滑的地板摔了个跟头。那天我和董明也回去了，而那时的我们也即完成大学学业迈入社会，对未来充满无限憧憬，我想此时的你对大学生活和未来肯定也有着美好的梦想。自从你迈入大学的第一天起离开家，开始了独立的学习生活。而这正是你自我管理的开始。社会就是从依赖、独立走</div> </li> <li><a href="/article/1835178541398978560.htm" title="清明假期第一天" target="_blank">清明假期第一天</a> <span class="text-muted">安心生活</span> <div>清明第一天并不是想象中的烟雨蒙蒙，而是天又放晴了，不过天气还是灰蒙蒙的，不过比起下雨让人舒服很多。积累了一个星期的袜子今天终于得以解放，洗好，甩干，晾晒，接着搜索了今日积累的衣服，一股脑丢进洗衣机，搅和搅和，这个假期就从洗晒开启了。天宫作美，让我们有一个这么好的天气，不管有什么不开心的事情，出去走一走，总会慢慢平复心情，变得豁然开朗起来，感谢这天然的世界，给我们更多舒缓自己的自由。</div> </li> <li><a href="/article/1835151270340554752.htm" title="opencv 学习 1" target="_blank">opencv 学习 1</a> <span class="text-muted">木木ainiks</span> <a class="tag" taget="_blank" href="/search/opencv/1.htm">opencv</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>opencv学习的第一天#coding:utf-8importcv2ascv#首先读图片src=cv.imread(“img/1.jpg”)#设置图片的名字cv.namedWindow(“1”,cv.WINDOW_AUTOSIZE)#显示图片第一个参数设置图片名，第二个参数图片的地址cv.imshow(“1”,src)cv.waitKey(0)#将图片写入固定位置cv.imwrite(“img/2</div> </li> <li><a href="/article/1835129956640845824.htm" title="2023-04-26 自省第一天" target="_blank">2023-04-26 自省第一天</a> <span class="text-muted">A银子</span> <div>第一个，我愿意并且还得起。换的起，还的起。（1）今天去超市给儿子买了零食，然后看到昨天同事给我吃的饼干，葱油饼味的，自己也买了一点。我愿意花，我花的起。第二个是，不断的去挖掘，聚焦、放大自己的丰盛，要写感赏文，感赏你生命中每一天发生的美好与丰盛。第三，挖掘聚焦并放大别人生命中丰盛的例子，然后随喜，随喜就是把别人丰盛的感觉，并拷贝一份到自己的磁场去。别人的兴奋、丰盛，一并的给拷贝过来。1.今天值得开</div> </li> <li><a href="/article/1835112383736016896.htm" title="从今天开始，每天爱自己多一点" target="_blank">从今天开始，每天爱自己多一点</a> <span class="text-muted">拿铁星人</span> <div>文/妫1996我已经数不清这是第几次熬夜了。好像现在已经形成一种习惯了，明明到了该休息的时间，可是大脑却异常地兴奋，有时候要到凌晨一点多才睡得着。我也没做什么，无非就是刷刷微博，看看视频。偶尔看到有人因为熬夜而猝死的新闻，吓得我慌忙地丢下手机，老老实实地躺在床上。6月份开始，我们的工作需要排班了，但是都是做五休二，朝九晚六，问题不大。好不容易可以两天连休了，第一天睡得死死的，然后第二天早早就去了西</div> </li> <li><a href="/article/1835109324788166656.htm" title="线上学习的反思" target="_blank">线上学习的反思</a> <span class="text-muted">46579528ae9a</span> <div>这几天由新冠肺炎突如其来，我们只能呆在家，也只能默默祝愿着这场病毒能早点结束，由此也开始了我们的线上学习生活。在第一天网络直播课堂，我非常的兴奋，早早就起了床，第一天就精神饱满，笔记很认真在做，到第二天的时候，我发现有的时候闹钟都叫不醒来我，最后还是我妈把我叫醒，虽然在听课，有时还会走神。所以我以后的学习能做到如下：上课好好听讲，做全笔记，不会就问，多多交流。仅仅这三点概括了我所有想说的，并且通过</div> </li> <li><a href="/article/1835101800408117248.htm" title="20191223" target="_blank">20191223</a> <span class="text-muted">黄源缘</span> <div>今天是结束ky的第一天，突然觉得有点空虚，找不到要做的事情。不是没有需要做的事，而是突然提不起精神去做。感觉一切都没有了紧迫感。针对这次ky行，虽然还没不知道自己到底是去当分子还是当分母的，但是获得的东西却已经有很多了。首先，感谢作出一个决定的自己并且在这两个月时间尽自己最大的努力去准备。更重要的是途中没有像小数人那样作了逃兵。我们一个考室有52个人，但是从第一门开始，就只有不到三分之二的人参考。</div> </li> <li><a href="/article/1835092241266339840.htm" title="疗愈课总结" target="_blank">疗愈课总结</a> <span class="text-muted">抱樸守心</span> <div>2020年从成长的角度来说，我早就确定了这一年的重点是什么，那就是学会和恐惧相处，穿越恐惧。而疗愈课对我来说自然不愿错过。我觉得我对疗愈课甚至还抱有一丝期待，期待自己能通过疗愈课有所突破。就这样怀着丝丝的期待走进了课堂。可是4号凌晨突然接到家里的电话，大伯因病离世让我不得不接受只能上一天疗愈课的结局，告别了课堂。虽然只有一天多的课程，依然还是给自己带来了很大的收获。第一天上午，照例是每个人的自我介</div> </li> <li><a href="/article/1835091348743614464.htm" title="十二月第一天" target="_blank">十二月第一天</a> <span class="text-muted">简九月</span> <div>制定显眼计划，明确工作目标我们习惯在新年开始的时候，写下一年的计划，例如今年我要读完10本书。而等到年末复盘的时候，买来的书甚至都没有翻过。做计划并没有错，关键在于你制定的计划是否具体，是否有可执行性。作家路遥在写小说《平凡的世界》的时候也给自己制定了严格的计划。他先是列了一个写作大纲，定出一个大概的轮廓。然后，分解每天要完成的部分，并在后面标注好完成日期。看着墙上的工作日期表一天天划掉，他的写作</div> </li> <li><a href="/article/84.htm" title="继之前的线程循环加到窗口中运行" target="_blank">继之前的线程循环加到窗口中运行</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/JFrame/1.htm">JFrame</a><a class="tag" taget="_blank" href="/search/JPanel/1.htm">JPanel</a> <div>之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。 package thread; import java.awt.Graphics; import java.text.SimpleDateFormat; import java.util</div> </li> <li><a href="/article/211.htm" title="linux 常用命令" target="_blank">linux 常用命令</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4/1.htm">命令</a> <div>1.grep 相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。但之前总是习惯于使用（grep -n 关键字文件名）查出关键字以及该关键字所在的行数，然后再用（sed -n '100,200p' 文件名），去查出该关键字之后的日志内容。但其实还有更简便的办法，就是用（grep -B n、-A n、-C n 关键</div> </li> <li><a href="/article/338.htm" title="php heredoc原文档和nowdoc语法" target="_blank">php heredoc原文档和nowdoc语法</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/heredoc/1.htm">heredoc</a><a class="tag" taget="_blank" href="/search/nowdoc/1.htm">nowdoc</a> <div><!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body> <?</div> </li> <li><a href="/article/465.htm" title="overflow的属性" target="_blank">overflow的属性</a> <span class="text-muted">周华华</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q</div> </li> <li><a href="/article/592.htm" title="《我所了解的Java》——总体目录" target="_blank">《我所了解的Java》——总体目录</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> 准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。 &n</div> </li> <li><a href="/article/719.htm" title="[简单]docx4j常用方法小结" target="_blank">[简单]docx4j常用方法小结</a> <span class="text-muted">53873039oycg</span> <a class="tag" taget="_blank" href="/search/docx/1.htm">docx</a> <div> 本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下: import java.io.File; import java.io.FileInputStream; import ja</div> </li> <li><a href="/article/846.htm" title="Spring配置学习" target="_blank">Spring配置学习</a> <span class="text-muted">云端月影</span> <a class="tag" taget="_blank" href="/search/spring%E9%85%8D%E7%BD%AE/1.htm">spring配置</a> <div> 首先来看一个标准的Spring配置文件 applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&q</div> </li> <li><a href="/article/973.htm" title="Java新手入门的30个基本概念三" target="_blank">Java新手入门的30个基本概念三</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%89%8B/1.htm">新手</a><a class="tag" taget="_blank" href="/search/java+%E5%85%A5%E9%97%A8/1.htm">java 入门</a> <div>17.Java中的每一个类都是从Object类扩展而来的。　　18.object类中的equal和toString方法。　　equal用于测试一个对象是否同另一个对象相等。　　toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法)　　 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。　</div> </li> <li><a href="/article/1100.htm" title="《2008 IBM Rational 软件开发高峰论坛会议》小记" target="_blank">《2008 IBM Rational 软件开发高峰论坛会议》小记</a> <span class="text-muted">antonyup_2006</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/%E6%95%8F%E6%8D%B7%E5%BC%80%E5%8F%91/1.htm">敏捷开发</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a><a class="tag" taget="_blank" href="/search/IBM/1.htm">IBM</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a> <div>我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵! 其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下. 参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.</div> </li> <li><a href="/article/1227.htm" title="PL/SQL的过程编程,异常,声明变量,PL/SQL块" target="_blank">PL/SQL的过程编程,异常,声明变量,PL/SQL块</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/PL%2FSQL%E7%9A%84%E8%BF%87%E7%A8%8B%E7%BC%96%E7%A8%8B/1.htm">PL/SQL的过程编程</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8/1.htm">异常</a><a class="tag" taget="_blank" href="/search/PL%2FSQL%E5%9D%97/1.htm">PL/SQL块</a><a class="tag" taget="_blank" href="/search/%E5%A3%B0%E6%98%8E%E5%8F%98%E9%87%8F/1.htm">声明变量</a> <div>PL/SQL; 过程; 符号; 变量; PL/SQL块; 输出; 异常; PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作</div> </li> <li><a href="/article/1354.htm" title="Mockito(三)--完整功能介绍" target="_blank">Mockito(三)--完整功能介绍</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90/1.htm">持续集成</a><a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div> mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。一.使用mockito验证行为 //首先要import Mockito import static org.mockito.Mockito.*; //mo</div> </li> <li><a href="/article/1481.htm" title="精通Oracle10编程SQL(8)使用复合数据类型" target="_blank">精通Oracle10编程SQL(8)使用复合数据类型</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</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/plsql/1.htm">plsql</a> <div>/* *使用复合数据类型 */ --PL/SQL记录 --定义PL/SQL记录 --自定义PL/SQL记录 DECLARE TYPE emp_record_type IS RECORD( name emp.ename%TYPE, salary emp.sal%TYPE, dno emp.deptno%TYPE ); emp_</div> </li> <li><a href="/article/1608.htm" title="【Linux常用命令一】grep命令" target="_blank">【Linux常用命令一】grep命令</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Linux%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/1.htm">Linux常用命令</a> <div>grep命令格式 grep [option] pattern [file-list] grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。 pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特</div> </li> <li><a href="/article/1735.htm" title="mybatis3入门学习笔记" target="_blank">mybatis3入门学习笔记</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a> <div>MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。 MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。</div> </li> <li><a href="/article/1862.htm" title="Linux 命令神器：lsof 入门" target="_blank">Linux 命令神器：lsof 入门</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/lsof/1.htm">lsof</a> <div> lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。有趣的是，lsof也是有着最多</div> </li> <li><a href="/article/1989.htm" title="java实现两个大数相加，可能存在溢出。" target="_blank">java实现两个大数相加，可能存在溢出。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java%E5%AE%9E%E7%8E%B0/1.htm">java实现</a> <div> import java.math.BigInteger; import java.util.regex.Matcher; import java.util.regex.Pattern; public class BigIntegerAddition { /** * 题目：java实现两个大数相加，可能存在溢出。 * 如123456789 + 987654321</div> </li> <li><a href="/article/2116.htm" title="Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法" target="_blank">Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法</a> <span class="text-muted">Kai_Ge</span> <a class="tag" taget="_blank" href="/search/Kettle/1.htm">Kettle</a> <div>Kettle学习资料分享 Kettle 3.2 使用说明书目录概述..........................................................................................................................................7 1.Kettle 资源库管</div> </li> <li><a href="/article/2243.htm" title="[货币与金融]钢之炼金术士" target="_blank">[货币与金融]钢之炼金术士</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D/1.htm">金融</a> <div> 自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的那么随着人类在理论物理和工程物理上面取得的一些突破性进展...... 炼金术这个古老</div> </li> <li><a href="/article/2370.htm" title="Toast原来也可以多样化" target="_blank">Toast原来也可以多样化</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/toast/1.htm">toast</a> <div>Style 1：默认 Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT); def.show(); Style 2：顶部显示 Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT); t</div> </li> <li><a href="/article/2497.htm" title="java数据计算的几种解决方法3" target="_blank">java数据计算的几种解决方法3</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/r-langue/1.htm">r-langue</a><a class="tag" taget="_blank" href="/search/r/1.htm">r</a> <div>4、iBatis 简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据</div> </li> <li><a href="/article/2624.htm" title="向网页中插入透明Flash的方法和技巧" target="_blank">向网页中插入透明Flash的方法和技巧</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/Flash/1.htm">Flash</a> <div>将 Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。　　一、Swf透明、无坐标控制　　首先教大家最简单的插入Flash的代码，透明，无坐标控制：　　注意wmode="transparent"是控制Flash是否透明</div> </li> <li><a href="/article/2751.htm" title="ios UICollectionView的使用" target="_blank">ios UICollectionView的使用</a> <span class="text-muted">dcj3sjt126com</span> <div>UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。 1.UIViewController实现委托，代码如</div> </li> <li><a href="/article/2878.htm" title="Eos平台java公共逻辑" target="_blank">Eos平台java公共逻辑</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/Eos%E5%B9%B3%E5%8F%B0java%E5%85%AC%E5%85%B1%E9%80%BB%E8%BE%91/1.htm">Eos平台java公共逻辑</a><a class="tag" taget="_blank" href="/search/Eos%E5%B9%B3%E5%8F%B0/1.htm">Eos平台</a><a class="tag" taget="_blank" href="/search/java%E5%85%AC%E5%85%B1%E9%80%BB%E8%BE%91/1.htm">java公共逻辑</a> <div> Eos平台java公共逻辑 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:20:4</div> </li> <li><a href="/article/3005.htm" title="SpringMVC4零配置--Web上下文配置【MvcConfig】" target="_blank">SpringMVC4零配置--Web上下文配置【MvcConfig】</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/springmvc4/1.htm">springmvc4</a> <div>与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。 applicationContext-MvcConfig.xml  <</div> </li> <li><a href="/article/3132.htm" title="解决ie和其他浏览器poi下载excel文件名乱码" target="_blank">解决ie和其他浏览器poi下载excel文件名乱码</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/Excel/1.htm">Excel</a> <div> 使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码，因此必须综合判断，编写一个工具类： /** * * @Title: pro</div> </li> <li><a href="/article/3259.htm" title="挥洒泪水的青春" target="_blank">挥洒泪水的青春</a> <span class="text-muted">lampcy</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到</div> </li> <li><a href="/article/3386.htm" title="稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制" target="_blank">稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制</a> <span class="text-muted">nannan408</span> <div> 对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在</div> </li> <li><a href="/article/3513.htm" title="动态设置iframe高度(iframe高度自适应)" target="_blank">动态设置iframe高度(iframe高度自适应)</a> <span class="text-muted">Rainbow702</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/iframe/1.htm">iframe</a><a class="tag" taget="_blank" href="/search/contentDocument/1.htm">contentDocument</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%BA%A6%E8%87%AA%E9%80%82%E5%BA%94/1.htm">高度自适应</a><a class="tag" taget="_blank" href="/search/%E5%B1%80%E9%83%A8%E5%88%B7%E6%96%B0/1.htm">局部刷新</a> <div>如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构： <div id="content"> <div id=&quo</div> </li> <li><a href="/article/3640.htm" title="用Rapael做图表" target="_blank">用Rapael做图表</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/rap/1.htm">rap</a> <div>function drawReport(paper,attr,data){ var width = attr.width; var height = attr.height; var max = 0; &nbs</div> </li> <li><a href="/article/3767.htm" title="HTML5 bootstrap2网页兼容（支持IE10以下）" target="_blank">HTML5 bootstrap2网页兼容（支持IE10以下）</a> <span class="text-muted">xiaoluode</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a> <div><!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"></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>