Angel_6c4e

Vue-Vue的核心概念-Vue的基本使用和常用命令

什么是Vue? 框架和库的区别是什么？

Vue是一套构建用户界面的“框架”，框架对于项目的入侵性都比较大，如果想要更换一个项目里的框架，就需要重构这个项目。

库（插件）提供一个小的功能，对项目的入侵性小，比如：jQuery，Swiper，Zepto，Bootstrap，Iscroll，Animate.css，wow.js，fullpage（zepto是针对移动的js库,侧重于js方面，bootstrap对响应式开发做了相应的处理，这处理过的界面可以在移动端大放光彩bootstrap侧重于html,css方面，然后bootstrap依赖jq有相应的插件支持）,如果某个库没完成需求，可以很容易切换到其他的库。

Vue的优势(又称为两大核心概念)？

核心概念一：通过数据驱动界面更新，无需操作DOM来更新界面。使用Vue只需要关心如何获取数据，如何处理数据，如何编写逻辑代码即可，然后只需要将处理好的数据交给Vue,Vue就能自动将处理好的数据渲染在界面上。

核心概念二：组件化开发，可以将一个完整的网页拆分成一个个独立的组件编写，然后将封装好的组件拼接成一个完整的网页。

Vue的基本使用:

1.利用传统下载并导入使用Vue.js

2.创建Vue的实例对象，并指定Vue实例对象的控制区域




  {{name}}

备注："{{}}"是art-template 模板引擎的标准语法：

  {{user.name}}

定义WebStorm模板：

1.将需要定义为模板的代码复制->>按下Ctrl+Alt+S打开设置->>搜索live->>找到 Live Templates中的HTML\XML 并点击右上角加号，选中Live Templates，在输入框内粘贴已经复制好的模板代码

2.模板代码复制完成后，在Abbreviation中填入快捷键->>点击Change选中HTML->>最后点击OK，完成自定义WebStorm模板

Vue中数据的双向传递

默认情况下，Vue只会单向传递数据M-VM-V（从实例对象的data->>经Vue实例对象->>到被控制区域div）。但由于Vue基于MVM设计模式，所以也就提供法律双向传递的能力。

可以用 v-model 指令在表单、及 <select> 元素上创建双向数据绑定。[注意点：v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。但应该通过 JavaScript 在组件的 data 选项中声明初始值。]</p> <pre><code><div id="app"> <input type="text" v-model="message" placeholder="edit me"> <textarea name="textarea" id="textarea" cols="30" rows="10" v-model="information" placeholder="edit me">

如图所示：

Vue中常用指令

v-mode: 在表单控件或者组件上创建双向绑定。仅限于,。</p></li> <li><p><strong>v-once</strong>: 只渲染元素和组件一次</p></li> </ul> <pre><code><div id="app"> <p v-once>原始数据：{{name}}</p> <p>当前数据：{{name}}</p> </div> <script> let vue = new Vue({ el:"#app", data:{ name:"哑戏" } }); </script> </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 302px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> <ul> <li><p><strong>v-cloak</strong>：这个指令保持在元素上，会将该元素直接隐藏，直到关联实例准备结束后编译data中绑定的数据。配合 CSS 规则： [v-cloak] { display: none } 一起使用。</p></li> <li><p><strong>v-text</strong>: 会覆盖掉原来的内容，但不会解析HTML。类似于：innerText</p></li> </ul> <pre><code><span v-text="msg">message</span> data:{ message:"<span>我是span</span>" } </code></pre> <p></p> <p></p> 显示结果： <div class="image-package"> <div class="image-container" style="max-width: 307px; max-height: 44px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> <ul> <li> <strong>v-html</strong>:会覆盖掉原来的内容，也会解析HTML。类似于：innerHTML</li> </ul> <pre><code><span v-html="msg">message</span> data:{ message:"<span>我是span</span>" } </code></pre> <p></p> <p></p> 显示结果: <div class="image-package"> <div class="image-container" style="max-width: 286px; max-height: 52px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> <ul> <li> <strong>v-if</strong>: 条件渲染，如果v-if的取值是true就渲染，如果不是就不会创建该元素。v-if接受直接赋值true/false，或间接赋值（通过data传递要绑定的值），另一种间接赋值是v-if接受赋的值可以是表达式。另外，v-if和v-else是可以搭配使用的。<br> <strong>注意点一：v-fi和v-else搭配使用时，中间不能出现其他内容。v-else不能单独使用。</strong><br> <strong>注意点二：用指令v-if切换true/false会创建或删除元素，频繁创建删除会导致性能不好</strong> </li> </ul> <pre><code>  <p v-if="show">我是true</p> <p v-if="conceal">我是false</p>  <p v-if="true">我是true</p> <p v-if="false">我是false</p>  <p v-if="age >= 18">我是true</p> <p v-if="age < 18">我是false</p>  <p v-if="age >= 18">我是成年人</p> <p v-else>我是未成年人</p>  <p v-if="score >= 90">优秀</p> <p v-else-if="score >= 60">良好</p> <p v-else>差</p> data:{ show:true, conceal:false, age:17, score:100 } </code></pre> <ul> <li> <strong>v-show</strong>: 和v-if指令相似，但v-show只创建一次元素，之后切换显示隐藏由display:none;来控制,避免了v-if由于频繁创建删除而导致的性能不好的问题。</li> </ul> <pre><code> <p v-show="show">我是true</p> <p v-show="conceal">我是false</p>  <p v-show="true">我是true</p> <p v-show="false">我是false</p>  <p v-show="age >= 18">我是true</p> <p v-show="age < 18">我是false</p> data:{ show:true, conceal:false, age:17, } </code></pre> <ul> <li> <strong>v-for</strong>: 列表渲染，可以根据数据多次渲染元素，可以遍历数组，字符串，数字，对象。</li> </ul> <pre><code> <ul> <li v-for="(value,index) in list">{{index}}---{{value}}</li> <li v-for="(value,index) in 'abcdefg'">{{index}}---{{value}}</li> <li v-for="(value,index) in 6">{{index}}---{{value}}</li> <li v-for="(value,index) in obj" >{{index}}---{{value}}</li> </ul> data:{ list:["张三","李四","王五","赵六"] , obj:{ name:"ansi", age:20, gender:"female", class:"Law" } } </code></pre> <p></p> <p></p> 结果： <div class="image-package"> <div class="image-container" style="max-width: 636px; max-height: 577px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> </blockquote> <p><strong>注意点一：</strong>当 Vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。<br> 这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时 DOM 状态 (例如：表单输入值) 的列表渲染输出。<br> 为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key attribute：</p> <pre><code><div v-for="item in items" v-bind:key="item.id">  </div> </code></pre> <p><strong>建议尽可能在使用 v-for 时提供 key attribute，除非遍历输出的 DOM 内容非常简单，或者是刻意依赖默认行为以获取性能上的提升。</strong><br> <strong>注意点二：</strong>永远不要把 v-if 和 v-for 同时用在同一个元素上</p> <blockquote> <ul> <li> <strong>v-bind</strong>: 常用于给元素绑定动态地绑定一个或多个attribute，缩写【：】；</li> </ul> <pre><code> <input type="text" v-bind:value="name"> <input type="text" :value="name"> <input type="text" :value="age + 1"> data:{ name:"ansi", age:20 } </code></pre> <p><strong>注意点：</strong>v-bind指令在绑定 class 或 style attribute 时，支持其它类型的值，如<strong>数组</strong>或<strong>对象</strong>。</p> <pre><code><style> .size{ font-size: 100px; } .color{ color: red; } .active{ background: skyblue; } </style>  <p :class="['size','color','active']">我是段落</p>  <p :class="['size','color',flag ? 'active' : '']">我是段落</p>  <p :class="['size','color',{'active' : true}]">我是段落</p>  <p :class="obj">我是段落</p> data:{ flag:false , obj:{ "size":true, "color":true, "active":true } } </code></pre> <pre><code> <p :style="{color:'red','font-size':'100px'}">我是段落</p>  <p :style="obj">我是段落</p>  <p :style="[obj1,obj2]">我是段落</p> data:{ obj1:{ "color":"blue", "font-size":"100px" }, obj2:{ "background":"red" } } </code></pre> <p><strong>归纳：</strong>给<strong>元素</strong>绑定数据的三种方式{{}}，v-text ，v-html；另外v-model只给<input>,<textarea>,<select>这三个标签动态的绑定 attribute；</p> <pre><code> <p>{{name}}</p> <p v-text="name"></p> <p v-html="name"></p> <input type="text" v-model="name"> </code></pre> <ul> <li> <strong>v-on</strong>: 专门用于给元素绑定监听事件，缩写：@；<br> <strong>参数：</strong>event；<br> <strong>修饰符：</strong><br> .stop - 调用 event.stopPropagation()，阻止事件冒泡行为。<br> .prevent - 调用 event.preventDefault()，通知 Web 浏览器不要执行与事件关联的默认动作。<br> .capture - 添加事件侦听器时使用 capture 模式。<br> .self - 只当事件是从侦听器绑定的元素本身触发时才触发回调。<br> .{keyCode | keyAlias}- 只当事件是从特定键触发时才触发回调。<br> .native - 监听组件根元素的原生事件。<br> .once - 只触发一次回调。<br> .left - (2.2.0) 只当点击鼠标左键时触发。<br> .right - (2.2.0) 只当点击鼠标右键时触发。<br> .middle - (2.2.0) 只当点击鼠标中键时触发。<br> .passive - (2.3.0) 以 { passive: true } 模式添加侦听器</li> </ul> <pre><code> <button v-on:click="myFn">我是按钮</button>  <button @click="myFn">我是按钮</button> let vue = new Vue({ el:"#app", data:{}, methods:{ myFn(){ alert('ansi') } } }); </code></pre> <p><strong>注意点：</strong>v-on指令监听的回调函数的名称后面可以加（）也可以不加；添加（）后，可以给回调函数传递原生的事件对象$event作为参数；如果想在监听是回调函数中使用data中的数据，必须在前面加上this；</p> </blockquote> <h4>自定义指令</h4> <h6>1.自定义全局指令:在任何一个Vue控制的区域都能使用</h6> <pre><code><div id="app"> <input type="text" v-focus> </div> // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时,,该元素已经被渲染出来，在调用 inserted可以实现聚焦 inserted: function (el) { // 聚焦元素 el.focus() } }) </code></pre> <blockquote> <p></p> <p></p> 结果： <div class="image-package"> <div class="image-container" style="max-width: 469px; max-height: 94px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> </blockquote> <p><strong>钩子函数：</strong>指令会在不同的生命周期阶段执行</p> <ul> <li>bind：只调用一次，指令第一次绑定到元素时调用（此时该元素还没有被渲染到界面上）</li> <li>inserted：被绑定元素插入父节点时调用（此时该元素已经被渲染到界面上）</li> </ul> <p><strong>钩子函数的参数:</strong></p> <ul> <li>el :表示指令所绑定的元素，可以用来直接操作 DOM。</li> <li>binding：一个对象，包含以下 property：<br> name：指令名，不包括 v- 前缀。<br> value：指令的绑定值</li> </ul> <pre><code><div id="app"> <p v-color="'blue'">我是段落</p> <p v-color="curColor">我是段落</p> </div> Vue.directive('color', { //指令第一次绑定到元素时调用，此时该元素还没有被渲染出来 bind:function (el,binding) { //el就是被绑定指令的那个元素,binding对象用于保存传递的参数 el.style.color = binding.value; } }); let vue = new Vue({ el:"#app", data:{ curColor:"green" }, methods:{ } }); </code></pre> <blockquote> <p></p> <p></p> 结果： <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 118px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> </blockquote> <h6>2.自定义局部指令:只能在自定义的那个Vue实例中使用</h6> <pre><code><div id="app1"> <p v-color="'blue'">我是段落</p> </div> <div id="app2"> <p v-color="'red'">我是段落</p> </div> let vue1 = new Vue({ el:"#app1", data:{},[图片上传中...(D(Z0PDWPW73{TE(5_NJ7NNW.png-bbfbcd-1594645667487-0)] methods:{} }); let vue2 = new Vue({ el:"#app2", data:{}, methods:{}, //注册一个局部自定义指令 directives:{ "color":{ //指令第一次绑定到元素时调用，此时该元素还没有被渲染出来 bind:function (el,binding) { //el就是被绑定指令的那个元素,binding对象用于保存传递的参数 el.style.color = binding.value; } } } }); </code></pre> <blockquote> <p></p> <p></p> 结果： <div class="image-package"> <div class="image-container" style="max-width: 555px; max-height: 135px;"> <div class="image-view"> </div> </div> <div class="image-caption"></div> </div> </blockquote> </article> </div> </div> </div>  <div id="SOHUCS" sid="1649406613720694784"></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">你可能感兴趣的:(Vue-Vue的核心概念-Vue的基本使用和常用命令)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1903853327066656768.htm" title="Qemu&KVM 第一篇（3）QEMU 架构" target="_blank">Qemu&KVM 第一篇（3）QEMU 架构</a> <span class="text-muted">weixin_34160277</span> <a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a> <div>QEMU架构我们首先了解一下QEMU如何实现仿真。本节将介绍QEMU的两种操作模式，以及QEMU动态翻译程序的一些有趣特点。QEMU基本操作QEMU支持两种操作模式：用户模式仿真和系统模式仿真。用户模式仿真允许一个CPU构建的进程在另一个CPU上执行（执行主机CPU指令的动态翻译并相应地转换Linux系统调用）。系统模式仿真允许对整个系统进行仿真，包括处理器和配套的外围设备。在x86主机系统上仿真</div> </li> <li><a href="/article/1903852948975316992.htm" title="Java架构师成长之路" target="_blank">Java架构师成长之路</a> <span class="text-muted">hweiyu00</span> <a class="tag" taget="_blank" href="/search/%E5%88%86%E4%BA%AB/1.htm">分享</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/1.htm">微服务</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>概述本教程主要从6个方面，全面讲解Java技术栈的知识。1.性能调优深入理解MySQL底层原理、索引逻辑，数据结构与算法。使用Explain进行优化分析MVCC原理剖析日志机制解析2.框架源码掌握Spring底层原理带你手写一个Spring解析IOC、AOP源码、以及事务原理3.并发编程剖析Java底层锁机制CAS、JUC工具使用、AQS源码分析以及并发的集合类的讲解4.分布式开发剖析分布式中使用</div> </li> <li><a href="/article/1903852445105188864.htm" title="sqlmap笔记" target="_blank">sqlmap笔记</a> <span class="text-muted">君如尘</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8-%E6%B8%97%E9%80%8F%E7%AC%94%E8%AE%B0/1.htm">网络安全-渗透笔记</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>1.运行环境sqlmap是用Python编写的，因此首先需要确保你的系统上安装了Python。sqlmap支持Python2.6、2.7和Python3.4及以上版本。2.常用命令通用格式：bythonsqlmap.py-r注入点地址--参数-rpost请求-uget请求--level=测试等级--risk=测试风险-v显示详细信息级别-p针对某个注入点注入-threads更改线程数，加速--ba</div> </li> <li><a href="/article/1903852318751780864.htm" title="鸿蒙特效教程06-可拖拽网格" target="_blank">鸿蒙特效教程06-可拖拽网格</a> <span class="text-muted">苏杰豪</span> <a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99%E7%89%B9%E6%95%88%E6%95%99%E7%A8%8B/1.htm">鸿蒙特效教程</a><a class="tag" taget="_blank" href="/search/HarmonyOS/1.htm">HarmonyOS</a><a class="tag" taget="_blank" href="/search/Next/1.htm">Next</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99/1.htm">鸿蒙</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a> <div>鸿蒙特效教程06-可拖拽网格实现教程本教程适合HarmonyOSNext初学者，通过简单到复杂的步骤，一步步实现类似桌面APP中的可拖拽编辑效果。效果预览我们要实现的效果是一个Grid网格布局，用户可以通过长按并拖动来调整应用图标的位置顺序。拖拽完成后，底部会显示当前的排序结果。实现步骤步骤一：创建基本结构和数据模型首先，我们需要创建一个基本的页面结构和数据模型。我们将定义一个应用名称数组和一个对</div> </li> <li><a href="/article/1903851813753384960.htm" title="计算机网络课程内容详解-ChatGPT4o作答" target="_blank">计算机网络课程内容详解-ChatGPT4o作答</a> <span class="text-muted">部分分式</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a> <div>计算机网络课程是一门系统讲解网络体系结构、通信协议、网络技术和应用的专业课程，旨在帮助学生理解计算机网络的工作原理、设计思想和实际应用。以下是计算机网络课程内容的详细介绍，涵盖知识结构、主要内容及应用方向。一、课程目标掌握计算机网络的基本概念、结构及运行原理。理解计算机网络分层模型（如OSI七层模型和TCP/IP四层模型）。掌握常见的通信协议及其功能（如HTTP、FTP、DNS等）。学会网络设备（</div> </li> <li><a href="/article/1903851814361559040.htm" title="JDK8新特性" target="_blank">JDK8新特性</a> <span class="text-muted">陈天在睡觉</span> <a class="tag" taget="_blank" href="/search/%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93/1.htm">知识点总结</a><a class="tag" taget="_blank" href="/search/JavaSE/1.htm">JavaSE</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/JDK8/1.htm">JDK8</a><a class="tag" taget="_blank" href="/search/javase/1.htm">javase</a><a class="tag" taget="_blank" href="/search/%E5%85%AB%E8%82%A1%E6%96%87/1.htm">八股文</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>JDK8是官方发布的一个大版本,提供了很多新特性功能给开发者使用,包含语言、编译器、库、工具和JVM等方面的十多个新特性。本文将介绍编码过程中常用的一些新特性。一、Lambda表达式1.优点简化匿名内部类的写法，允许你以简洁的方式表示可传递给方法或存储在变量中的代码块，用更加简洁和表达性的语法来编写匿名函数，从而简化了对函数式接口的实现，使代码更加简洁紧凑。提高了代码的可读性和可维护性，尤其是在处</div> </li> <li><a href="/article/1903851686603059200.htm" title="Java面试高频问题深度解析：JVM、锁机制、SQL优化与并发处理" target="_blank">Java面试高频问题深度解析：JVM、锁机制、SQL优化与并发处理</a> <span class="text-muted">Debug Your Career</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>问题列表Java中如何实现一个工作流引擎？Bean的作用域有哪些？JVM中的锁机制是如何工作的？三个方法分别被synchronized锁住，方法a调用方法b，b能获取到a的锁吗？会有什么问题？SQL优化时，EXPLAIN中需要关注哪些关键点？什么是覆盖索引？SELECT*一定不会命中索引吗？SELECT*和SELECT全字段在性能上有区别吗？什么是回表？它与索引有什么关系？100万数据分给10个线</div> </li> <li><a href="/article/1903851687404171264.htm" title="JS基础-事件模型(事件&事件流&自定义事件&事件冒泡/代理)" target="_blank">JS基础-事件模型(事件&事件流&自定义事件&事件冒泡/代理)</a> <span class="text-muted">LYFlied</span> <a class="tag" taget="_blank" href="/search/html%26amp%3B%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">html&浏览器</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E4%BB%B6%E6%A8%A1%E5%9E%8B/1.htm">事件模型</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E4%BB%B6%E6%B5%81/1.htm">事件流</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>文章目录一、事件与事件流二、事件模型1.DOM0级模型2.IE事件模型3.DOM2级模型4.DOM3级事件处理方式三、事件对象四、事件绑定与解除1.事件绑定1.1对象.on事件名字=事件处理函数1.2.对象.addEventListener("没有on的事件名字",事件处理函数,false)3.对象.attachEvent("有on的事件名字",事件处理函数);2.解除绑定五、EventWrapp</div> </li> <li><a href="/article/1903851307760939008.htm" title="\yii\queue\LogBehavior::class到底是什么？一共包含哪些部分？" target="_blank">\yii\queue\LogBehavior::class到底是什么？一共包含哪些部分？</a> <span class="text-muted">快点好好学习吧</span> <a class="tag" taget="_blank" href="/search/Yii2.0/1.htm">Yii2.0</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1.\yii\queue\LogBehavior::class到底是什么？想象一下，你在一家咖啡店：你需要记录每一笔订单的状态（如“已下单”、“正在制作”、“已完成”），以便后续追踪和排查问题。在Yii2的队列系统中，\yii\queue\LogBehavior就像是一个“日志记录员”，用于在队列任务执行的不同阶段记录日志信息。(1)核心概念定义：\yii\queue\LogBehavior是Yi</div> </li> <li><a href="/article/1903851308557856768.htm" title="Yii::$app-＞queue-＞push到底如何使用？" target="_blank">Yii::$app-＞queue-＞push到底如何使用？</a> <span class="text-muted">快点好好学习吧</span> <a class="tag" taget="_blank" href="/search/Yii2.0/1.htm">Yii2.0</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1.Yii::$app->queue->push是什么？想象一下，你在一家咖啡店：你需要将每一笔订单（任务）放入“待处理队列”中，由后厨按照顺序处理。在Yii2中，Yii::$app->queue->push就像是这个“放入队列”的操作，用于将任务推送到队列系统中，等待异步处理。(1)核心概念定义：Yii::$app->queue->push是Yii2队列扩展中的一个方法，用于将任务推送到队列中。</div> </li> <li><a href="/article/1903851055628742656.htm" title="QEMU源码全解析 —— CPU虚拟化（12）" target="_blank">QEMU源码全解析 —— CPU虚拟化（12）</a> <span class="text-muted">蓝天居士</span> <a class="tag" taget="_blank" href="/search/QEMU%2FKVM/1.htm">QEMU/KVM</a><a class="tag" taget="_blank" href="/search/QEMU/1.htm">QEMU</a><a class="tag" taget="_blank" href="/search/KVM/1.htm">KVM</a><a class="tag" taget="_blank" href="/search/CPU%E8%99%9A%E6%8B%9F%E5%8C%96/1.htm">CPU虚拟化</a> <div>接前一篇文章：本文内容参考：《趣谈Linux操作系统》——刘超，极客时间《QEMU/KVM》源码解析与应用——李强，机械工业出版社《深度探索Linux系统虚拟化原理与实现》——王柏生谢广军，机械工业出版社特此致谢！三、KVM模块初始化介绍1.KVM简介与源码组织结构KVM全称为Kernel-BasedVirtualMachine，中文译为基于内核的虚拟化技术。KVM是由以色列初创公司Qumrane</div> </li> <li><a href="/article/1903850929363415040.htm" title="JavaScript基础-DOM的一些基本常用语法" target="_blank">JavaScript基础-DOM的一些基本常用语法</a> <span class="text-muted">Southern Wind</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>总结了一下JS一直到DOM中所用的单词的用法输入方式：window.prompt('请输入数据');输出方式：1、window.alert('HelloJavaScript');2、console.log输出到控制台3、输出数据到页面document.write('hello')JavaScript数据类型1、基本类型string：字符型number：数值型boolean：布尔型2、特殊类型und</div> </li> <li><a href="/article/1903850677071835136.htm" title="通过浏览器扩展获取本机 MAC 地址" target="_blank">通过浏览器扩展获取本机 MAC 地址</a> <span class="text-muted">云水木石</span> <a class="tag" taget="_blank" href="/search/macos/1.htm">macos</a> <div>在Web技术主导的B/S架构项目中，获取终端设备硬件信息（如MAC地址）的需求经常会碰到。尽管Electron/CEF等混合应用框架可通过系统级API轻松实现，但纯浏览器环境下的硬件信息获取则不那么容易。因为现代浏览器基于沙箱机制和隐私保护策略，严格禁止网页直接访问底层硬件资源。但用户的需求不能不考虑，特别是在做商业项目时，这时就不得不给出方案，总结下来有如下三种方案：扩展JSAPI：比如以前在做</div> </li> <li><a href="/article/1903850047431307264.htm" title="C#基础学习（二）C#数组生存手册：从入门到“血压拉满“的奇妙旅程" target="_blank">C#基础学习（二）C#数组生存手册：从入门到“血压拉满“的奇妙旅程</a> <span class="text-muted">FAREWELL00075</span> <a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/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><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84/1.htm">数组</a><a class="tag" taget="_blank" href="/search/Array/1.htm">Array</a> <div>作为一只C#萌新，当你试图用数组装下整个世界时，系统可能会温柔地弹出一句**"Indexwasoutsidetheboundsofthearray."**。别慌！这份求生指南将用段子教你玩转数组一、数组是什么数组简单来说就是由相同元素组成的一个集合，数组里面不一定是数，还可能是bool,string等类型组成的集合。那么他有些什么特点呢：本质：装着相同类型元素的集装箱（比如一箱肥宅快乐水）特性：长</div> </li> <li><a href="/article/1903849795148115968.htm" title="CopyOnWriteArrayList详解" target="_blank">CopyOnWriteArrayList详解</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E5%90%88/1.htm">集合</a> <div>1️⃣什么是CopyOnWriteArrayList？java.util.concurrent包下的线程安全的List读多写少场景下的性能优选核心思想：写时复制（Copy-On-Write）2️⃣底层原理内部维护一个volatileObject[]array读操作：直接读取数组，不加锁，性能极高写操作（增删改）：加ReentrantLock互斥锁把原数组复制一份新数组在新数组上操作操作完成后，替换</div> </li> <li><a href="/article/1903849794544136192.htm" title="binlog和redolog" target="_blank">binlog和redolog</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/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%BF%97/1.htm">日志</a> <div>好的！这两个是MySQL面试核心知识点，下面详细解释：✅一、概念区分内容binlog（归档日志）redolog（重做日志）属于MySQL层（Server层）InnoDB存储引擎层作用记录所有修改数据库的数据操作（逻辑日志）保障事务的持久性（崩溃后可恢复数据）存储内容SQL语句或事件（INSERT、UPDATE、DELETE）物理页修改（物理日志）写入时机执行完SQL后写入执行SQL时先写入落盘时机</div> </li> <li><a href="/article/1903849164857470976.htm" title="python环境部署工具 uv" target="_blank">python环境部署工具 uv</a> <span class="text-muted">Honnnnnn</span> <a class="tag" taget="_blank" href="/search/uv/1.htm">uv</a> <div>以原先使用的pipenv工具为例子，通过pipfile.lock生成requirements文件，再将requirements转成pyproject.toml文件，最后生成uv.lock基于当前虚拟环境导出requirements.txt--pipfreeze>requirements.txt（如果原先不是env而是基础的通过requirements.txt文件，省去转化requirements的</div> </li> <li><a href="/article/1903848786808074240.htm" title="weixin089校园综合服务小程序+ssm(文档+源码)_kaic" target="_blank">weixin089校园综合服务小程序+ssm(文档+源码)_kaic</a> <span class="text-muted">开心毕设</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/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/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1/1.htm">微信</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>摘要随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，校园综合服务被用户普遍使用，为方便用户能够可以随时进行校园综合服务小程序的数据信息管理，特开发了基于校园综合服务小程序的管理系统。校园综合服务小程序的设计主要是对系统所要实现的功能进行详细考虑，确定所要实现的功能后进行界面的设计，在这中间还要考虑如何</div> </li> <li><a href="/article/1903848660005875712.htm" title="笔记：代码随想录算法训练营day60：并查集理论基础、寻找存在的路径" target="_blank">笔记：代码随想录算法训练营day60：并查集理论基础、寻找存在的路径</a> <span class="text-muted">jingjingjing1111</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>本文为学习并查集理论基础|代码随想录、代码随想录过程中的思考find是找的顶头上司，而不是当前上司，最后怎么也得找到一个顶头上司的上司是自己，要不然这个结构也不成立使用issame替换会使被操作者为当前节点，而非根节点。join(u,v)的功能为将v的根节点挂到u的根节点下模拟过程可以看出，join中的find中的路径压缩要在长度大于2（路径大于1）的时候才会体现出来107.寻找存在的路径卡码网题</div> </li> <li><a href="/article/1903848660467249152.htm" title="【Matlab光伏功率预测】基于RF随机森林算法的多变量光伏功率预测（附MATLAB代码）" target="_blank">【Matlab光伏功率预测】基于RF随机森林算法的多变量光伏功率预测（附MATLAB代码）</a> <span class="text-muted">天天科研工作室</span> <a class="tag" taget="_blank" href="/search/%E5%85%89%E4%BC%8F%E5%8A%9F%E7%8E%87%E9%A2%84%E6%B5%8B/1.htm">光伏功率预测</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E9%9A%8F%E6%9C%BA%E6%A3%AE%E6%9E%97/1.htm">随机森林</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>【Matlab光伏功率预测】基于RF随机森林算法的多变量光伏功率预测（附MATLAB代码）文章目录【Matlab光伏功率预测】基于RF随机森林算法的多变量光伏功率预测（附MATLAB代码）文章介绍基本步骤代码分享运行结果参考资料文章介绍随机森林可以应用于光伏功率预测，这是一项重要的任务，旨在估计光伏发电系统的输出功率。光伏功率预测在可再生能源管理、电网调度和能源计划等领域具有广泛的应用。随机森林回</div> </li> <li><a href="/article/1903848533061070848.htm" title="Android一个APP里面最少有几个线程" target="_blank">Android一个APP里面最少有几个线程</a> <span class="text-muted">积跬步DEV</span> <a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98%E5%A4%A7%E5%85%A8/1.htm">开发实战大全</a><a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a> <div>Android应用启动时，默认会创建一个进程，该进程中最少包含5个系统自动创建的线程，具体如下：Main线程（主线程/UI线程）负责处理用户交互、UI更新等核心操作，所有与界面相关的逻辑必须在此线程执行。若在此线程执行耗时操作（如网络请求），会导致界面卡顿甚至触发ANR（应用无响应）。FinalizerDaemon线程（终结者守护线程）当对象重写了finalize()方法时，该线程负责将这些对象放</div> </li> <li><a href="/article/1903848533627301888.htm" title="access读取EXCEL文件,并根据动态生成表，完成报表的导入" target="_blank">access读取EXCEL文件,并根据动态生成表，完成报表的导入</a> <span class="text-muted">MES先生</span> <a class="tag" taget="_blank" href="/search/ACCESS/1.htm">ACCESS</a><a class="tag" taget="_blank" href="/search/VBA/1.htm">VBA</a><a class="tag" taget="_blank" href="/search/access/1.htm">access</a> <div>OptionCompareDatabasePublicsheetidAsString'报表IDPublictempAsString'获取年月时分秒PublictmpIAsInteger'对应EXCEL行PublictmpJAsInteger'对应EXCEL列PublicXlsAppAsObjectPublicXlsWorkbookAsObjectPublicXlsWorkSheetAsObject</div> </li> <li><a href="/article/1903847274174279680.htm" title="穴位按摩培训系统Django-SpringBoot-php-Node.js-flask" target="_blank">穴位按摩培训系统Django-SpringBoot-php-Node.js-flask</a> <span class="text-muted">QQ188083800</span> <a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>目录具体实现截图技术栈介绍系统设计研究方法：设计步骤设计流程核心代码部分展示研究方法详细视频演示试验方案论文大纲源码获取/详细视频演示具体实现截图技术栈介绍本课题的研究方法和研究步骤基本合理，难度适中，本选题是学生所学专业知识的延续，符合学生专业发展方向，对于提高学生的基本知识和技能以及钻研能力有益。该学生能够在预定时间内完成该课题的设计。研究的选题立意明确，结构合理，研究内容充实，研究方法准确有</div> </li> <li><a href="/article/1903847271938715648.htm" title="华为云赋能智能制造，助力图扑软件构造数字孪生场景" target="_blank">华为云赋能智能制造，助力图扑软件构造数字孪生场景</a> <span class="text-muted">36Kr网</span> <a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA%E4%BA%91/1.htm">华为云</a><a class="tag" taget="_blank" href="/search/%E5%88%B6%E9%80%A0/1.htm">制造</a><a class="tag" taget="_blank" href="/search/big/1.htm">big</a><a class="tag" taget="_blank" href="/search/data/1.htm">data</a> <div>出行手机查看交通方案、物业管理的智能可视勘察管控、疫情地图提前预知危害……这些曾经存在于科幻片中的高科技场景一一在现代生活得到了应用与普及，其背后的数据可视化应用，正贯穿于当今大数据时代的各行各业，成为人们洞察数据内涵的有力工具，推动数字经济发展驶入“快车道”。数字经济发展的背后，是大数据时趋势下各地区积极贯彻国家数字经济发展战略的时代精神；高效便捷管控的背后，是云端平台各大企业的互助共赢；高质精</div> </li> <li><a href="/article/1903847273729683456.htm" title="使用uni-app的组件（基础组件和扩展组件）" target="_blank">使用uni-app的组件（基础组件和扩展组件）</a> <span class="text-muted">云海洋和天</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>目录一、使用基础组件二、使用扩展组件（uni-ui）方式一：npm安装方式二：通过uni-modules导入全部组件一、使用基础组件文档uni-app官网•组件•组件概述https://uniapp.dcloud.net.cn/component/基础组件在uni-app框架中已经内置，可以直接使用。示例如：使用内置组件icon二、使用扩展组件（uni-ui）文档</div> </li> <li><a href="/article/1903846389566205952.htm" title="Docker 容器基础技术：namespace" target="_blank">Docker 容器基础技术：namespace</a> <span class="text-muted">寻雾&启示</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>在容器内进程是隔离的，比如容器有自己的网络和文件系统，容器内进程的PID为1，这些都是依赖于Linuxnamespace所提供的隔离机制。本篇我们来了解下Linux有哪些namespace，以及它们是如何实现隔离的。文中案例代码均由ChatGPT生成，在Linux内核5.15.0-124-generic，ubuntu22.04LTS系统上测试通过。namespace类型每个进程都有自己所属的nam</div> </li> <li><a href="/article/1903846390526701568.htm" title="【读点论文】Chain Replication for Supporting High Throughput and Availability" target="_blank">【读点论文】Chain Replication for Supporting High Throughput and Availability</a> <span class="text-muted">寻雾&启示</span> <a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F%E7%B3%BB%E7%BB%9F/1.htm">分布式系统</a><a class="tag" taget="_blank" href="/search/%E8%AE%BA%E6%96%87%E9%98%85%E8%AF%BB/1.htm">论文阅读</a> <div>在分布式系统中，强一致性往往和高可用、高吞吐是矛盾的。比如传统的关系型数据库，其保证了强一致性，但往往牺牲了可用性和吞吐量。而像NoSQL数据库，虽然其吞吐量、和扩展性很高，但往往只支持最终一致性，无法保证强一致性。由此ChainReplicationforSupportingHighThroughputandAvailability提出了链式复制协议，旨在保证高吞吐、高可用的同时，支持数据的强一</div> </li> <li><a href="/article/1903846137262043136.htm" title="vLLM - 查看模型是否支持" target="_blank">vLLM - 查看模型是否支持</a> <span class="text-muted">云客Coder</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>支持的模型：https://docs.vllm.ai/en/latest/models/supported_models.html要确定是否支持给定模型，您可以检查HF存储库中的config.json文件。如果"architectures"字段包含下面列出的模型架构，那么理论上应该支持它。查看模型架构查看模型的config.json中的architecturescat~/.cache/huggin</div> </li> <li><a href="/article/1903845759321698304.htm" title="ESP32-C6助力设备互联互通，Wi-Fi6无线通信方案，物联网交互联动" target="_blank">ESP32-C6助力设备互联互通，Wi-Fi6无线通信方案，物联网交互联动</a> <span class="text-muted">深圳启明云端科技</span> <a class="tag" taget="_blank" href="/search/WiFi6/1.htm">WiFi6</a><a class="tag" taget="_blank" href="/search/ESP32-C6/1.htm">ESP32-C6</a><a class="tag" taget="_blank" href="/search/%E4%B9%90%E9%91%AB/1.htm">乐鑫</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E8%81%94%E7%BD%91/1.htm">物联网</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E7%BA%BF%E6%96%B9%E6%A1%88/1.htm">无线方案</a> <div>在物联网飞速发展的今天，连接技术的革新成为推动行业进步的关键力量。Wi-Fi6技术的出现，犹如一颗璀璨的新星，为物联网设备带来了前所未有的高效与低耗体验。乐鑫推出的ESP32-C6作为首款支持Wi-Fi6的SoC，集成了2.4GHzWi-Fi6、Bluetooth5(LE)和802.15.4协议，这一组合使其具备了行业领先的射频性能。其支持的上行、下行正交频分多址（OFDMA）接入和下行多用户多输</div> </li> <li><a href="/article/1903845255510290432.htm" title="计算机基础：编码04，认识反码和补码" target="_blank">计算机基础：编码04，认识反码和补码</a> <span class="text-muted">水饺编程</span> <a class="tag" taget="_blank" href="/search/MFC%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">MFC学习笔记</a><a class="tag" taget="_blank" href="/search/Win32%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">Win32学习笔记</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/mfc/1.htm">mfc</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a> <div>专栏导航本节文章分别属于《Win32学习笔记》和《MFC学习笔记》两个专栏，故划分为两个专栏导航。读者可以自行选择前往哪个专栏。（一）WIn32专栏导航上一篇：计算机基础：编码03，根据十进制数，求其原码回到目录下一篇：无（二）MFC专栏导航上一篇：计算机基础：编码03，根据十进制数，求其原码回到目录下一篇：无本节前言在前两节，我讲解了关于原码的知识。本节，我来讲解反码和补码。在学习本节之前，你需</div> </li> <li><a href="/article/53.htm" title="二分查找排序算法" target="_blank">二分查找排序算法</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/%E4%BA%8C%E5%88%86%E6%9F%A5%E6%89%BE/1.htm">二分查找</a><a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F/1.htm">排序</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%8A%98%E5%8D%8A/1.htm">折半</a> <div> 一：概念二分查找又称折半查找（折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步</div> </li> <li><a href="/article/180.htm" title="java中的BigDecimal" target="_blank">java中的BigDecimal</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/BigDecimal/1.htm">BigDecimal</a> <div> 在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。原文地址：http://blog.csdn.net/ugg/article/de</div> </li> <li><a href="/article/307.htm" title="Shell echo命令详解" target="_blank">Shell echo命令详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/echo/1.htm">echo</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义</div> </li> <li><a href="/article/434.htm" title="Oracle DBA 简单操作" target="_blank">Oracle DBA 简单操作</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/oracle+dba+sql/1.htm">oracle dba sql</a> <div> --执行次数多的SQL select sql_text,executions from ( select sql_text,executions from v$sqlarea order by executions desc ) where rownum<81; &nb</div> </li> <li><a href="/article/561.htm" title="画图重绘" target="_blank">画图重绘</a> <span class="text-muted">朱辉辉33</span> <a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a> <div> 我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们</div> </li> <li><a href="/article/688.htm" title="线程之初体验" target="_blank">线程之初体验</a> <span class="text-muted">西蜀石兰</span> <a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a> <div>一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja</div> </li> <li><a href="/article/815.htm" title="linux集群互相免登陆配置" target="_blank">linux集群互相免登陆配置</a> <span class="text-muted">林鹤霄</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>配置ssh免登陆 1、生成秘钥和公钥 ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub 其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密 c</div> </li> <li><a href="/article/942.htm" title="mysql : Lock wait timeout exceeded; try restarting transaction" target="_blank">mysql : Lock wait timeout exceeded; try restarting transaction</a> <span class="text-muted">aigo</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html 原因是你使用的InnoDB 表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错. 你可以把这个时间加长,或者优化存储</div> </li> <li><a href="/article/1069.htm" title="Socket编程基本的聊天实现。" target="_blank">Socket编程基本的聊天实现。</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a> <div>public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi</div> </li> <li><a href="/article/1196.htm" title="多线程监听器事件模式(一个简单的例子)" target="_blank">多线程监听器事件模式(一个简单的例子)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC%E6%A8%A1%E5%BC%8F/1.htm">监听模式</a> <div> 多线程的事件监听器模式监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到创建多线程的事件监听器模式思路: 1, 创建线程并启动,在创建线程的位置设置一个标记 2,创建队</div> </li> <li><a href="/article/1323.htm" title="spring InitializingBean接口" target="_blank">spring InitializingBean接口</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT</div> </li> <li><a href="/article/1450.htm" title="Oracle中询表的权限被授予给了哪些用户" target="_blank">Oracle中询表的权限被授予给了哪些用户</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/%E6%9D%83%E9%99%90/1.htm">权限</a> <div> Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"</div> </li> <li><a href="/article/1577.htm" title="【Struts2五】Struts2 参数传值" target="_blank">【Struts2五】Struts2 参数传值</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a> <div>Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言</div> </li> <li><a href="/article/1704.htm" title="【Kafka十四】关于auto.offset.reset[Q/A]" target="_blank">【Kafka十四】关于auto.offset.reset[Q/A]</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>I got serveral questions about auto.offset.reset. This configuration parameter governs how consumer read the message from Kafka when there is no initial offset in ZooKeeper or </div> </li> <li><a href="/article/1831.htm" title="nginx gzip压缩配置" target="_blank">nginx gzip压缩配置</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+gzip+%E5%8E%8B%E7%BC%A9%E8%8C%83%E4%BE%8B/1.htm">nginx gzip 压缩范例</a> <div>nginx gzip压缩配置更多 0 nginx gzip 配置随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用</div> </li> <li><a href="/article/1958.htm" title="java-13.输入一个单向链表，输出该链表中倒数第 k 个节点" target="_blank">java-13.输入一个单向链表，输出该链表中倒数第 k 个节点</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head; </div> </li> <li><a href="/article/2085.htm" title="Spring源码学习-JdbcTemplate queryForObject" target="_blank">Spring源码学习-JdbcTemplate queryForObject</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/spring/1.htm">spring</a> <div>JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查</div> </li> <li><a href="/article/2212.htm" title="[冰川时代]在冰川时代,我们需要什么样的技术?" target="_blank">[冰川时代]在冰川时代,我们需要什么样的技术?</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF/1.htm">技术</a> <div> 看美国那边的气候情况....我有个感觉...是不是要进入小冰期了? 那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段... &nb</div> </li> <li><a href="/article/2339.htm" title="js 获取浏览器型号" target="_blank">js 获取浏览器型号</a> <span class="text-muted">cuityang</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a> <div>根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head> <meta charset="utf-8" content="text/html"/> <meta name=</div> </li> <li><a href="/article/2466.htm" title="C# socks5详解转" target="_blank">C# socks5详解转</a> <span class="text-muted">dalan_123</span> <a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a> <div>http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html 这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，</div> </li> <li><a href="/article/2593.htm" title="运维 Centos问题汇总" target="_blank">运维 Centos问题汇总</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E4%BA%91%E4%B8%BB%E6%9C%BA/1.htm">云主机</a> <div>一、sh 脚本不执行的原因 sh脚本不执行的原因只有2个 1.权限不够 2.sh脚本里路径没写完整。二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom 三、查询连接数</div> </li> <li><a href="/article/2720.htm" title="Yii防注入攻击笔记" target="_blank">Yii防注入攻击笔记</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</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/yii/1.htm">yii</a> <div>网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl</div> </li> <li><a href="/article/2847.htm" title="MongoDB简介[一]" target="_blank">MongoDB简介[一]</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/MongoDB%E7%AE%80%E4%BB%8B/1.htm">MongoDB简介</a> <div>MongoDB简介转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用 MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。另外，不</div> </li> <li><a href="/article/2974.htm" title="zookeeper windows 入门安装和测试" target="_blank">zookeeper windows 入门安装和测试</a> <span class="text-muted">greemranqq</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85/1.htm">安装</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a> <div>一、序言以下是我对zookeeper 的一些理解： zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。栗子1号：假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视</div> </li> <li><a href="/article/3101.htm" title="Spring之使用事务缘由(2-注解实现)" target="_blank">Spring之使用事务缘由(2-注解实现)</a> <span class="text-muted">ihuning</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div> Spring事务注解实现 1. 依赖包： 1.1 spring包： spring-beans-4.0.0.RELEASE.jar spring-context-4.0.0.</div> </li> <li><a href="/article/3228.htm" title="iOS App Launch Option" target="_blank">iOS App Launch Option</a> <span class="text-muted">啸笑天</span> <a class="tag" taget="_blank" href="/search/option/1.htm">option</a> <div>iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。 launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节。 1、若用户直接</div> </li> <li><a href="/article/3355.htm" title="jdk与jre的区别（_）" target="_blank">jdk与jre的区别（_）</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a> <div>简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。 JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。如果安装了JDK，会发同你</div> </li> <li><a href="/article/3482.htm" title="Updates were rejected because the tip of your current branch is behind" target="_blank">Updates were rejected because the tip of your current branch is behind</a> <span class="text-muted">qiaolevip</span> <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/%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/%E4%BC%97%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">众观千象</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a> <div>$ git push joe prod-2295-1 To git@git.dianrong.com:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to 'git@git.dianron</div> </li> <li><a href="/article/3609.htm" title="[一起学Hive]之十四-Hive的元数据表结构详解" target="_blank">[一起学Hive]之十四-Hive的元数据表结构详解</a> <span class="text-muted">superlxw1234</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/hive%E5%85%83%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">hive元数据结构</a> <div>关键字：Hive元数据、Hive元数据表结构之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。文章最后面，会以一个示例来全面了解一下，</div> </li> <li><a href="/article/3736.htm" title="Spring 3.2.14，4.1.7，4.2.RC2发布" target="_blank">Spring 3.2.14，4.1.7，4.2.RC2发布</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/Spring+3/1.htm">Spring 3</a> <div> Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。其中Spring 4.1.7主要包含这些更新内容。 </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>