第八章 vue.js-自定义指令（基础篇）

在第五章中我们已经介绍了需要Vue内置的指令，比如v-if、v-show等，这些丰富的内置指令能满足我们的绝大部分的业务需求，不过在需要一些特殊功能时，我们仍然希望对DOM进行底层的操作，这个时候就需要用到自定义指令。

8.1基本用法

自定义指令的注册方法和组件很像，也分全局注册和局部注册，比如注册一个v-focus的指令，用于、元素初始化时自动获得焦点，两种写法分别是：</p> <blockquote> <p>//全局注册</p> <p>Vue.directive('focus',{</p> <p> //指令选项</p> <p>});</p> </blockquote> <blockquote> <p>//局部注册</p> <p>var app= new Vue({</p> <p> el:'#app',</p> <p> directives:{</p> <p> focus:{</p> <p> //指令选项</p> <p> }</p> <p> }</p> <p>})</p> </blockquote> <p> 写法与组件基本类似，只是方法名由component改为了directive。上例值是注册了自定义指令v-focus,还没有实现具体功能，下面具体介绍自定义指令的各个选项。</p> <p> 自定义指令的选项是由几个钩子函数组成的，每个都是可选的。</p> <blockquote> <p> bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。</p> <p> inserted:被绑定元素插入父节点时调用（父节点存在即可调用，不必存在与document中）.</p> <p> update：被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新。</p> <p> componentUpdated：被绑定元素所在模板完成一次更新周期时调用。</p> <p> unbind：指令只调用一次，指令与元素解绑时调用。</p> </blockquote> <p> 可以根据需求在不同的钩子函数内完成逻辑代码，例如上面的v-focus，我们希望在元素插入父节点时就调用，那用到的最好是inserted，示例代码如下：</p> <blockquote> <p><div id="app"></p> <p> <input type="text" v-focus></p> <p></div></p> <p><script></p> <p> Vue.directive('v-focus',{</p> <p> inserted:function(el){</p> <p> el.focus();//聚焦元素</p> <p> }</p> <p> });</p> <p> var app = new Vue({</p> <p> el:'#app'</p> <p> })</p> </blockquote> <p> 每个钩子函数都有几个参数可用，比如上面我们用到了el。它们的含义如下：</p> <blockquote> <p> el：指令所绑定的元素，可以用来直接操作DOM。</p> <p> binding：一个对象，包含以下属性：</p> <p> name 指令名，不包括v-前缀。</p> <p> value 指令的绑定值，例如v-my-directive="1+1“，value的值是2.</p> <p> oldValue 指令绑定的前一个值，仅在update和componentUpdated的钩子中可用，无论值是否改变都可用。</p> <p> expression 绑定值的字符串形式，例如v-my-directive="1+1",expression的值是”1“。</p> <p> arg 传给指令的参数，例如v-my-directive:foo,arg的值是foo。</p> <p> modifiers 一个包含修饰符的对象，例如v-my-directive.foo.bar。修饰符对象modifiers的值是{foo:true,bar:true}.</p> <p> vnode ：Vue编译生成的虚拟节点，在进阶篇中介绍。</p> <p> oldVnode：上一个虚拟节点，仅在update和componentUpdated钩子中使用。</p> </blockquote> <p> 下面是结合了以上参数的一个具体示例，代码如下：</p> <p><div id="app"></p> <p> <div v-test:msg.a.b="message"></div></p> <p></div></p> <p><script></p> <p> Vue.directive('test',{</p> <p> bind:function(){</p> <p> var key = {};</p> <p> for (var i in vnode){</p> <p> key.push(i);</p> <p> }</p> <p> el.innerHTML =</p> <p> 'name' +biding.name +'<br>'+</p> <p> 'value' +biding.value+'<br>'+</p> <p> 'expression' +biding.expression+'<br>'+</p> <p> 'argument' +biding.arg+'<br>'+</p> <p> 'modifiers' +JSON.stringify(biding.modifiers) +'<br>'+</p> <p> 'vnode' +keys.join(',')</p> <p> }</p> <p> });</p> <p> var app = new Vue({</p> <p> el:'#app',</p> <p> data:{</p> <p> message:'some text'</p> <p> }</p> <p>})</p> <p></script></p> <p>执行后，<div>的内容会使用inner HTML重置，结果为：</p> <p>name:test</p> <p>value:some text</p> <p>expression:message</p> <p>argument:msg</p> <p>modifiers:{"a":true,"b":true}</p> <p>vnode keys:</p> <p>tag,data,children,text.elm,ns,context,functionalContext,key,componentOptions,componentInstance,parent,raw,isStatic,isRootInsert,isComment,isCloned,isOnce</p> <p> 在大多数场景，我们会在bind钩子里绑定一些事件，比如在document上用addEventListener绑定，在unbind里用removeEventListener解绑，比较典型的示例就是让这个元素随着鼠标拖曳。在后面的8.2章节中，我们会详细介绍到。</p> <p> 如果需要多个值，自定义指令也可以传入一个JavaScript对象字面量，只要是合法类型的JavaScript表达式都是可以的。示例代码如下：</p> <blockquote> <p><div id="app"></p> <p> <div v-test="{msg:'hello',name:'Lmz'}"></div></p> <p></div></p> <p><script></p> <p> Vue.directive('test',{</p> <p> bind:function(el,binding,vnode){</p> <p> console.log(binding.value.msg);</p> <p> console.log(binding.value.name);</p> <p> }</p> <p>});</p> <p> var app = new Vue({</p> <p> el:'app'</p> <p> })</p> </blockquote> <p>Vue2.x移除了大量Vue1.x自定义指令的配置。在使用自定义指令时，应该充分理解业务需求，因为很多时候你需要的可能并不是自定义指令，而是组件。在下一节中，我们结合两个经典的示例在进一步了解自定义指令的使用场景和用法。</p> <hr> <p><b>8.2实战</b></p> <p><b>8.2.1开发一个可从外部关闭的下拉菜单</b></p> <p> 网页中有很多常见的下拉菜单。点击某个按钮会弹出一个下拉菜单，然后点击页面中其它空白区域（除了菜单本身外），菜单就关闭了。本示例就用自定义指令来实现这样的需求。</p> <p> 先来分析一下如何实现。</p> <p> 该示例有两个特点，一是下拉菜单本身是不会关闭的，二是点击下拉菜单以外的所以区域都要关闭。点击所有区域可以在document上绑定click事件来实现，同时只要过滤出是否点击的是目标元素内部的元素即可。</p> <p> 首先初始化各个文件：</p> <p><b>index.html</b></p> <blockquote> <p><!DOCTYPE html></p> <p><html></p> <p><head></p> <p> <meta charset="utf-8"></p> <p> <title>可从外部关闭的下拉菜单</title></p> <p> <lin rel="stylesheet" type="text/css" href="style.css">/</p> <p></head></p> <p><body></p> <p> <div id="app" v-cloak></div></p> <p> <script src="https:unpkg.com/vue/dist/vue.min.js"></script></p> <p> <script src="clickoutside.js></script></p> <p> <script src="index.js></script></p> <p></body></p> <p></html></p> </blockquote> <p><b>index.js</b></p> <blockquote> <p>var app = new Vue({</p> <p> el:'#app'</p> <p>});</p> </blockquote> <p><b>clickoutside.js</b></p> <blockquote> <p> Vue.directive('clickoutside',{</p> <p>});</p> </blockquote> <p>利用组件的基本知识很容易完成index.html和index.js的逻辑：</p> <blockquote> <p><div id="app" v-cloak"></p> <p> <div class="main" v-clickoutside="handleClose"></p> <p> <button @click="show =!show">点击显示下拉菜单</button></p> <p> <div class="dropdown" v-show="show"></p> <p> <p>下拉框的内容，点击外面区域可以关闭</p></p> <p> </div></p> <p> </div></p> <p></div></p> <p>var app = new Vue({</p> <p> el:'#app',</p> <p> data:{</p> <p> show:false</p> <p> },</p> <p> methods:{</p> <p> handleClose:{</p> <p> this.show=false;</p> <p> }</p> <p> }</p> <p>});</p> </blockquote> <p> 逻辑很简单，点击按钮时显示class为dropdown的div元素。</p> <p> 自定义指令v-clickoutside绑定了一个函数handleClose，原来关闭菜单。先来看一下clickoutside.js中的内容：</p> <blockquote> <p>Vue.directive('clickoutside',{</p> <p> bind:function(el,binding,vnode){</p> <p> function doucumentHandler(e){</p> <p> if(el.contains(e.target)){</p> <p> return false;</p> <p> }</p> <p> if(binding.expression){</p> <p> binding.value(e);</p> <p> }</p> <p> el._vueClickOutside_ = documentHandler;</p> <p> document.addEventListener('click',documentHandler);</p> <p> },</p> <p> unbind:function(el,binding){</p> <p> document.removeEventListener('click',el._vueClickOutside_);</p> <p> delete el._vueClickOutside_;</p> <p> }</p> <p> }</p> <p>});</p> </blockquote> <p> 之前分析过，要在document上绑定click事件，所以在bind钩子内声明了一个函数documentHandler，并将它作为句柄绑定在document的click事件上。documentHandler函数做了两个判断，第一个是判断点击的区域是否是指令所在的元素内部，如果是，就跳出函数，不往下继续执行。</p> <p>TIPS:contains方法是用来判断元素A是否包含了元素B，包含返回true，不包含返回false，示例代码如下：</p> <blockquote> <p><body></p> <p> <div id="parent"></p> <p> 父元素</p> <p> <div id="children">子元素</div></p> <p> </div></p> <p> <script type="text/javascript"></p> <p> var A =document.getElementById('parent');</p> <p> var B =document.getElementById('children');</p> <p> console.log(A.contains(B));//true</p> <p> console.log(B.contains(A));//false</p> <p> </script></p> <p></body></p> </blockquote> <p> 第二个判断的是当前的指令v-clickoutside有没有写表达式，在该自定义指令中，表达式应该是一个函数，在过滤了内部元素后，点击外面任何区域应该执行用户表达式中的函数，所以binding.value()就是用来执行当前上下文methods中指定的函数的。</p> <p> 与Vue1.x不同的是，在自定义指令中，不能再用this.xxx的形式在上下文中声明一个变量。所以用el._vueClickOutside_引用了doucumentHandler，这样就可以在unbind钩子里移除对document的click事件监听。如果不移除，当组件或元素销毁时，它仍然存在于内存中。</p> <p> 以上代码分解完整代码基本一致，不再重复提供。下面是style.css的代码：</p> <blockquote> <p>[v-cloak]{</p> <p>display:none;</p> <p>}</p> <p>.main{</p> <p>width:125px;</p> <p>}</p> <p>button{</p> <p>display:block;</p> <p>width:100%;</p> <p>color:#fff;</p> <p>background-color:#39f;</p> <p>border:0;</p> <p>padding:6px;</p> <p>text-align:center;</p> <p>font-size:12px;</p> <p>border-radius:4px;</p> <p>cussor:pointer;</p> <p>outline:none;</p> <p>position:relative;</p> <p>}</p> <p>button:active{</p> <p>top:1px;</p> <p>left:1px;</p> <p>}</p> <p>.dropdown{</p> <p>width:100%;</p> <p>height:150px;</p> <p>margin:5px 0;</p> <p>}</p> </blockquote> <hr> <p><b>8.2.2开发一个实时事件转换指令v-time</b></p> <p> 在一些社区，比如微博、朋友圈等，发布的动态会有一个相对本机时间转换后的相对时间。（2小时前，11天前等）.</p> <p> 一般在服务器的存储事件格式是Unix时间戳，比如2017-01-01 00:00:00的时间戳是1483200000.前端在拿到数据后，将它转换为可读的时间格式再显示出来。为了显出实时性，在一些社交类产品中，甚至会实时转换为几秒钟前、几分钟前、几小时前等不同的格式，这样比直接转换为年、月、日、时、分、秒更友好。本示例就来实现这样一个自定义指令v-time，将表达式传入的时间戳实时转换为相对时间。</p> <p> 便于演示效果，我们初始化时定义了两个时间。</p> <p><b>index.html</b></p> <blockquote> <p><!DOCTYPE html></p> <p><html></p> <p><head></p> <p> <meta charset="utf-8"></p> <p> <title>时间转换指令</title></p> <p></head></p> <p><body></p> <p> <div id="app" v-cloak></p> <p> <div v-time="timeNow"></div></p> <p> <div v-time="timeBefore"></div></p> <p> </div></p> <p> <script src = "https://unpkg.com/vue/dist/vue.min.js"></script></p> <p> <srript src="time.js"></script></p> <p> <script src="index.js"></script></p> <p></body></p> <p></html></p> </blockquote> <p><b>index.js</b></p> <p>var app = new Vue({</p> <p> el:'#app',</p> <p> data:{</p> <p> timeNow:(new Date().getTime(),</p> <p> timeBefore:1488930695721</p> <p> }</p> <p>})</p> <p>timeNow是目前的时间，timeBefore是一个写死的时间：2017-03-08.</p> <p>TIP:本示例所用的时间戳都是毫秒级，如服务端返回秒级时间戳需要乘以1000后再使用。</p> <p> 分析一下时间转换逻辑：</p> <p> 1分钟以前，显示“刚刚”</p> <p> 1分钟-1小时之间，显示“xx分钟前”。</p> <p> 1小时-24小时之间，显示："xx小时前“。</p> <p> 1天-一个月（31天）间，显示："xx天前”。</p> <p> 大于1个月，显示“xx年xx月xx日”。</p> <p> 为了使判断逻辑更简单，统一使用时间戳进行时间大小判断。在写指令v-time之前，需要先写一系列与时间相关的函数，我们声明一个对象Time，把它们都封装在里面。</p> <p><b>time.js</b></p> <blockquote> <p> var time = {//获取当前时间戳</p> <p> getUnix:function(){</p> <p> var date = new Date();</p> <p> return date.getTime();</p> <p> }，</p> <p> //获取今天0点0分0秒的时间戳</p> <p> getTodayUnix:function(){</p> <p> var date = new Date();</p> <p> date.setHours(0);</p> <p> date.setMinutes(0);</p> <p> date.setSeconds(0);</p> <p> date.setMilliSeconds(0);</p> <p> return .date.getTime();</p> <p> }，</p> <p> //获取今年1月1日0点0分0秒的时间戳</p> <p> getYearUnix:function(){</p> <p> var date = new Date();</p> <p> date.setMonth(0);</p> <p> date.setDate(0);</p> <p> date.setHours(0);</p> <p> date.setMinutes(0);</p> <p> date.setSeconds(0);</p> <p> date.setMilliSeconds(0);</p> <p> return .date.getTime();</p> <p> }，</p> <p> // 获取标准年月日</p> <p> getYearUnix:function(){</p> <p> var date = new Date(time);</p> <p> var month =date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1;</p> <p> var day = date.getDate()<10?'0'+date.getDate():date.getDate();</p> <p> return .date.getFullYear()+'-'+month +'-'+day;</p> <p> }，</p> <p> //转换时间</p> <p> getFormatTime:function(){</p> <p> var now = this.getUnix();//当前时间戳</p> <p> var today=this.getTodayUnix();//今天0点时间戳</p> <p> var year = this.getYearUnix();//今年0点时间戳</p> <p> var timer = (now -timestamp)/1000;//转换为秒级时间戳</p> <p> var tip='';</p> <p> if(timer < =0){</p> <p> tip='刚刚';</p> <p> }else if(Math.floor(timer/60)<=0){</p> <p> tip='刚刚';</p> <p> }else if(timer<3600){</p> <p> tip=Math.floor(timer/60)+'分钟前';</p> <p> }else if(timer >=3600 &&(timestamp - today > =0)){</p> <p> tip=Math.floor(timer/3600)+'小时前';</p> <p> }else if(timer /86400<=31)){</p> <p> tip=Math.floor(timer/86400)+'天前';</p> <p> }else{</p> <p> tip =this.getLastDate(timetamp);</p> <p> }</p> <p> return tip;</p> <p> }</p> <p>};</p> </blockquote> <p> Time.getFormatTime()方法就是自定义指令v-time所需要的，入参为毫秒级时间戳，返回已经整理号事件格式的字符串。</p> <p> 最后在time.js里补全生于代码：</p> <blockquote> <p> Vue.directive('time',{</p> <p> bind:function(el,binding){</p> <p> el.innerHTML=Time.getFomatTime(binding.value);</p> <p> el._timeout_=setInterval(function(){</p> <p> el.innerHTML=Time.getFomatTime(binding.value);</p> <p> },60000);</p> <p> },</p> <p> unbind:function(el){</p> <p> clearInterval(el._timeout_);</p> <p> delete el._timeout_;</p> <p> }</p> <p> });</p> </blockquote> <p> 在bind钩子里，将指令v-time表达式的值binding.value作为参数传入Time.getFormatTime()方法得到格式化时间，再通过el/innerHTML写入指令坐在元素。定时器el._timeout_每分钟出发一次，更新时间，并且在unbind钩子里清除掉。</p> <p> 总结：在编写自定义指令时，给DOM绑定一次性事件等初始条件，建议在bind钩子内完成。同时要在unbind钩子内解除相关绑定。在自定义指令里，理论上可以任意操作DOM，但这又违背了Vue.js的初衷，所以对于大幅度 DOM变动，应该使用组件。</p> <hr> <p>上一章：vue.js组件详解（基础篇）</p> <p>下一章：Render函数（进阶篇）-未更新</p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1245929003232120832"></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.js-自定义指令（基础篇）)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835498219489030144.htm" title="高端密码学院笔记285" target="_blank">高端密码学院笔记285</a> <span class="text-muted">柚子_b4b4</span> <div>高端幸福密码学院（高级班）幸福使者：李华第（598）期《幸福》之回归内在深层生命原动力基础篇——揭秘“激励”成长的喜悦心理案例分析主讲：刘莉一，知识扩充:成功=艰苦劳动+正确方法+少说空话。贪图省力的船夫，目标永远下游。智者的梦再美，也不如愚人实干的脚印。幸福早课堂2020.10.16星期五一笔记:1，重视和珍惜的前提是知道它的价值非常重要，当你珍惜了，你就真正定下来，真正的学到身上。2，大家需要</div> </li> <li><a href="/article/1835462485629562880.htm" title="白骑士的Java教学基础篇 2.5 控制流语句" target="_blank">白骑士的Java教学基础篇 2.5 控制流语句</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/%E6%95%99%E5%AD%A6/1.htm">教学</a><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> <div>欢迎继续学习Java编程的基础篇！在前面的章节中，我们了解了Java的变量、数据类型和运算符。接下来，我们将探讨Java中的控制流语句。控制流语句用于控制程序的执行顺序，使我们能够根据特定条件执行不同的代码块，或重复执行某段代码。这是编写复杂程序的基础。通过学习这一节内容，你将掌握如何使用条件语句和循环语句来编写更加灵活和高效的代码。条件语句条件语句用于根据条件的真假来执行不同的代码块。if语句‘</div> </li> <li><a href="/article/1835441932583661568.htm" title="ESP32-C3入门教程网络篇⑩——基于esp_https_ota和MQTT实现开机主动升级和被动触发升级的OTA功能" target="_blank">ESP32-C3入门教程网络篇⑩——基于esp_https_ota和MQTT实现开机主动升级和被动触发升级的OTA功能</a> <span class="text-muted">小康师兄</span> <a class="tag" taget="_blank" href="/search/ESP32-C3%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/1.htm">ESP32-C3入门教程</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/esp32/1.htm">esp32</a><a class="tag" taget="_blank" href="/search/OTA/1.htm">OTA</a><a class="tag" taget="_blank" href="/search/MQTT/1.htm">MQTT</a> <div>文章目录一、前言二、软件流程三、部分源码四、运行演示一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读ESP32-C3入门教程网络篇⑨——基于esp_https_ota实现史上最简单的ESP32OTA远程固件升级功能二、软件流程</div> </li> <li><a href="/article/1835375526383022080.htm" title="《论语》日日谈 34期" target="_blank">《论语》日日谈 34期</a> <span class="text-muted">wuhuaping9807</span> <div>《论语》日日谈第34期本章为《论语》：公冶长篇第八章【原文】孟武伯问：“子路仁乎？”子曰：“不知也。”又问。子曰：“由也，千乘之国，可使治其赋也。不知其仁也。”“求也何如？”子曰：“求也，千室之邑，百乘之家，可使为之宰也①，不知其仁也。、赤也何如②？”子曰：“赤也，束带立于朝，可使与宾客言也。不知其仁也。”【注释】①宰：古代县、邑一级的行政长官。卿大夫的家臣也叫宰。②赤：公西赤，字子华，孔子的学生</div> </li> <li><a href="/article/1835321802851708928.htm" title="华南农业大学C语言oj第八章" target="_blank">华南农业大学C语言oj第八章</a> <span class="text-muted">黑兔子撒</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a><a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E5%8D%97%E5%86%9C%E4%B8%9A%E5%A4%A7%E5%AD%A6/1.htm">华南农业大学</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F/1.htm">程序</a> <div>18058一年的第几天时间限制:1000MS内存限制:65535K提交次数:0通过次数:0题型:填空题语言:G++;GCC;VCDescription定义一个结构体类型表示日期类型（包括年、月、日）。程序中定义一个日期类型的变量，输入该日期的年、月、日，计算并输出该日期是一年的第几天。#include struct DATE { _______________________ }; int da</div> </li> <li><a href="/article/1835284109467938816.htm" title="2023-10-26" target="_blank">2023-10-26</a> <span class="text-muted">Eltonpeople</span> <div>文化通史121今日启发：Elton:第八章中世文化的初兴第一节幕府体制与公武二元文化的确立镰仓幕府在日本历史上，平安时代末期，出现平氏和源氏两大武士集团。首先平氏取代贵族而获得了政权，但仍沿袭贵族政治。平氏与源氏两大武士集团之间不断发生战争。源赖朝于1180年奉以仁王之旨令，举兵讨伐平氏，经过富士川、一谷、坛浦等战役，最终推翻了平氏政权。源赖朝夺取政权后，在地方领主的武力支持下，在镰仓地方初步建立</div> </li> <li><a href="/article/1835173325173780480.htm" title="超级无敌详细的Mysql数据库笔记（基础篇版）" target="_blank">超级无敌详细的Mysql数据库笔记（基础篇版）</a> <span class="text-muted">当大哥爱上学习</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</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/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>注：本篇笔记根据黑马程序员MySQL数据库入门到精通的内容所创建，适合复习和结合该视频学习使用。一.基础1.关系型数据库(RDBMS)概念:建立在关系模型基础上，由多张相互连接的二维表组成的数据库。特点:使用表存储数据，格式统一，便于维护使用SQL语言操作，标准统一，使用方便。2.SQLSQL通用语法SQL语句可以单行或多行书写，以分号结尾.SQL语句可以使用空格/缩进来增强语句的可读性。MySQ</div> </li> <li><a href="/article/1835008554466111488.htm" title="软件架构，一切尽在权衡" target="_blank">软件架构，一切尽在权衡</a> <span class="text-muted">元闰子</span> <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>荐语本文要介绍的是2021年O’Reilly出版的书籍SoftwareArchitecture:TheHardParts（后文简称SAHP），某种程度上，它是FundamentalsofSoftwareArchitecture（后文简称FSA）的延续，两本书的主要作者相同。FSA是基础篇，重点介绍了常见的8种架构模式；SAHP是进阶篇，重点介绍了如何从单体架构演进到分布式架构。软件架构，特别是分布</div> </li> <li><a href="/article/1834927226823471104.htm" title="Java 入门基础篇05 - Java的关键字" target="_blank">Java 入门基础篇05 - Java的关键字</a> <span class="text-muted">仔仔 v1.0</span> <a class="tag" taget="_blank" href="/search/Java%E5%9F%BA%E7%A1%80/1.htm">Java基础</a><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/intellij-idea/1.htm">intellij-idea</a> <div>什么是关键字？就是被java语言赋予特殊含义的单词。关键字的特点组成关键的字母都是小写。常见关键字class,public,static,void.....。关键字注意事项goto和const是java语言的保留字，关键字在IDEA编译器中有明确的颜色变化。关键字列表ABSTRACTCONTINUEFORNEWSWITCHassertdefaultgotopackagesynchronizedbo</div> </li> <li><a href="/article/1834760459924893696.htm" title="Java语言程序设计与数据结构（基础篇）课后练习题第十一章（一）" target="_blank">Java语言程序设计与数据结构（基础篇）课后练习题第十一章（一）</a> <span class="text-muted">2401_85111725</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>publicStringtoString(){return"Triangle:side1="+s1+"side2="+s2+"side3="+s3;}}11.2=================================================================packagedishiyizhang;publicclassdishiyizhang{publicstati</div> </li> <li><a href="/article/1834665749327736832.htm" title="第八章尸骨无存" target="_blank">第八章尸骨无存</a> <span class="text-muted">童屿</span> <div>柳若萱一听，顿时震惊，心想儿子莫不是已经尸骨无存，一时间悲痛难忍，嚎啕大哭。陈天明几人深知柳若萱此刻定然心痛无比，没有上去劝阻，只让她尽情地哭出声来。吴亮这时候想起了刚刚找到的那个水晶雕塑，对柳若萱说道:“刚刚我们还找到了一样东西！”柳若萱一听，停止了哭泣，问道:“什么东西？”吴亮朝着之前找到水晶雕塑的警察喊道:“小赵，东西拿过来！”只见那人将已经装在透明袋子里的水晶雕塑提着走了过来。陈若瑜和陈思</div> </li> <li><a href="/article/1834542714184626176.htm" title="《我的大脑好厉害》作者: 赵思家" target="_blank">《我的大脑好厉害》作者: 赵思家</a> <span class="text-muted">刘书朋</span> <div>。。今日书朋推荐||编号：[1502]。。ISBN:9787559661197。。内容简介。。作者通过孩子们感兴趣的55个日常问题，带来了一门学校的老师不教但非常重要的课——脑科学。全书以基础篇、五感篇、情绪篇、学习篇、健康篇和未来篇六大篇章，为读者搭建了一个科学完整的脑科学知识框架。作为科普作家，赵思家很擅长把复杂、艰深的脑科学知识转化成俏皮有趣又不失严谨的文字，帮助每个孩子都能以轻松有趣的方式</div> </li> <li><a href="/article/1834526885753745408.htm" title="Unity基础之C#基础篇笔记5：变长参数和参数默认值，函数重载" target="_blank">Unity基础之C#基础篇笔记5：变长参数和参数默认值，函数重载</a> <span class="text-muted">四月的白羊座</span> <a class="tag" taget="_blank" href="/search/unity%E5%9F%BA%E7%A1%80%E4%B9%8Bc%23%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B0/1.htm">unity基础之c#基础笔记</a> <div>Unity基础之C#基础篇笔记5：变长参数和参数默认值，函数重载变长参数和参数默认值1.函数语法复习2.变长参数关键字3.参数默认值4.总结5.练习题函数重载1.基本概念2.实例3.总结4.习题变长参数和参数默认值1.函数语法复习1234static返回类型函数名(参数类型参数名1，参数类型参数名2，.......){函数的代码逻辑;函数的代码逻辑;函数的代码逻辑;.........;5retur</div> </li> <li><a href="/article/1834342090717360128.htm" title="iNav开源代码之研读分析篇章目录梳理" target="_blank">iNav开源代码之研读分析篇章目录梳理</a> <span class="text-muted">lida2003</span> <a class="tag" taget="_blank" href="/search/xFlight/1.htm">xFlight</a><a class="tag" taget="_blank" href="/search/iNav/1.htm">iNav</a><a class="tag" taget="_blank" href="/search/FlightControl/1.htm">FlightControl</a> <div>iNav开源代码之研读分析篇章目录梳理1.源由2.基础篇章3.代码篇章4.场景篇章5.异常篇章6.总结7.参考资料1.源由之前有介绍过Betaflight/PX4/ArduPilot，虽然iNav代码和Betaflight类似，但是针对iNav系列的没有整理过一个总的目录。今天打算也整理下，以便后续入手查找资料、梳理要点更加方便。2.基础篇章iNav飞控AOCODARC-F7MINI固件编译iNa</div> </li> <li><a href="/article/1834314347116064768.htm" title="Java语言程序设计基础篇_编程练习题18.24 (将十六进制数转换为十进制数)" target="_blank">Java语言程序设计基础篇_编程练习题18.24 (将十六进制数转换为十进制数)</a> <span class="text-muted">2301_78998594</span> <a class="tag" taget="_blank" href="/search/%E7%AC%AC%E5%8D%81%E5%85%AB%E7%AB%A0-Java%E5%9F%BA%E7%A1%80%E7%AF%87%E4%B9%A0%E9%A2%98/1.htm">第十八章-Java基础篇习题</a><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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>题目：18.24(将十六进制数转换为十进制数)编写一个递归方法，将一个字符串形式的十六进制数转换为一个十进制数。方法头如下:publicstaticinthex2Dec(StringhexString)编写一个测试程序，提示用户输入一个十六进制字符串，然后显示等价的十进制数。代码示例编程练习题18_24ConvertHexadecimalToDecimal.javapackagechapter_1</div> </li> <li><a href="/article/1834230524986617856.htm" title="深入了解Android蓝牙Bluetooth【基础+进阶】" target="_blank">深入了解Android蓝牙Bluetooth【基础+进阶】</a> <span class="text-muted">愿天堂没有996</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a><a class="tag" taget="_blank" href="/search/Bluetooth/1.htm">Bluetooth</a> <div>基础篇什么是蓝牙？也可以说是蓝牙技术。所谓蓝牙(Bluetooth)技术，实际上是一种短距离无线电技术，是由爱立信公司公司发明的。利用“蓝牙”技术，能够有效地简化掌上电脑、笔记本电脑和移动电话手机等移动通信终端设备之间的通信，也能够成功地简化以上这些设备与因特网Internet之间的通信，从而使这些现代通信设备与因特网之间的数据传输变得更加迅速高效，为[无线通信拓宽道路。蓝牙版本的介绍蓝牙发展至今</div> </li> <li><a href="/article/1834110681775960064.htm" title="双盗-第八章" target="_blank">双盗-第八章</a> <span class="text-muted">杨三月</span> <div>第八章她在洛阳往长安的船上，欧阳琰这样告诉她。她问了他为什麽她会在这里？他看著她说因为他要她在这里。东郭柔出神凝望著河面，一直想著他说的话，她应该问清楚的；不过，恶鬼死了，她还活著；她为什么在这里？她该在哪里？都有时间慢慢去思考。察觉他来了，她回过头，皱眉思忖：为何只要他一踏进屋里，她立刻就知觉到？因为她变得太过依赖人？“起风了，把窗子关起来。”欧阳琰吩咐仆人，将她抱离窗台。她习以为常地伸手环住他</div> </li> <li><a href="/article/1834068552248815616.htm" title="多线程 03：知识补充，静态代理与 Lambda 表达式的相关介绍，及其在多线程方面的应用" target="_blank">多线程 03：知识补充，静态代理与 Lambda 表达式的相关介绍，及其在多线程方面的应用</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%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><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/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E4%BB%A3%E7%90%86/1.htm">静态代理</a><a class="tag" taget="_blank" href="/search/Lambda/1.htm">Lambda</a><a class="tag" taget="_blank" href="/search/intellij-idea/1.htm">intellij-idea</a> <div>一、概述记录时间[2024-08-16]前置知识：Java基础篇；Java面向对象多线程01：Java多线程学习导航，线程简介，线程相关概念的整理多线程02：线程实现，创建线程的三种方式，通过多线程下载图片案例分析异同（Thread，Runnable，Callable）Java多线程学习主要模块包括：线程简介；线程实现；线程控制；线程状态；线程同步；线程通信问题；拓展高级主题。本文是针对多线程的相</div> </li> <li><a href="/article/1833751654768406528.htm" title="心理学入门——心理学基础篇" target="_blank">心理学入门——心理学基础篇</a> <span class="text-muted">清风拂天涯</span> <div>图片发自App现在对心理学感兴趣的人越来越多，其中也有不少希望未来能从事心理咨询师工作的人群，而很多人希望在当下学习一些心理学基础，为工作、生活增添色彩，心理学基础可以说是学习心理学的根基。图片发自App学好心理学对于我们的生活来说也是有很大的帮助的。但是很多人都想去学习心理学，但却又不知道该如何入手。心理学基础入门很难吗？其实这样的心理学爱好者很多。因为很多原因，没有在学校受过系统的心理学的学习</div> </li> <li><a href="/article/1833561106933706752.htm" title="Rust 语言从入门到实战唐刚--学习笔记01" target="_blank">Rust 语言从入门到实战唐刚--学习笔记01</a> <span class="text-muted">zhanglz888</span> <a class="tag" taget="_blank" href="/search/Rust/1.htm">Rust</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E5%AE%9E%E6%88%98/1.htm">语言从入门到实战</a><a class="tag" taget="_blank" href="/search/%E5%94%90%E5%88%9A/1.htm">唐刚</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">学习笔记</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>Rust语言从入门到实战唐刚基础篇(11讲)01｜快速入门：Rust的基础语法Rust宣称的安全、高性能、无畏并发这些特点，初次接触的时候都是感受不到的。安装Rust编译器套件MacOS或Linux，执行：curl--proto'=https'--tlsv1.2-sSfhttps://sh.rustup.rs|sh按提示操作Windows系统（WSL中/Windows原生平台）WSL中，curl-</div> </li> <li><a href="/article/1833555433382572032.htm" title="python编程：从入门到实践--学习笔记--基础知识" target="_blank">python编程：从入门到实践--学习笔记--基础知识</a> <span class="text-muted">123176</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>python编程：从入门到实践--学习笔记--基础知识第二章：变量和简单数据类型第三章：列表简介第四章：操作列表第五章：if语句第六章：字典第七章：用户输入和while循环第八章：函数传递实参第九章：类继承第十章：文件和异常从文件中读取数据写入文件异常存储数据第十一章：测试代码第二章：变量和简单数据类型修改字符串大小：name.title(),name.upper(),name.lower()合并</div> </li> <li><a href="/article/1833530477810642944.htm" title="计算机三级网络技术总结第八章无线局域网设备安装与调试" target="_blank">计算机三级网络技术总结第八章无线局域网设备安装与调试</a> <span class="text-muted">数学难</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>IEEE802.11最初定义的三个物理层包括了两个扩频技术和一个红外传播规范，无线传输的频道定义在2.4GHz的ISM波段内IEEE802.11无线标准定义的传输速度是1Mbps和2Mbps，可以使用FHSS和DSSS技术IEEE802.11在MAC层上引入了一个新的RTS/CTS选项点对点模式是指无线网卡和无线网卡之间的通讯方式在点对点模式中最多可连接256台PC基本模式是无线和有线网络并存的通</div> </li> <li><a href="/article/1833525688494288896.htm" title="web前端基础——第八章" target="_blank">web前端基础——第八章</a> <span class="text-muted">ZiminLi</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E6%A0%88%E7%AC%94%E8%AE%B0/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/javascript/1.htm">javascript</a> <div>目录八十五、对象的简介和基本操作八十六、属性名和属性值八十七、基本数据类型和引用数据类型八十八、对象字面量八十九、函数的简介九十、函数的参数九十一、函数的返回值九十二、实参可以是任何值九十三、返回值的类型九十四、立即执行函数九十五、方法九十六、枚举对象中的属性九十七、作用域（Scope）全局作用域变量的声明提前函数作用域九十八、this九十九、使用工厂方法创建对象一百、构造函数一百零一、原型对象一</div> </li> <li><a href="/article/1833441237475094528.htm" title="摘自《这样爱你刚刚好》4" target="_blank">摘自《这样爱你刚刚好》4</a> <span class="text-muted">蓝天白云XM</span> <div>第八章，让玩具“活”起来大自然中的玩具＿水沙泥和孩子一起放手去玩水游戏。在一盆水中放入各种物品，有的浮上来，有的沉下去，这个浮力实验能使幼儿初步感知到不同物体轻重不同，而水有区别它们的“魔力”。把一块海绵放入水中也会沉下去，捞上来一挤，原来里面吸满了水，这一现象更增添了孩子的兴趣。如果用一根塑料管向水中吹气，等于让孩子做一次浅显的物理实验。给孩子一小撮洗衣粉清洗布娃娃或手绢，水中很快就出现许多泡泡</div> </li> <li><a href="/article/1833387248733745152.htm" title="freemarker模板学习笔记" target="_blank">freemarker模板学习笔记</a> <span class="text-muted">tryCbest</span> <a class="tag" taget="_blank" href="/search/freemarker/1.htm">freemarker</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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> <div>文章目录freemarker常用指令if-elseif-else指令switch,case,default,break指令list,else,items,sep,break指令指令语法指令指令指令指令include指令基础知识带*的pathimport指令assign指令自定义指令参数嵌套内容宏和循环变量freemarker内置函数字符串内置函数数字内置函数哈希表内置函数序列内置函数循环变量内置函</div> </li> <li><a href="/article/1833377612139950080.htm" title="水利万物而不争白话道德经第八章" target="_blank">水利万物而不争白话道德经第八章</a> <span class="text-muted">自有日月</span> <div>“上善若水，水利万物而不争”到了第八章，原文用“水”做喻，形象的展现出“后其身”的外在表现：“居善地，心善渊，与善仁，言善信，政善治，事善能，动善时。”处在应在的低洼之地，心境深邃宁静、亲善如水柔顺，信而周流不息，自正而不偏，循环而绵延，时令顺随得势，七个方面，从身心的定位（居善地，心善渊），到与外界的交往（与善仁、言善信），最后到事物的应变（政善治，事善能，动善时）。完完整整、全全面面、明明白白</div> </li> <li><a href="/article/1833314662402322432.htm" title="第八章外部数据和数据仓库" target="_blank">第八章外部数据和数据仓库</a> <span class="text-muted">晨磊的微博</span> <div>[TOC]第八章外部数据和数据仓库8.0概述外部数据：产生于企业外部系统的数据（非企业内部系统）外部数据典型来源：商报、新闻、研究报告、分析报告等外部数据不能自由导入，需要统一进入仓库原因1：自由导入容易丢失源信息原因2：自由导入数据难以再次使用8.1数据仓库中的外部数据外部数据：出现没有固定频率，不便永久监控完全没有规则，必须格式化不可预测，任何时候可能来自于任何数据源8.2元数据和外部数据元数</div> </li> <li><a href="/article/1833304061672255488.htm" title="【Redis基础篇】详细讲解Redis" target="_blank">【Redis基础篇】详细讲解Redis</a> <span class="text-muted">‍小林同学学JAVA</span> <a class="tag" taget="_blank" href="/search/redis%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">redis数据库</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/nosql/1.htm">nosql</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</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/java/1.htm">java</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> <div>这篇文章让你详细了解Redis的相关知识，有代码讲解以及图片剖析，让你更轻松掌握制作不易，感觉不错，请点赞收藏哟！！！目录1redis基础1.1定义1.2SQL和NOSQL不同点1.3特征1.4Redis通用命令1.5Redis数据结构介绍1.6Redis的java客户端2Jedis快速入门2.1操作步骤2.2Jedis连接池3SpringDataRedis3.1定义3.2优势3.3API3.4操</div> </li> <li><a href="/article/1833220849180700672.htm" title="算法基础篇（整数二分、浮点二分模板以及讲解）" target="_blank">算法基础篇（整数二分、浮点二分模板以及讲解）</a> <span class="text-muted">阿拉伯的劳伦斯292</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>这篇博客主要讲解二分模板，具体的二分原理可以去搜二分法原理博客整数二分可以分为两个模板，注释有解释模板一：intl=0;intr=1e6+10//一个比较大的数就行voidcheck(intmiddle){//具体代码看题}while(l>1//除以二的意思if(check(mid)){//满足check函数的值都控制在[l,mid]r=mid;//缩小搜索范围}elsel=mid+1//取不到m</div> </li> <li><a href="/article/1833178446965075968.htm" title="C++入门基础篇学习手记：读取数量不定的输入数据" target="_blank">C++入门基础篇学习手记：读取数量不定的输入数据</a> <span class="text-muted">linhuanzhi</span> <a class="tag" taget="_blank" href="/search/%E8%A5%BF%E5%8A%A0%E5%8A%A0/1.htm">西加加</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%B1%82%E5%92%8C/1.htm">数据求和</a> <div>问题：编写C++程序，要求计算用户输入数据的总和，并打印显示。问题分析：用户输入数据时，由于我们事先不知道要对多少个数据进行求和计算，因此我们需要不断地读取数据直至没有新的输入为止。程序实现的源码如下：#include"iostream"usingnamespacestd;intmain(){doublesum=0,inValue=0;cout>inValue)sum+=inValue;cout<</div> </li> <li><a href="/article/24.htm" title="tomcat基础与部署发布" target="_blank">tomcat基础与部署发布</a> <span class="text-muted">暗黑小菠萝</span> <a class="tag" taget="_blank" href="/search/Tomcat+java+web/1.htm">Tomcat java web</a> <div>从51cto搬家了，以后会更新在这里方便自己查看。做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。一、Tomcat安装安装方式：①运行.exe安装包 &n</div> </li> <li><a href="/article/151.htm" title="网站架构发展的过程" target="_blank">网站架构发展的过程</a> <span class="text-muted">ayaoxinchao</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E6%9E%B6%E6%9E%84/1.htm">网站架构</a> <div>1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何</div> </li> <li><a href="/article/278.htm" title="[信息与安全]数据库的备份问题" target="_blank">[信息与安全]数据库的备份问题</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div> 如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢? 是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢? &n</div> </li> <li><a href="/article/405.htm" title="使用maven tomcat plugin插件debug关联源代码" target="_blank">使用maven tomcat plugin插件debug关联源代码</a> <span class="text-muted">商人shang</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/debug/1.htm">debug</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E7%9C%8B%E6%BA%90%E7%A0%81/1.htm">查看源码</a><a class="tag" taget="_blank" href="/search/tomcat-plugin/1.htm">tomcat-plugin</a> <div>*首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的</div> </li> <li><a href="/article/532.htm" title="大访问量高并发" target="_blank">大访问量高并发</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E8%AE%BF%E9%97%AE%E9%87%8F%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">大访问量高并发</a> <div>大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。 </div> </li> <li><a href="/article/659.htm" title="cache 服务器" target="_blank">cache 服务器</a> <span class="text-muted">小猪猪08</span> <a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a> <div>Cache 即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。　　1.Cache 是怎么样工作的? 　　Cache 是分配在服务器上</div> </li> <li><a href="/article/786.htm" title="mysql存储过程" target="_blank">mysql存储过程</a> <span class="text-muted">香水浓</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch</div> </li> <li><a href="/article/913.htm" title="CSS的class、id、css文件名的常用命名规则" target="_blank">CSS的class、id、css文件名的常用命名规则</a> <span class="text-muted">agevs</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div> CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right </div> </li> <li><a href="/article/1040.htm" title="全局数据源" target="_blank">全局数据源</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a><a class="tag" taget="_blank" href="/search/JNDI/1.htm">JNDI</a> <div>实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l</div> </li> <li><a href="/article/1167.htm" title="MYSQL的随机查询的实现方法" target="_blank">MYSQL的随机查询的实现方法</a> <span class="text-muted">baalwolf</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，</div> </li> <li><a href="/article/1294.htm" title="JAVA的getBytes()方法" target="_blank">JAVA的getBytes()方法</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/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a><a class="tag" taget="_blank" href="/search/OS/1.htm">OS</a> <div> 在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！ String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "</div> </li> <li><a href="/article/1421.htm" title="AngularJS中操作Cookies" target="_blank">AngularJS中操作Cookies</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/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/Cookies/1.htm">Cookies</a> <div> 如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎</div> </li> <li><a href="/article/1548.htm" title="[Maven学习笔记五]Maven聚合和继承特性" target="_blank">[Maven学习笔记五]Maven聚合和继承特性</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>Maven聚合在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use</div> </li> <li><a href="/article/1675.htm" title="【JVM七】JVM知识点总结" target="_blank">【JVM七】JVM知识点总结</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div> 1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler </div> </li> <li><a href="/article/1802.htm" title="linux下查看nginx、apache、mysql、php的编译参数" target="_blank">linux下查看nginx、apache、mysql、php的编译参数</a> <span class="text-muted">ronin47</span> <div>在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/</div> </li> <li><a href="/article/1929.htm" title="unity中运用Resources.Load的方法？" target="_blank">unity中运用Resources.Load的方法？</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/unity%E8%A7%86%E9%A2%91/1.htm">unity视频</a><a class="tag" taget="_blank" href="/search/unity%E8%B5%84%E6%96%99/1.htm">unity资料</a><a class="tag" taget="_blank" href="/search/unity%E8%87%AA%E5%AD%A6/1.htm">unity自学</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/unity%E6%95%99%E7%A8%8B/1.htm">unity教程</a> <div>问：unity中运用Resources.Load的方法？答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件</div> </li> <li><a href="/article/2056.htm" title="线段树-入门" target="_blank">线段树-入门</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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E6%AE%B5%E6%A0%91/1.htm">线段树</a> <div> /** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna</div> </li> <li><a href="/article/2183.htm" title="全选与反选" target="_blank">全选与反选</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/%E5%85%A8%E9%80%89/1.htm">全选</a> <div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title> </div> </li> <li><a href="/article/2310.htm" title="vim一些简单记录" target="_blank">vim一些简单记录</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a> <div>mac在/usr/share/vim/vimrc linux在/etc/vimrc 1、问：后退键不能删除数据，不能往后退怎么办？答：在vimrc中加入set backspace=2 2、问：如何控制tab键的缩进？答：在vimrc中加入set tabstop=4 (任何</div> </li> <li><a href="/article/2437.htm" title="Sublime Text 快捷键" target="_blank">Sublime Text 快捷键</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/%E5%BF%AB%E6%8D%B7%E9%94%AE/1.htm">快捷键</a><a class="tag" taget="_blank" href="/search/sublime/1.htm">sublime</a> <div>[size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：</div> </li> <li><a href="/article/2564.htm" title="php 引用(&)详解" target="_blank">php 引用(&)详解</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址变量的引用 PHP 的引用允许你用两个变量来指向同一个内容复制代码代码如下: <? $a="ABC"; $b =&$a; echo</div> </li> <li><a href="/article/2691.htm" title="SVN中trunk,branches,tags用法详解" target="_blank">SVN中trunk,branches,tags用法详解</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a> <div>Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。</div> </li> <li><a href="/article/2818.htm" title="对软件设计的思考" target="_blank">对软件设计的思考</a> <span class="text-muted">e200702084</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/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/ssh/1.htm">ssh</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a> <div>软件设计的宏观与微观软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传</div> </li> <li><a href="/article/2945.htm" title="同步、异步、阻塞、非阻塞" target="_blank">同步、异步、阻塞、非阻塞</a> <span class="text-muted">geeksun</span> <a class="tag" taget="_blank" href="/search/%E9%9D%9E%E9%98%BB%E5%A1%9E/1.htm">非阻塞</a> <div>同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。实现：</div> </li> <li><a href="/article/3072.htm" title="Reverse SSH Tunnel 反向打洞實錄" target="_blank">Reverse SSH Tunnel 反向打洞實錄</a> <span class="text-muted">hongtoushizi</span> <a class="tag" taget="_blank" href="/search/ssh/1.htm">ssh</a> <div>實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 fred@myhost.com # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1</div> </li> <li><a href="/article/3199.htm" title="Hibernate中的缓存" target="_blank">Hibernate中的缓存</a> <span class="text-muted">Josh_Persistence</span> <a class="tag" taget="_blank" href="/search/%E4%B8%80%E7%BA%A7%E7%BC%93%E5%AD%98/1.htm">一级缓存</a><a class="tag" taget="_blank" href="/search/Hiberante%E7%BC%93%E5%AD%98/1.htm">Hiberante缓存</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2%E7%BC%93%E5%AD%98/1.htm">查询缓存</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BA%A7%E7%BC%93%E5%AD%98/1.htm">二级缓存</a> <div>Hibernate中的缓存一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存</div> </li> <li><a href="/article/3326.htm" title="对象关系行为模式之延迟加载" target="_blank">对象关系行为模式之延迟加载</a> <span class="text-muted">home198979</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E5%BB%B6%E8%BF%9F%E5%8A%A0%E8%BD%BD/1.htm">延迟加载</a> <div>形象化设计模式实战 HELLO!架构一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。二、实现延迟加载实现Lazy Load主要有四种方法：延迟初始化、虚</div> </li> <li><a href="/article/3453.htm" title="xml 验证" target="_blank">xml 验证</a> <span class="text-muted">pengfeicao521</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/xml%E8%A7%A3%E6%9E%90/1.htm">xml解析</a> <div>有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str = "Jamey친Ñ&#1282</div> </li> <li><a href="/article/3580.htm" title="div设置半透明效果" target="_blank">div设置半透明效果</a> <span class="text-muted">spjich</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%8D%8A%E9%80%8F%E6%98%8E/1.htm">半透明</a> <div>为div设置如下样式： div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci</div> </li> <li><a href="/article/3707.htm" title="你真的了解单例模式么？" target="_blank">你真的了解单例模式么？</a> <span class="text-muted">w574240966</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/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div> 单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。一，单例模式的5中写法。（回字的四种写法，哈哈。） 1，懒汉式（1）线程不安全的懒汉式 public cla</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>