网页制作要决

一、从外部文档中粘贴时,如果只要文字而不想要其格式,可以使用“Edit→paste as text”命令,不要直接用Ctrl+V。

  二、当有浏览者使用Netscape浏览页面时,在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题,可以通过点击“Command→Add/Remove Netscape resize fix”来加以解决,它可以使在Netscape中浏览页面时,改变窗口大小的时候页面不会花掉。

  三、仅仅拷贝文字。当我们从Dreamweaver中拷贝文字到另一个应用程序的时候,HTML代码和文字一起被拷贝过去了。一般我们都用快捷键Ctrl+C来拷贝, 如果在拷贝的时候多按一个“C”键则只拷贝选中的文字。

  四、在Dreamweaver中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了:先将“中文输入法”转换成全角状态,然后同时按下键盘上的Shift+Ctrl+space就可以插入一个空格(可以连续输入)。

  五、library组件和template模板不用上传服务器,就可以正确预览使用了该组件或模板的页面。

  六、不要在同一个页面同时使用表格和层来布置,在Netscape中会导致混乱,从属关系除外。

  七、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档,可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页,选择文字或图像,然后从行为面板中选择“Go To URL”。你会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。下面是Dreamweaver中的一些优化技法:

                                         (二)

合理调用CSS

  进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚。

  方法:

  (1)是选定对象,从右键菜单中选择定义好的样式加入; (2)是从样式面板中为对象选择样式;

  (3)是在标签选择器上的某标签上单击右键选择样式。

  这三种方法虽然获得的页面效果一样,但由于第一种方法会在HTML代码中产生一个“span”标签,如果过多地使用必定会使网页源文件大大增肥,影响下载速度。因此调用CSS时,应采用第二、第三种方法。

  为服务器减负

  在交互网页中,用户常用表单向服务器提交数据,等待服务器的数据处理、返回浏览器……等待的过程是很令人心烦的。为此,我们在进行网页编辑时,也有必要为服务器作个考虑。Dreamweaver中制作网页,能为服务器减负的工作有一项做得较出色,就是对用户所提交的表单的合法性进行验证,只需在浏览器端进行,不必返回到服务器验证,既减轻了服务器的负担,又让浏览者少一份伤心的等待。 方法:选中表单,打开“Behaviors”面板,点击“+”号选“ValidateForm”,然后进行设置即可。顺便提醒,这个验证过程实际上是使用JavaScript在浏览器端作验证。在Dreamweaver里进行上述操作时,它会把这段JavaScript代码放在网页头部与之中,这样必定会使页面的完全显示时间变长,因为浏览器要先下载这段代码才下载其他页面元素。因此,最好在Dreamweaver中打开代码编辑器,把这段脚本程序剪贴到源代码的最后边,让其在最后下载。另外,我们在为网页加入JavaScript脚本特效时,你如果不希望页面出现时马上生效,也不妨这样设置。

  自我“减肥”

  目前网页“减肥茶”很多,我们随处都可找到,而在Dreamweaver中,我们不必四处找“减肥茶”,利用其自身的“减肥”功能足可以使网页“苗条怡人”。

  方法:在“Commands”菜单下选择“Clean upHTML”,即可进行设置对网页冗余代码进行清除。

  合理应用表格

  我们不但要为服务器减负,对使用的浏览器我们更需要减负,也就是要尽可能地缩短浏览器对页面的解析时间,上面提及的JavaScript脚本加入就是一个例子。影响浏览器对页面解析的还有表格,因为浏览器对表格的解析时间与表格的大小、复杂程度成正比,而我们在Dreamweaver中为了版式的安排,都是通过加入大量的表格来进行定位的,有些人甚至在大表格中套入多重的小表格,这实质上也是在加大浏览器的负担,使页面呈现时间大大加长。为此在使用表格时,应尽量将表格打散,并要尽可能地避免表格的层层相套

                                                  (三)
1> 在DW中,如何输入一个空格呢?

   输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。

   DW中对空格输入的限制是针对“半角”文字状态而言的,因此通过将输入法调整到全角模式就可以避免了,方法是:打开中文输入法(以人工智能ABC为例),按Shift+Space切换到全角状态,现在应该没问题了。

   此外,你还可以通过许多“变通”的方法达到录入空格的目的,比如常用的是:

   直接在源代码中加入代表空格的HTML代码“ ”;输入一定长度的文字对象后,然后调整文字的颜色与当前的背景颜色相同等等,不过注意的是后者在一些浏览器中可能显示上有点问题。

   2> 如何在浏览器地址栏前添加自定义的小图标?

   你是不是记得有时在浏览网易网站的首页时,在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下,这个图标是一个IE浏览器的指定图片。

   其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。

   这时,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“”之间添加如下代码:

  

   其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,即可自动识别!

   3> 为什么,我本来设计很好的网页,在浏览器窗口最小化时会变的丑陋难堪?

   这应该是个很值得大家注意的问题,也就是说,在全屏状态下浏览网页内容时,一点问题也没有。当我们使用窗口的最小化命令或手动的调整窗口的大小时,问题就慢慢出现了。网页内容会把当前窗口作为显示范围,依次下挫。举个例子,和在记事本中有“自动换行”和“没换行”的差别是完全一样的。

   解决这个问题,我们必须从网页的布局说起,一般情况下,网页内容的定位大多是通过表格来实现的。因此问题的“毛病”也就出在表格上。

   请看下面一个表格的属性面板显示:

   你可能已经注意到了,在表格的高宽设定选择上提供了两种不同的类型,百分比和像素。其中百分比的使用将会产生前面说到的那个毛病,将其全部更正为Pixels单位的实际大小就可以了。

   4> 如何改变网页显示时,最顶部的提示信息?

   浏览网页时,顶部的提示信息往往代表了网页内容的关键所在,有助于访问者提前了解网页内容。在DW4前,没有在功能上直接提供该操作,我们往往通过在源代码中应用“title”属性来完成。进入DW4就简单多了。

   直接在编辑窗口最上方的“title”输入框内键入所需要的文字信息即可。

   5> 怎么样,才能为图片添加指定颜色的边框?

   对于没有边框的图片而言,直接插入到网页中,在显示效果上是相当差的。记得在微软的FP中要给图片添加满意的边框还是相当麻烦的。

   不过在DW中就显得容易多了,因为这里有一个“Border”属性,可以让你直接设置边框的宽度。

   宽度设好了,你一定会问,颜色呢?面板上并没有提供颜色的选择呀!呵呵,其实这里有一个技巧问题,用鼠标选择图片对象,注意不是点击选中,而是拖动选择。象设定文字颜色一样进行就可以了。

  6> 如何添加图片及链接文字的提示信息?

  在我们浏览网页时,当鼠标停留在图片对象或链接上时,在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合,它的作用是很重要的。

  下面先看看图片提示信息的添加,选中图片对象,在属性面板里你会发现有个“Alt”输入框。默认情况下,该输入框是空白的。在这里录入需要的提示内容就可以了。

  那么链接提示的制作就没这么简单了。因为DW中没有直接提供该功能,因此我们需要通过添加HTML代码来实现。

  在中添加“title”属性。title=提示内容即可。

  7> 如何把自己的ZIP或其他类型的文件供别人下载?

  在不少初级网页制作者看来,好象通过鼠标单击完成下载是件很"神秘"的事,实际上远非如此.在DW中凡是不被浏览器识别的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作为链接目标时,默认的操作都是下载.

  这时你只需要,把要浏览者下载的文件名写好,然后制作一个到目标文件的链接.注意目录一定不要搞错.

  8> 怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动?

  大家都知道,在IE浏览器的功能设置中,有一个可以自由设置窗口内容字体大小的功能,这样由于不同访问者的习惯问题,呈现在他们面前的网页有时也会不同。

  比如你可能本来设计时用的是2号字体,结果由于用户对浏览器的额外设定,变的更大了,这时显示效果上就出问题了。

  那么解决的办法就是将网页内容定性的强制在某个合适的大小上。即不容许他变化。通过CSS样式表对字体进行强制性控制就可以实现这个要求了。

  9> 以新窗口的形式打开目标链接?

  以新窗口打开,顾名思义,也就是在不覆盖当前窗口的前提下,另外打开一个浏览器窗口。你可以直接在连接代码中加入“Target=_blank”。

  如果你的HTML比较差的话,在DW属性面板上同样提供了这个设置,当你在Link输入框中键入WWW网址时,后面的Target下拉框同时也被激活了。

  选择最上的“blank”就可以了。

  10> 如何让网页载入时,象许多商业网站那样,弹出一个广告窗口

  这在不少大型商业网站中,是时常见到的。在DW中可以轻松通过Behavior行为实现。

  既然是载入时,我们可以把整个网页内容视为事件对象。在DW编辑窗口中鼠标点击左下角的“”标签,这时你能注意到全部网页内容已经选中了。

  单击“快速启动板”中的“Behavior”按钮,进入行为面板,选择“Open Browse Window”项,这时你还可以对窗口样式进行自定义,比如大小,工具按钮的保留等等。另外还有一点就是别忘了对应的事件是“Onload”.

  11> 我的快速启动板中没有"Timelines",怎么办?

  DW从升级到4版本后,在快速启动板中增添了几个新的项目,比如Assets等等。这时原来在上面的Timelins(时间线)按钮被挤了下去。

  当然如果你急于现在就使用它的话,仍然可以通过菜单“Windows”-“Timelines”找到。不过毕竟不如放在启动板中方便,这时我们能通过设置把它添加进来!

  “Edit”-“Preference”进入窗口,在左边的项目列表中选择“panels”(面板),单击上面的“+”号按钮,从下拉列表中选择“Timelines”。这时时间线已经自动添加到当前的“Show in Launcher”列表内容里,OK。更改后的“Launcher”面板

  同时你还可以根据自己的需要自由的选择面板中出现的按钮选项,以提高工作效率。

  12> 作一个网页让它可以每隔5分钟自动刷新一次,如何实现?

  上网浏览时,我们经常会遇到一些网页。在隔一段时间没有响应时,它会自动刷新一次。除了可以起到提醒访问者的目的外,当新的刷新地址不是当前URL时,实现的就是自动跳转的功能。

  无论是重复刷新,还是自动跳转。在网页设计中,都是相当实用的操作。下面我们来介绍下它们的制作方法。

  选择DW“Object”面板的“Head”部分,注意默认情况下,显示的是Common的“内容”。

  单击上面的“Refresh”按钮,其中“Delay”输入框中键入刷新延迟的时间(单位:秒),“Action”为刷新指定的目标URL。因为现在是刷新当前页面,直接选单选项“Refresh This Document”即可。

  13> 如何定义网页的关键字(Keyname)?

  当用户使用搜索引擎search合适内容的网页时,关键字起着一个不容忽视的作用。大多的搜索服务器会每隔一段时间自动探测网络中是否有新网页产生,并把他们按关键字进行记录,以方便用户查询。

  你当然想让你的网页出现在搜索引擎的查询返回列表中了,这时关键字的定义就尤为重要了。

  同样在“Head”面板部分,单击“Keywords”按钮,录入需要逐个定义的关键字即可,注意每个关键字以“;”号隔开,数目没有限制。

  14> 如何在编辑窗口中,隐藏一些不必要的标签?

  当用户在网页中插入了太多的不可见元素时,在编辑窗口的最上面就会显示一排相应的标示标签,用来方便用户随时能找到它们。虽然这些标签本身并不影响浏览器里的显示效果,但多了以后,往往使网页内容不得不错位,从而一定程度上妨碍网页视觉上的调整,那么怎么样才能把这些东东去掉呢?

  进入“Preperence”面板,列表中选择“Invisibel Elements”,勾掉你不想显示的项目前的“对号”即可,比如Scripts等

  15>安排不支持“框架”的浏览器的显示内容?

  我们知道,目前的浏览器类型很多,因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢?”。框架就是一个例子!

  不过避免开这点,很简单,你只需要在源代码中加入下面的内容就可以了。

  < BODY> ---本网页中包含有框架结构,如果您不能正常显示的话,请下载新的浏览器版本或更换主流浏览器--- < /noframes></ BODY></p> <p>  16> 如何避免别人把你的网页放在框架中?</p> <p>  一些居心不良的人,经常偷着窃取别人的劳动成果,比如把别人精心制作的网页以子页的形式放到自己的框架中。</p> <p>  那么怎样避免自己的网页内容被“盗用”呢?</p> <p>  你只需要在网页源代码的<head></head>之间加入以下代码内容:</p> <p><script language=“javascript”><!--<br>if (self!=top){top.location=self.location;} <br>-->< /script> </p> <p>  17> 怎样加入注释内容?</p> <p>  注释内容,顾名思义只是作为说明内容出现的,因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示,以更方便快捷的找到。</p> <p>  进入“Object”面板的“Invisibel”部分(即不可见元素),选择插入“Comment”按钮,</p> <p>  在“Comment”中键入必要的信息。这时如果你返回到源代码中,会看到这些操作添加的不过是下面格式的一段代码:</p> <p>  <!--这是需要填写的注释内容--></p> <p>  18> 水平线,为什么不能设置颜色?</p> <p>   在DW中,当通过菜单“Insert”-“Horizonal Rule”插入水平线时,在属性面板中你会发现并没有提供关于水平线颜色的设置,因为最早NC中不支持标签<hr>(水平线的HTML代码)的COLOR属性,所以DW也没有关于它的设置。</p> <p>  看来需要的话,我们只能直接进入源文件更改了。</p> <p>    <hr color="对应颜色的代码"></p> <p>  19> 如何设置可以关闭当前窗口的功能?</p> <p>  这里我们可以先输入用来标示的文字“关闭窗口”,用鼠标拖动选中它,在“Link”输入框中键入“/”,同时切入源代码窗口,在链接代码中键入该事件-οnclick=“javascript:window.close(); return false;”。</p> <p>  完整的代码为:< a href=“/”οnclick=“javascript:window.close(); return false;”>关闭窗口< /a> </p> <p>  当然你也可以将文字“关闭窗口”换成其他的对象,比如图片,按钮等等!</p> <p>  20> 定时自动关闭的窗口又是怎样的呢?</p> <p>  上面提到了个关闭窗口的功能,那么现在的自动关闭又是怎么实现的呢?</p> <p>  在源代码<body>后加入下面的代码:</p> <p>< script LANGUAGE=“javascript”> <!--<br>setTimeout('window.close();', 10000); <br>--> < /script> </p> <p>  其中的set Timeout是一个用来设定延迟时间的函数,这里10000表示10秒钟</p> <p>  21> 如何更改浏览器中鼠标的"形状"?</p> <p>  一般情况下,鼠标在浏览器中以“箭头”的样式出现,那么我们能不能把它更改为自己喜欢的其他样式类型呢?</p> <p>  改变鼠标形状在DW中是通过“CSS样式表”来实现的。</p> <p>  菜单“文字(Text)”-“CSS样式表(CSS style)”-“Edit style sheet”,弹出样式表的编辑窗口,也可以单击快速启动板中的CSS style按钮找到,单击“New”按钮,选择默认的“Make custom style”,同时在下面的Define中使该样式只应用到当前网页文档,“This document only”。</p> <p>  在“样式定义”窗口的左边列表项中选择“Extensing”(扩展项),相应右边设置<br>在“Cursor”(鼠标)中,下拉选择合适的形状即可,确定后返回,按F12在浏览器中观察效果,不满意的话,还可以对样式进行修改。</p> <p>  22>如何去除掉链接文字下面的下划线?</p> <p>  在我们完成链接制作后,链接文字内容往往被自动在下面添加一条下划线,用来标示该内容包含超级链接。当一个网页中链接比较多时,就显得有些杂乱的感觉了,其实我们可以很方便的把它去掉。</p> <p>  同样进入“Edit style sheet”窗口,单击“New”确立新样式,这里的Type(类型)中,需要选择的是“Redefine HTML Tag”,同时在具体的标记Tag中选中代表超级链接的“a”,单击OK。</p> <p>  编辑该样式,左边列表中选“Type”,勾取“Decoration”(修饰)中的“None”复选框,这时所有网页中的链接文字下划线都被清除掉了。</p> <p>  23> 怎样让鼠标在链接文字上方“悬停”时,产生变色,变形等效果?</p> <p>  访问网站时,我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了,所谓的“鼠标悬停响应”表现在链接文字上,就包括改变颜色,修饰效果(下划线,中划线)等多种选择。</p> <p>  由于这种效果很好的起到了对目标内容的强调作用,因此无论是个人网站还是一些大的商业网站(如新浪,搜狐,网易等)都有应用。</p> <p>  在上个问题中,你已经知道了去除掉链接下划线的方法,这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。</p> <p>  同样进入“Edit style sheet”窗口,单击“New”确立新样式,不同的是现在的Type类型中选择最后的一项-“Use CSS selector”,“Selector”选单中选择“a:hover” OK,进入编辑样式窗口,设定“Type”项中的文字颜色为“红色”,当然你还可以添加鼠标悬停时出现下划线的效果。</p> <p>  24>如何让网页的背景图片不跟随内容滚动?</p> <p>  背景图片是很多网页设计者经常添加的东西,当网页内容超出一屏时,拉动滚动条背景图片会与内容相对静止的一起滚动,那么能否锁定背景不跟随滚动呢?当然可以进入“Edit style sheet”窗口,单击“New”确立新样式,在TYpe中选择“Redefine HTML Tag”,同时Tag选单选中“Body”,在左边列表中选择“Background”。 设定“Attachment”(附件)为“fixed”。其中scroll代表默认使用的滚动显示。</p> <p>  25> 背景音乐你一定知道吧,怎么添加呢?</p> <p>  在微软的网页工具-Frontpage中,有关于背景音乐的设置功能,那么DW显然没有作到这点,因此要使用的话,只能在源代码中手动添加了。</p> <p>  在使用前,提醒大家一点,使用背景音乐一定要注意网页文件的大小,不能顾此失彼。</p> <p>代码如下:</p> <p>< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”></p> <p>  其中src指定音乐文件的位置,autostart为音乐文件上传后的动作,true表示自动开始播放,false不播放(默认值)。</p> <p>  27> 如何自动加入网页更改后的日期?</p> <p>  只需要在源文件<body></body>之间添加如下代码即可。</p> <p>< Script Language=“javascript”><!--<br>document.write(“Last Updated:”+document.lastModified);<br>-->< /Script> </p> <p>  在浏览器中的显示样式为:“Last Updated:2001/8/19”</p> <p>    28> 怎样控制弹出POPUP信息?</p> <p>  有时,当我们点击链接时,会出现一些着重性说明的提示信息,也就是弹出信息。比如当某个链接还没有完成目标内容页的制作时,就可以应用POPUP信息解释一下。</p> <p>  在网页中合适位置输入链接文字,选中,在属性面板中制作链接。在仍保持选中状态的前提下,单击快速启动板中的“Behavior”按钮,</p> <p>  点击左上的“+”号,从列表中选中“Popun message”,在随后的窗口中输入需要提示的信息,</p> <p>  设定该动作的鼠标事件(Events)为点击(onclick)。在浏览器中预览效果如下</p> <p>   29> 隐藏浏览器中状态栏的URL地址信息的方法?</p> <p>  浏览网页,当鼠标停留在链接上方时,在下面的状态栏中会自动显示该链接目标地址,考虑到安全方面的问题,有时我们需要把它重置为“零”,即设为空白。</p> <p>  现在只需要在链接代码中作些手脚就可以实现了,</p> <p>< a href=http://www.webjx.com onMouseOver="window.status='none';return true">网页教学网< /a></p> <p>  30>如何改变状态栏里的提示文字?</p> <p>  默认情况下,当网页被载入时,在状态栏里将显示该网页的地址等信息。想不想让它变的更有魅力呢?</p> <p>  在DW“Behavior”行为板中,单击“+”号选择“Set Text Set”下的“Text Of Status Bar”选项,在“Set Text of Status Bar”窗口中输入类似“欢迎你光临本网站--网管留言”等Message信息。</p> <p>  31> 如何建立电子邮件的表单处理方式?</p> <p>   表单应该是网页交互功能中必不可少的元素,表单的功能缘于信息的交互,因此表单的处理往往涉及到网络高级编程语言的使用,你或许说,哇!我不会编程呀!没关系,其实对于一些简单的表单内容处理靠电子邮件也可以实现。</p> <p> 先看下面的代码:</p> <p> <form name="content" method="post" action="需要使用的处理程序" ></form></p> <p>   上面是一个典型的表单的HTML源代码,其中METHOD决定采用方式,包括POST和GET两种。ACTION也就是咱们上面说的处理程序,一般可通过ASP/PHP/CGI实现。</p> <p>   那么用电子邮件怎么实现呢?action=mailto:XXX@163.com,这样当点击提交按钮后,就会弹出一个提示窗口,单击“确定”表单内容会发送到指定的邮箱中。</p> <p>  32>  怎样制作规范的电子邮件链接?</p> <p>   所谓的“电子邮件链接”即是当我们点击它时,浏览器会自动调用默认使用的邮件客户端程蚍⑺偷缱佑始?/P> </p> <p>   输入“有问题MAIL ME”字样,鼠标拖拉选中,切换到属性面板,在LINK输入框中键入如下命令:</p> <p> Mailto:XXX@163.com?Subject=网友来信&bc=其他电子邮件地址&bcc=其他电子邮件地址。其中Mailto为邮件链接的协议,Subject 为邮件的标题,bc是同时抄送的邮件地址,bcc代表的也就是暗送了。</p> <p>  33> 如何制作“空链接”?</p> <p>   空链接也就是,没有链接对象的链接,在空链接中,目标URL是用“#”来表示的。也就是说制作链接时,只要在属性板的LINK输入框中录入#标记,它就是个空链接了。</p> <p>   空链接的出现涉及到多方面的因素,比如一些没有定期完成的页面,又为了保持页面显示上的一致(链接样式与普通文字样式的不同),就可以使用它了。</p> <p>  34> 点击空链接时,页面往往重置到页首端,如何处理?</p> <p>   在浏览器里,当我们点击空链接时,它会自动将当前页面重置到首端,从而影响用户正常的阅读内容,我们当然希望它能保持不动了。</p> <p>   这时,你能够用代码“javascript:void(null)”代替原来的“#”标记,回头看看,这个问题已经解决了。</p> <p>  35> 如何定制可自由在页面内跳转的链接?</p> <p>  如果你经常在网上订阅一些免费的电子杂志,一定对这种“标签链接”不陌生了,通过一个类似目录的列表,可方便的跳转到页面内的任何部分,无疑它的使用是专门为“超长内容”网页设计的。</p> <p>  先确定链接指向的位置,即屏幕跳转后停留的位置。进入“Object”面板的“Invisibles”部分,选中目标文本,单击“Insert Named Anchor”按钮,在“Anchor Name”中键入标签名称,OK,这时在文本下面会自动出现红色虚线以区别开普通的文本内容,注意它们在浏览器中不会出现。</p> <p>   然后就可以制作链接了,在属性板的LINK输入框录入“#nchor Name(刚才的名字)”。当然如果你想指向另外一页中的某个位置,也是可以的,把这个小尾巴放过去就行了。</p> <p>  36>   同时在一个图片上,作很多个链接,怎么办?</p> <p>   这个问题也就是我们平常说的“图片热点”(Image HOT)了,当然在DW里还有另外一个名字叫“图象热区域”。</p> <p>   选中图片,这时在属性面板左下的位置,有一个“Map”工具栏,其右边是三个用来圈定不同区域的按钮,以其中的矩形工具为例,选中后,鼠标停留在图片上会以一种“+”的形状显示出来,代表可以左右拖拉,完成后依次你可以完成多个热点区域的链接制作。注意各区域不可重叠。</p> <p>  37> 怎样制作可以响应鼠标事件的翻转图片?</p> <p>  在许多网页中,我们经常会看到一些栏目标题,当鼠标滑过时,能变成另外的样子。其实它们中很多是通过两张不同的图片来实现的,也就是所谓的“翻转图片”效果。</p> <p>  当然首先你要提前准备两张大小完全一样的图片,以确保翻转时不会有什么视觉上的不适,单击“Object”面板上的“Rollover Image” 弹出“翻转图片设置”窗口,分别单击“Browse”按ト范ā癘riginal image”和“Rollover image”的地址,注意一定要选中下面的“Preload Rollover image”复选框,否则在鼠标滑过的瞬间,会产生一定的下载延迟而影响效果。</p> <p>  38> 如何制作“漫天飞舞”的图片?</p> <p>  在许多大型商业网站的首页中,你经常会看到不少来回飘来飘去的广告图片,点击后可以链接到指定的地址,在DW中这点是通过Timelines来实现的。</p> <p>  首先在网页中插入目标图片,同时选中它,单击快速启动板中的“Timelins”按钮进入“时间线”窗口,在时间轴1frame的位置鼠标右击,选择“Add Object”,这时时间轴上会出现一兰色色条(默认1-15frame),将镜头停在15frame处,同时移动页面内图片到运动的终点位置。</p> <p>  现在一个简单的运动动画已经完成了,你可以通过在中间添加keyframe的方法调整路径的曲折度。单击上方的右箭头按钮预览效果。</p> <p>  39> 怎样制作在页面中“静态悬浮”的图片?</p> <p>  所谓的“静态悬浮”也就是图片总是试图停留在网页中的某个位置,因此在视觉上有种跟着页面“走”的感觉,象悬浮着一样。</p> <p>  该效果的实现是通过javascript来完成的,一般要求有一定的编程能力。好在DW提供了制作该效果的固定插件,因此就显得简单多了。</p> <p>  首先你必须先下载stav插件,将里面的两个文件(其中包括图片文件Cross Browser Static Division.gif和网页文件Cross Browser Static Division.htm)都拷贝到DW安装目录Configuration/Objects/Common下。</p> <p>  重新启动DW,在Object(对象)面板中,你会看到最底部已经多了SI项,选中它在弹出的窗口中设定浮动层到上边和左边的距离,然后在图层中插入指定的内容(这里为图片)即可。</p> <p>  40> 如何使文字和图片内容共处?</p> <p>  我们都知道,在DW中,图片对象往往是独占一行的,那么文字内容只能在与其平行的一行的位置上,怎么样才可以让文字围绕着图片显示呢?</p> <p>  选中图片,在属性面板的右上方你能看到一个“Align”的属性选单,选择“Left”,这时你会发现文字已经均匀的排列在图片的右边了。</p> <p>  41> 实现多个窗口的连接? </p> <p>  面板设计一直是DW的一大特色,到了DW4版本,所用到的面板已经相当多了,那么我们如何才能更高效的利用它呢? “窗口连接”就是一种方便大家自定义的技术功能,简单的说,就是可以根据需要将两个或更多个面板放到一个窗口中来。 鼠标点击拖动一个面板的Tab栏到两一个面板上,当你看到一个黑色边框时,松开鼠标,这时两个面板已经合二为一了。</p> <p>  42> 如何制作一条宽度为1的细线? </p> <p>  在DW中,尽管水平线是以“Line”形式出现的,但在制作细线时,它表现的并不尽如人意,主要是过粗,没有需要的细腻感! </p> <p>  那么我们可以采取变通的方法以表格的应用来实现。 </p> <p>  在网页中插入一个1行1列的表格,将表格的“cellpadding”“cellspacing”都设置为“0”,同时将单元格的“bgcolor”设定为红色,当然你也可以使用其他的颜色来代替,“Height”设定高度为1。 </p> <p>  还有最关键的一步,查看源代码,将< td>< /td>中的“ ”去掉即可。</p> <p>  43>如何制作一个边框为1的方格? </p> <p>  很明显,我们现在还是要通过表格的设置来完成。 </p> <p>  或许你会说,这还不简单嘛!建立一个1行1列的表格,然后将它的“Border”值设为1不就可以了。实际上,用这种方法制作的表格根本不是所说的边框为1的方格,而是要“粗”的多! </p> <p>  同样先插入一个1行1列的表格,将表格的“border”、“cellpadding”设置为“0”,“cellspacing”设置为“1”。设定表格的“bgcolor”为红色(即为边框的颜色),同时设定单元格的“bgcolor”为白色(即同背景色),OK了。</p> <p>    44> 怎样设置根据不同的浏览器,返回不同的页面? </p> <p>  浏览器不同,它所支持的技术和效果也不同。因而我们所设计的网页并不是在所有的浏览器中都能正常显示或最佳显示。这时一个判断浏览器的跳转就很必要了。 </p> <p>当用户用不同类型或版本的浏览器打开时,可以返回不同的页面,以保证用户的正常浏览。 单击快速启动板中的“Behavior”按钮,点“+”号,在下拉列表中选择“Check Browse”。</p> <p>    45> 网页中可以随便拖动的对象是怎么建立的? </p> <p>  访问网站时,经常能见到不少可以用鼠标拖动的元素,其中以图片居多,比如,一张广告图片挡住了你想浏览的内容,你完全可以用鼠标选中把它扔到一边去! </p> <p>  制作这种效果是通过图层的“Drag Layer”行为实现的,单击Behavior面板中“+”号,选择“Drag Layer”,当然之前你必要保证目标图层处于选中状态,进行简单设置后就OK了。</p> <p>                                             (四)<br>、灵活运用样式</p> <p>熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style。</p> <p>2、活用Format Table命令 </p> <p>在复杂的网页设计中,表格的应用是最多的,因为利用表格可以自由地控制文本和图象在网页上出现的具体位置,从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后,我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式,先将光标置于表格的任意一个单元格内,再选择“Command”→“Format Table”命令, 在随后出现的对话框中,从左边的列表中选择一个设计方案。按“Apply” 键来查看效果,如果不满意的话,还可以重新设置或者修改部分参数的值,如边界粗细,背景颜色等等。 </p> <p>3、同时链接到两个网页 </p> <p>我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档,可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页,选择文字或图象,然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 </p> <p>4、不给文件起中文名称 </p> <p>大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做,就会发现Dreamweaver对中文文件名支持得不是太好,经常会有页面调用不正确的现象发生,所以我们以后在Dreamweaver中保存网页的时候,尽量用英文或者数字作为文件名称,这样就可以避免上面的出错现象。 </p> <p>5、巧妙设置字体分辨率 </p> <p>我们在制作网页的时候,经常有这种体会,那就是制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了,这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示,在 Dreamweaver中得到了较好的解决。在文档窗口的右下角,Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字,在弹出式菜单中可以为当前的页面指定显示分辨率,通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。 </p> <p>6、巧妙隐藏标签 </p> <p>如果在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加一个与之相应的元素标签,以便于我们选择不可见元素。但这并不全是件好事,比如我们在一个有很多层的页面中的第一行便插入一个表格,就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行,虽然在浏览时并不影响效果,但这确确实实会阻碍我们的工作。所以当我们觉得某个元素标签碍手碍脚时,就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板,在Category中选中Invisibel Elements,在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉,以后它就保证不会再出现了。 </p> <p>7、善用拖放技巧 </p> <p>我们在使用Dreamweaver编辑网页的时候,经常需要插入一些图象什么的,假设要插入的图象很多,按照常规方法来操作就显得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把Dreamweaver的操作窗口变成活动窗口,以腾出空间来显示Explorer窗口,找到要插入的图象文件后,把它们一一用鼠标拖动到网页的适当部位,Dreamweaver将自动把这些图象的url添加到文件的HTML代码中,当然这里要求被拖动的图象文件必须是gif、jpg等web图象格式的文件。对于已经在网页中的图象也是一样,直接拖过来就可以了。但如果被拖动的图象上有超级链接,就不可以再使用拖动技术了,因为那时拖过来的仅仅是超级链接地址。 </p> <p>8、自动设置更新时间 </p> <p>我们知道一个网页要想获得更多的回头率,一个很重要的一条就是要不断更新。但对于我们这些个人网页来说,要天天及时更新恐怕不是很容易的事情。因此,我们希望网页能自动更新,下面笔者就提供一个能自动更新修改时间的源代码,我们只要把这段源代码添加到…< /BODY>之间就能实现更新时间的目的了: </p> <p>< Script Language="JavaScript"> < /style>;二是用鼠标依次单击Dreamweaver中的Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag,并从中选择a,然后在decoration中选中none,最后单击确定就成功了。 </p> <p>12、巧妙复制文字 </p> <p>在几个不同的应用程序中间相互复制文字,是我们在实际工作中可能要常做的事情。但是,如果我们从Dreamweaver中复制编辑区中的文字到另外一个应用程序的时候,HTML代码和文字将一起被复制过去了,那么我们该如何才能只把编辑区中的文字复制下来呢?我们知道,通常复制时都用快捷键 Ctrl - C 来操作,如果我们在复制的时候多按一个C键,那么Dreamweaver将只会复制选中的文字了。</p> <p>13、善用快捷键 </p> <p>为了提高操作的效率,我们可以在Dreamweaver中使用快捷键,例如使用Ctrl-B或Ctrl-I来为文字应用黑体或斜体格式,也可以使用以下一些键盘快捷键来为选中的文本应用HTML格式:Ctrl-0: 无格式 Ctrl-T: 段落 Ctrl-1: 标题 1 Ctrl-2: 标题 2 Ctrl-3: 标题 3 Ctrl-4: 标题 4 Ctrl-5: 标题 5 Ctrl-6: 标题 6 </p> <p>14、自动关闭网页 </p> <p>如果我们希望自己的网页在指定的时间内能自动关闭,不妨在网页源代码中的标签后面加入如下代码: < script LANGUAGE="JavaScript"> < /script> </p> <p>其中代码中的3000表示3秒钟,它是以毫秒为单位的。 </p> <p>15、巧妙设置对象名称 </p> <p>我们在用Dreamweaver来制作非常复杂的效果时,有可能需要经常重复地使用某一个或者多个对象,例如我们经常需要定位某个特定的表格、图象等,如果我们没有给某一个网页中的多个对象取名的话,那么在重复应用这些对象的时候,可能很麻烦或者容易出错。为了能够方便调用这些对象,我们应该在每创建一个新的对象时,都记得给它取一个有代表性而且比较容易记忆的名称。在给这些对象命名时,我们可以通过对象的“属性”面板来操作就行了。 </p> <p>16、为图象链接增加动态效果 </p> <p>有时我们为了要达到一种逼真的效果,希望鼠标移动到某个链接上时能有动感产生。使用Dreamweaver可以很容易实现这种效果。设计时,我们首先需要准备两幅图象,第一幅是原始图象,第二幅是鼠标移动上去后的图象。接着用鼠标单击第一幅图,在属性面板中的链接栏中填上要链接的文件,然后单击键盘上的F8键,在弹出的Behaviors窗口中单击“+”号,随后选择“swap image”,在接着出现的窗口中选择第二幅图象,最后单击确定就可以了。</p> <p>                                       (五)<br></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1715882172147118080"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(dreamweaver,浏览器,javascript,html,框架,behavior)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1939107263134363648.htm" title="《三生原理》如何解决长程依赖问题?" target="_blank">《三生原理》如何解决长程依赖问题?</a> <span class="text-muted">葫三生</span> <a class="tag" taget="_blank" href="/search/%E4%B8%89%E7%94%9F%E5%AD%A6%E6%B4%BE/1.htm">三生学派</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%B9%B3%E9%9D%A2/1.htm">平面</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E6%80%A7%E4%BB%A3%E6%95%B0/1.htm">线性代数</a><a class="tag" taget="_blank" href="/search/%E6%A6%82%E7%8E%87%E8%AE%BA/1.htm">概率论</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>AI辅助创作:《三生原理》通过融合《周易》的生成哲学与分形数学,创新性地重构了序列建模的逻辑框架,有效缓解长程依赖问题,其核心技术路径如下:一、八卦拓扑位置编码替代正弦编码‌‌符号系统的动态映射‌将伏羲八卦的拓扑结构(乾☰、坤☷等)转化为位置矩阵,通过‌模12余数配对法则‌建立位置关联性:阳爻(⚊)映射奇数位,阴爻(⚋)映射偶数位,形成周期性位置感知网格在512长度序列中,位置关系捕捉准确率提升2</div> </li> <li><a href="/article/1939103475723988992.htm" title="随机近似算法:步长序列选择的理论与金融实践" target="_blank">随机近似算法:步长序列选择的理论与金融实践</a> <span class="text-muted"></span> <div>随机近似算法:步长序列选择的理论与金融实践摘要随机近似算法作为统计学习与优化的核心工具,其收敛性与稳定性高度依赖步长序列的设计。本文系统阐述步长序列的理论约束与工程选择策略,并结合金融波动率估计场景,展示算法在动态系统参数估计中的实践价值。1.随机近似算法的数学框架随机近似算法通过随机样本的迭代更新逼近目标参数,其核心迭代式为:θn+1=θn+an(Yn−g(θn))\theta_{n+1}=\t</div> </li> <li><a href="/article/1939102845496258560.htm" title="FastAPI vs Flask vs Django:Python Web框架全面对比" target="_blank">FastAPI vs Flask vs Django:Python Web框架全面对比</a> <span class="text-muted">天天进步2015</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/fastapi/1.htm">fastapi</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a> <div>Python作为最受欢迎的编程语言之一,其Web开发生态极为丰富。FastAPI、Flask和Django是当前主流的三大PythonWeb框架,各有千秋。本文将从架构设计、开发效率、性能表现、生态支持、适用场景等方面,全面对比这三大框架,帮助开发者选择最适合自己的技术栈。目录框架简介架构设计与理念开发效率与易用性性能对比生态与扩展性典型应用场景总结与选型建议参考资料框架简介FastAPI定位:新</div> </li> <li><a href="/article/1939101961202757632.htm" title="DAY 43 复习日" target="_blank">DAY 43 复习日</a> <span class="text-muted">yizhimie37</span> <a class="tag" taget="_blank" href="/search/python%E8%AE%AD%E7%BB%83%E8%90%A5%E6%89%93%E5%8D%A1%E7%AC%94%E8%AE%B0/1.htm">python训练营打卡笔记</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a> <div>@浙大疏锦行https://blog.csdn.net/weixin_45655710第一步:寻找并准备图像数据集在Kaggle等平台上,你可以找到大量用于图像分类任务的数据集,例如英特尔图像分类数据集(IntelImageClassification)或手写数字识别数据集(DigitRecognizer)。对于初学者,一个更便捷的选择是使用像TensorFlow或PyTorch这样深度学习框架内</div> </li> <li><a href="/article/1939100953458307072.htm" title="Android 13 接入 MediaSession 指南" target="_blank">Android 13 接入 MediaSession 指南</a> <span class="text-muted">Code_onepage</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>Android13接入MediaSession指南一、MediaSession概述传统音乐播放应用架构需优先保障音频后台播放,传统方案依赖独立Service异步加载资源并处理播放控制,通过Binder或广播实现界面通信。扩展通知栏控制需额外构建广播接收器,锁屏交互则依赖AIDL等跨进程技术,多终端协同更导致架构复杂化。MediaSession框架通过C/S架构解耦界面与服务层,核心组件包含Medi</div> </li> <li><a href="/article/1939100194608050176.htm" title="浏览器的垃圾回收机制" target="_blank">浏览器的垃圾回收机制</a> <span class="text-muted">甘露寺</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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>深入解析现代浏览器的垃圾回收机制:分代回收与标记清除算法本文详细探讨了Chrome、Firefox等现代浏览器中JavaScript引擎的垃圾回收(GC)原理,重点讲解分代回收策略和标记清除/整理算法的工作流程,并通过示例帮助理解内存自动管理背后的机制。为什么需要垃圾回收?JavaScript是一种自动内存管理的语言。开发者通常不需要手动分配或释放内存(如C/C++中的malloc/free)。这</div> </li> <li><a href="/article/1939100196084445184.htm" title="for...in 与 for...of的区别是啥?用错后果很严重" target="_blank">for...in 与 for...of的区别是啥?用错后果很严重</a> <span class="text-muted"></span> <div>for…in与for…of循环详解在JavaScript中,for...in和for...of是两种常用的循环语句,但它们在使用场景和行为上有显著区别。下面我将详细解释它们的差异,并通过示例代码进行说明。核心区别对比表特性for...infor...of遍历目标对象的可枚举属性可迭代对象的值返回值类型键名(key)值(value)适用对象普通对象、数组(不推荐)数组、字符串、Map、Set、Nod</div> </li> <li><a href="/article/1939100196524847104.htm" title="v-if、display、visibility、opacity隐藏元素的区别" target="_blank">v-if、display、visibility、opacity隐藏元素的区别</a> <span class="text-muted">甘露寺</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a> <div>前端元素隐藏与条件渲染完全指南(Vuevs.Reactvs.CSS)本文对比v-if、v-show、display:none、opacity:0、visibility:hidden以及React条件渲染的差异,帮你彻底掌握它们的适用场景!核心概念1.DOM树vs.渲染树DOM树:完整的HTML节点结构(无论是否隐藏)。渲染树:浏览器实际绘制到屏幕上的内容(隐藏元素可能被跳过)。2.关键差异特性是否</div> </li> <li><a href="/article/1939100067881349120.htm" title="JavaScript 原型链继承中的引用类型陷阱" target="_blank">JavaScript 原型链继承中的引用类型陷阱</a> <span class="text-muted"></span> <div>JavaScript原型链继承中的引用类型陷阱本文通过一个生动的案例,解析JavaScript原型链继承中引用类型属性的共享问题,帮助开发者理解原型链机制并避免常见陷阱。问题代码展示//父类构造函数functionAnimal(){this.skills=['eat','sleep'];//引用类型属性this.mouse=1;//基本类型属性this.name='Animal';this.sho</div> </li> <li><a href="/article/1939093766602289152.htm" title="CSS 与 JavaScript 加载优化" target="_blank">CSS 与 JavaScript 加载优化</a> <span class="text-muted">甘露寺</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>CSS与JavaScript加载优化指南:位置、阻塞与性能让你的网页飞起来!本文详细解析CSS和JavaScript标签的放置位置如何影响页面性能,涵盖阻塞原理、浏览器机制和最佳实践。掌握这些知识可显著提升用户体验和SEO排名!一、核心问题:为什么位置很重要?浏览器渲染页面时需经历:解析HTML→2.下载资源→3.执行脚本→4.渲染页面错误的位置会阻塞关键路径,导致:⚠️长时间白屏(脚本阻塞)样式</div> </li> <li><a href="/article/1939092758807506944.htm" title="react gsap动画库使用详解之scroll滑动动画" target="_blank">react gsap动画库使用详解之scroll滑动动画</a> <span class="text-muted">伍哥的传说</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%BA%90%E7%A0%81%E5%88%86%E4%BA%AB/1.htm">前端源码分享</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E7%94%BB/1.htm">动画</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>简介gsap高性能的JavaScript动画库,在现代网页设计和开发中运用。安装npminstallgsapReact框架中使用可以考滤使用react-gsap-enhancer库,或者@gasp/react。类组件使用react-gsap-enhancer高阶组件,函数组件使用@gasp/react自定义Hook。npminstallreact-gsap-enhancer#oryarnaddre</div> </li> <li><a href="/article/1939090742928535552.htm" title="#Vue3篇: vue3梳理 :&ref自动解包&key使用" target="_blank">#Vue3篇: vue3梳理 :&ref自动解包&key使用</a> <span class="text-muted">程序员xiaolibao</span> <a class="tag" taget="_blank" href="/search/Vue3%E7%AF%87/1.htm">Vue3篇</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>vue3Attribute绑定同名简写如果attribute的名称与绑定的JavaScript值的名称相同,那么可以进一步简化语法,省略attribute值在模板中使用ref时,我们不需要附加.value。为了方便起见,当在模板中使用时,ref会自动解包(有一些注意事项)。import{ref}from'vue'exportdefault{setup(){constcount=ref(0)func</div> </li> <li><a href="/article/1939083176001466368.htm" title="Reactor框架介绍,和使用示例" target="_blank">Reactor框架介绍,和使用示例</a> <span class="text-muted"></span> <div>Reactor框架介绍Reactor是一个基于JVM的非阻塞响应式编程框架,遵循ReactiveStreams规范,专为构建高并发、低延迟的异步应用设计[2][4]。其核心特点包括:异步流处理提供Flux(处理0或N个元素)和Mono(处理0或1个元素)两个核心抽象,支持链式操作(如map、filter、flatMap等)实现数据的异步处理[5][4]。背压支持通过ReactiveStreams协</div> </li> <li><a href="/article/1939082923810549760.htm" title="React 元素渲染" target="_blank">React 元素渲染</a> <span class="text-muted">小晗同学</span> <a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/reactjs/1.htm">reactjs</a><a class="tag" taget="_blank" href="/search/props/1.htm">props</a><a class="tag" taget="_blank" href="/search/%E7%BB%84%E4%BB%B6%E5%8C%96/1.htm">组件化</a> <div>React学习:元素渲染元素是构成React应用的最小砖块,它描述了你在屏幕上想看到的内容。constelement=Hello,world;与浏览器的DOM元素不同,React元素是创建开销极小的普通对象。ReactDOM会负责更新DOM来与React元素保持一致。React元素是不可变对象。一旦被创建,你就无法更改它的子元素或者属性。但是将元素或属性封装到有状态组件中,就可以实现更新渲染。Re</div> </li> <li><a href="/article/1939081787967860736.htm" title="Golang动态路由实现:灵活处理URL路径" target="_blank">Golang动态路由实现:灵活处理URL路径</a> <span class="text-muted">Golang编程笔记</span> <a class="tag" taget="_blank" href="/search/Golang%E7%BC%96%E7%A8%8B%E7%AC%94%E8%AE%B0/1.htm">Golang编程笔记</a><a class="tag" taget="_blank" href="/search/Golang%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">Golang开发实战</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</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%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a> <div>Golang动态路由实现:灵活处理URL路径关键词:Golang动态路由、URL路径处理、参数化路由、通配符匹配、路由算法、HTTP框架、RESTful设计摘要:本文深入探讨Golang中动态路由的实现原理与实践方法,从基础概念到复杂场景逐步解析。通过对比标准库与第三方框架的路由机制,详细讲解参数捕获、通配符匹配、正则表达式路由等核心技术。结合具体代码示例演示如何构建高性能路由系统,涵盖路由匹配算</div> </li> <li><a href="/article/1939076241722241024.htm" title="CIANNA由天体物理学家提供/为天体物理学家提供的卷积交互式人工神经网络" target="_blank">CIANNA由天体物理学家提供/为天体物理学家提供的卷积交互式人工神经网络</a> <span class="text-muted">struggle2025</span> <a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a> <div>一、软件介绍文末提供程序和源码下载CIANNA是一个通用的深度学习框架,主要用于天文数据分析。根据天体物理问题解决的相关性添加功能和优化。CIANNA可用于为各种任务构建和训练大型神经网络模型,并提供高级Python接口(类似于keras、pytorch等)。CIANNA的特点之一是它定制实施了受YOLO启发的对象探测器,用于2D或3D射电天文数据产品中的星系探测。该框架通过低级CUDA编程完全实</div> </li> <li><a href="/article/1939074730296406016.htm" title="使用UmiJS框架开发React" target="_blank">使用UmiJS框架开发React</a> <span class="text-muted">汇智知了堂</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%90%86%E8%AE%BA%E7%9F%A5%E8%AF%86/1.htm">理论知识</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1、什么是Umi.js?umi,中文可发音为乌米,是一个可插拔的企业级react应用框架。你可以将它简单的理解为一个专注性能的类next.js前端框架,并通过约定、自动生成和解析代码等方式来辅助开发,减少我们开发者的代码量。2、为什么使用Umi.js?我们做react开发的时候会不会遇到以下问题?:2.1项目做大的时候,开发调试的启动和热更新时间会变得很长。2.2大应用下,网站打开很慢,有没有办法</div> </li> <li><a href="/article/1939074478055157760.htm" title="linux nvidia-smi失败(已测有效)" target="_blank">linux nvidia-smi失败(已测有效)</a> <span class="text-muted">Summer_Anny</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>ref:https://worktile.com/kb/ask/345201.html当在Linux终端中无法找到nvidia命令时,可能有以下几种原因:Nvidia驱动未安装:首先,要使用nvidia命令,需要在系统上安装Nvidia驱动程序。您可以通过以下步骤来安装驱动:a.检查系统上是否已经安装了Nvidia显卡。可以运行以下命令来检查:“lspci|grep-invidia“b.如果未安装</div> </li> <li><a href="/article/1939073088188641280.htm" title="通过Umijs从0到1搭建一个React项目" target="_blank">通过Umijs从0到1搭建一个React项目</a> <span class="text-muted">小林rr</span> <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>有一阵时间没写react了,今天通过umi搭建一个demo项目复习一下react;umi是一个可扩展的企业级前端应用框架,在react市场中还是比较火的一个框架。Umi官方文档:Umi介绍(umijs.org)一、构建项目。1、安装包管理工具。官方推荐使用pnpm,我也一直在使用pnpm,如果没有请执行以下命令自行安装。npminstall-gpnpm2、构建项目。根据官方文档的说明,我们在已经创</div> </li> <li><a href="/article/1939072835418910720.htm" title="【PyTorch】分布式训练报错记录-ERROR:torch.distributed.elastic.multiprocessing.api:failed (exitcode: 1)" target="_blank">【PyTorch】分布式训练报错记录-ERROR:torch.distributed.elastic.multiprocessing.api:failed (exitcode: 1)</a> <span class="text-muted">XuecWu3</span> <a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a> <div>最近,我在服务器上起基于PyTorch分布式框架的预训练实验,起初实验都在顺利进行,但是当我们把模型的深度与宽度调大之后,模型在训练几代之后便会出现如下的报错:WARNING:torch.distributed.elastic.multiprocessing.api:Sendingprocess41495closingsignalSIGTERMWARNING:torch.distributed.e</div> </li> <li><a href="/article/1939070819955175424.htm" title="前端react框架实现打包时间动态加入配置展示在指定页面" target="_blank">前端react框架实现打包时间动态加入配置展示在指定页面</a> <span class="text-muted"></span> <div>注意:当前方法特定为create-react-app构建框架,其他的构建流程不同,不能直接照搬react-scripts的方式。✅目标:在React打包(build)时,自动将当前时间写入代码中某个变量或console.log中,例如:console.log('BuildTime:2025-06-2415:09');✅实现思路:React默认使用create-react-app(CRA),它基于W</div> </li> <li><a href="/article/1939070441423433728.htm" title="Python爬虫短视频平台数据抓取:抓取视频和评论技术方案" target="_blank">Python爬虫短视频平台数据抓取:抓取视频和评论技术方案</a> <span class="text-muted">数据狐(DataFox)</span> <a class="tag" taget="_blank" href="/search/2025%E5%B9%B4%E7%88%AC%E8%99%AB%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE/1.htm">2025年爬虫实战项目</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、摘要本方案提供完整的Python爬虫实现流程,涵盖短视频平台(以抖音为例)的视频与评论数据采集技术,包含环境配置、核心代码实现及反爬优化策略。通过模拟浏览器操作、API接口分析及数据持久化处理,实现高效合规的数据采集。二、引言短视频平台数据具有巨大商业价值,但直接爬取面临动态渲染、加密参数等反爬机制挑战。本方案采用混合技术路线,结合网页解析与移动端API分析,平衡效率与成功率。三、环境配置基础</div> </li> <li><a href="/article/1939067165604900864.htm" title="真实案例出发,再谈retrofit封装" target="_blank">真实案例出发,再谈retrofit封装</a> <span class="text-muted">何小Ai同学</span> <a class="tag" taget="_blank" href="/search/android-%E5%9F%BA%E7%A1%80/1.htm">android-基础</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/retrofit/1.htm">retrofit</a> <div>原文链接:Anthony的简书博客项目代码:CameloeAnthony/Ant前言在使用了一段时间的Retrofit之后,今天终于在这里讲解到了网络的部分。目前开源的HTTP框架有很多,Volley,AndroidAsyncHttp,以及OkHttp+Retrofit等。而我在自己的使用中选择了Retrofit,这里就从基础到原理,再到实例的方式,讲解我对Retrofit做出的一些封装和使用。来</div> </li> <li><a href="/article/1939060986476556288.htm" title="Lagent:从零搭建你的 Multi-Agent" target="_blank">Lagent:从零搭建你的 Multi-Agent</a> <span class="text-muted">Oculus Reparo!</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://github.com/InternLM/Tutorial/blob/camp4/docs/L2/Agent/task.md一、Lagent框架中Agent的使用目标通过Lagent框架,基于InternLM2.5,搭建一个WebDemo,体验其智能体功能与工具集成能力。步骤与实现环境准备激活环境:condaactivatelagent确保已获取API授权令牌,并写入环境变量。代码实</div> </li> <li><a href="/article/1939058842314797056.htm" title="Midscene.js 安装与配置指南" target="_blank">Midscene.js 安装与配置指南</a> <span class="text-muted">孙爽知Kody</span> <div>Midscene.js安装与配置指南midsceneLetAIbeyourbrowseroperator.项目地址:https://gitcode.com/gh_mirrors/mid/midscene1.项目基础介绍Midscene.js是一个开源项目,旨在通过AI驱动浏览器自动化操作。用户可以使用自然语言描述任务需求,Midscene.js将自动执行相应的浏览器操作,如数据提取、页面验证等。该</div> </li> <li><a href="/article/1939055190023925760.htm" title="MocapApi 中文文档 和github下载地址 NeuronDataReader(以下简称 NDR)的下一代编程接口" target="_blank">MocapApi 中文文档 和github下载地址 NeuronDataReader(以下简称 NDR)的下一代编程接口</a> <span class="text-muted">zhangfeng1133</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E5%8F%B7%E5%A4%84%E7%90%86/1.htm">信号处理</a> <div>以下是MocapApi技术文档githubhttps://github.com/pnmocap/MocapApi?tab=readme-ov-file国内可以查找getcode英文文档https://mocap-api.noitom.com/mocap_api_en.html概述MocapApi是NeuronDataReader(以下简称NDR)的下一代编程接口,设计目标为:跨平台兼容(Win/M</div> </li> <li><a href="/article/1939052415294697472.htm" title="websocket多客户端接收消息_WebSocket之消息接收发送" target="_blank">websocket多客户端接收消息_WebSocket之消息接收发送</a> <span class="text-muted">weixin_39940344</span> <div>WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。在WebSocketAPI中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。http协议是单向通信,一般由客户端发起请求,然后接收服务端响应。如果要实现客户端实时消息跟新功能如:更新聊天消息,更新邮件信息,更</div> </li> <li><a href="/article/1939050147640045568.htm" title="Vector,ArrayList,LinkedList 的区别是什么?" target="_blank">Vector,ArrayList,LinkedList 的区别是什么?</a> <span class="text-muted">disciplineOneself</span> <a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/1.htm">基础知识</a><a class="tag" taget="_blank" href="/search/%E9%93%BE%E8%A1%A8/1.htm">链表</a><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> <div>前言:这个问题主要是考察集合框架的问题,主要考察三者之间设计的区别,以及使用时如何抉择。Vector线程同步(安全),ArrayList、LinkedList线程不同步(不安全)Vector是java早期提供的线程安全的动态数组;Arraylist也是动态数组,但不是线程安全的;而LinkedList与前者不同,LinkedList是使用双向链表存储的,也不是线程安全的。Vector是因为是线程安</div> </li> <li><a href="/article/1939048003415371776.htm" title="ASP.NET Core通过Websocket建立简单聊天室" target="_blank">ASP.NET Core通过Websocket建立简单聊天室</a> <span class="text-muted"></span> <div>什么是websocket?传统的HTTP协议是一个请求-响应协议,也即是由浏览器主动向服务器发起请求,随后服务器才能进行响应这个请求,再把数据发送给浏览器。也就是说,浏览器不主动发起请求,服务器是不能主动发送数据给浏览器的,很明显,这并不能满足实时聊天的需求。满足这个需求的解法总体来说有三种:轮询、长连接、Comet轮询:轮询是指浏览器通过JavaScript启动一个定时器,然后以固定的间隔给服务</div> </li> <li><a href="/article/1939047118371090432.htm" title="JAVA springboot Access-Control-Allow-Origin" target="_blank">JAVA springboot Access-Control-Allow-Origin</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/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>response.setHeader("Access-Control-Allow-Origin","https:/your-domain.com");意思是:只有来自https:/your-domain.com的前端页面(即请求的来源Origin是这个域名),才能通过浏览器发起跨域请求访问这个接口区分大小写&完全匹配这个设置是完全匹配的,也就是说:https://epos.whbswdt.com</div> </li> <li><a href="/article/34.htm" title="Java 并发包之线程池和原子计数" target="_blank">Java 并发包之线程池和原子计数</a> <span class="text-muted">lijingyao8206</span> <a class="tag" taget="_blank" href="/search/Java%E8%AE%A1%E6%95%B0/1.htm">Java计数</a><a class="tag" taget="_blank" href="/search/ThreadPool/1.htm">ThreadPool</a><a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91%E5%8C%85/1.htm">并发包</a><a class="tag" taget="_blank" href="/search/java%E7%BA%BF%E7%A8%8B%E6%B1%A0/1.htm">java线程池</a> <div>对于大数据量关联的业务处理逻辑,比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式,并且可以提高线程利用率,并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。 &nbsp;&nbsp;&nbsp; 这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C</div> </li> <li><a href="/article/161.htm" title="java编程思想 抽象类和接口" target="_blank">java编程思想 抽象类和接口</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%8A%BD%E8%B1%A1%E7%B1%BB/1.htm">抽象类</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3/1.htm">接口</a> <div>接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持 &nbsp; 1&nbsp;,抽象类&nbsp;:&nbsp;&nbsp;如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错) &nbsp; 抽象方法&nbsp;:&nbsp;在方法中仅有声明而没有方法体&nbsp; &nbsp; package com.wj.Interface; </div> </li> <li><a href="/article/288.htm" title="[房地产与大数据]房地产数据挖掘系统" target="_blank">[房地产与大数据]房地产数据挖掘系统</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a> <div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间... &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产 &nbsp;&nbsp;&nbsp;&nbsp;&nb</div> </li> <li><a href="/article/415.htm" title="数组队列总结" target="_blank">数组队列总结</a> <span class="text-muted">沐刃青蛟</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84%E9%98%9F%E5%88%97/1.htm">数组队列</a> <div>&nbsp; &nbsp;&nbsp;&nbsp; 数组队列是一种大小可以改变,类型没有定死的类似数组的工具。不过与数组相比,它更具有灵活性。因为它不但不用担心越界问题,而且因为泛型(类似c++中模板的东西)的存在而支持各种类型。 &nbsp; &nbsp;&nbsp; 以下是数组队列的功能实现代码: &nbsp; import List.Student; public class</div> </li> <li><a href="/article/542.htm" title="Oracle存储过程无法编译的解决方法" target="_blank">Oracle存储过程无法编译的解决方法</a> <span class="text-muted">IT独行者</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8%E8%BF%87%E7%A8%8B%E3%80%80/1.htm">存储过程 </a> <div>今天同事修改Oracle存储过程又导致2个过程无法被编译,流程规范上的东西,Dave 这里不多说,看看怎么解决问题。 &nbsp; 1. &nbsp; &nbsp;&nbsp;查看无效对象 XEZF@xezf(qs-xezf-db1)&gt; select object_name,object_type,status from all_objects where status='IN</div> </li> <li><a href="/article/669.htm" title="重装系统之后oracle恢复" target="_blank">重装系统之后oracle恢复</a> <span class="text-muted">文强chu</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>前几天正在使用电脑,没有暂停oracle的各种服务。 突然win8.1系统奔溃,无法修复,开机时系统 提示正在搜集错误信息,然后再开机,再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统,没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店,让人家给装了个系统,并且那哥们在我没反应过来的时候, 直接把我的c盘给格式化了 并且清理了注册表,再装系统。 然后的结果就是我的oracl</div> </li> <li><a href="/article/796.htm" title="python学习二( 一些基础语法)" target="_blank">python学习二( 一些基础语法)</a> <span class="text-muted">小桔子</span> <a class="tag" taget="_blank" href="/search/pthon/1.htm">pthon</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E8%AF%AD%E6%B3%95/1.htm">基础语法</a> <div>紧接着把!昨天没看继续看django 官方教程,学了下python的基本语法 与c类语言还是有些小差别: 1.ptyhon的源文件以UTF-8编码格式 2. /&nbsp;&nbsp; 除 结果浮点型 //&nbsp; 除 结果整形 %&nbsp;&nbsp; 除 取余数 *&nbsp;&nbsp; 乘 **&nbsp; 乘方 eg 5**2 结果是5的2次方25 _&</div> </li> <li><a href="/article/923.htm" title="svn 常用命令" target="_blank">svn 常用命令</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a><a class="tag" taget="_blank" href="/search/%E7%89%88%E6%9C%AC%E5%9B%9E%E9%80%80/1.htm">版本回退</a> <div>1 svn回退版本 &nbsp; 1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别: &nbsp; revert this version:表示回退到当前版本(该版本后的版本全部作废) &nbsp; revert chanages from this versio</div> </li> <li><a href="/article/1050.htm" title="某小公司面试归来" target="_blank">某小公司面试归来</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>先填单子,还要写笔试题,我以时间为急,拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难,问了几个问题,记录下; 1,包的范围。。。public,private,protect. --悲剧了 2,hashcode方法和equals方法的区别。谁覆盖谁.结果,他说我说反了。 3,最恶心的一道题,抽象类继承抽象类吗?(察,一般它都是被继承的啊) 4,stru</div> </li> <li><a href="/article/1177.htm" title="动态数组的存储速度比较 集合框架" target="_blank">动态数组的存储速度比较 集合框架</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E9%9B%86%E5%90%88%E6%A1%86%E6%9E%B6/1.htm">集合框架</a> <div>集合框架: 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器</div> </li> <li><a href="/article/1304.htm" title="用JS实现一个JS对象,对象里有两个属性一个方法" target="_blank">用JS实现一个JS对象,对象里有两个属性一个方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/js%E5%AF%B9%E8%B1%A1/1.htm">js对象</a> <div>&lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; 用js代码实现一个js对象,对象里有两个属性,一个方法 &lt;/body&gt; &lt;script&gt; var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){ </div> </li> <li><a href="/article/1431.htm" title="探索JUnit4扩展:使用Rule" target="_blank">探索JUnit4扩展:使用Rule</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/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/JUnit/1.htm">JUnit</a><a class="tag" taget="_blank" href="/search/Rule/1.htm">Rule</a> <div>&nbsp; &nbsp; &nbsp; &nbsp; 在上一篇文章中,讨论了使用Runner扩展JUnit4的方式,即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule &nbsp; &nbsp; &nbsp; &n</div> </li> <li><a href="/article/1558.htm" title="[Gson一]非泛型POJO对象的反序列化" target="_blank">[Gson一]非泛型POJO对象的反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a> <div>当要将JSON数据串反序列化自身为非泛型的POJO时,使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种: 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段,例如泛型集合或者泛型类 Data类 a.不是泛型类, b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO &nbsp; &nbsp</div> </li> <li><a href="/article/1685.htm" title="【Kakfa五】Kafka Producer和Consumer基本使用" target="_blank">【Kakfa五】Kafka Producer和Consumer基本使用</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>0.Kafka服务器的配置 一个Broker, 一个Topic Topic中只有一个Partition() &nbsp; 1. Producer: package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor</div> </li> <li><a href="/article/1812.htm" title="lsyncd实时同步搭建指南——取代rsync+inotify" target="_blank">lsyncd实时同步搭建指南——取代rsync+inotify</a> <span class="text-muted">ronin47</span> <div>1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案,原先使用的是&nbsp;inotify + rsync,但随着文件数量的增大到100W+,目录下的文件列表就达20M,在网络状况不佳或者限速的情况下,变更的文件可能10来个才几M,却因此要发送的文件列表就达20M,严重减低的带宽的使用效率以及同步效率;更为要紧的是,加入inotify</div> </li> <li><a href="/article/1939.htm" title="java-9. 判断整数序列是不是二元查找树的后序遍历结果" target="_blank">java-9. 判断整数序列是不是二元查找树的后序遍历结果</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时,肯定是查找树 *2.只有两个结点时,肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是</div> </li> <li><a href="/article/2066.htm" title="MySQL的sum函数返回的类型" target="_blank">MySQL的sum函数返回的类型</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><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</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> <div>今天项目切换数据库时,出错 访问数据库的代码大概是这样: String sql = &quot;select sum(number) as sumNumberOfOneDay from tableName&quot;; List&lt;Map&gt; rows = getJdbcTemplate().queryForList(sql); for (Map row : rows</div> </li> <li><a href="/article/2193.htm" title="java设计模式之单例模式" target="_blank">java设计模式之单例模式</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/java%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">java设计模式</a> <div> 在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的:   作为对象的创建模式,单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构   单例模式的特点: 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。   饿汉式单例类 &nbsp; publ</div> </li> <li><a href="/article/2320.htm" title="javascript取当月最后一天" target="_blank">javascript取当月最后一天</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div> &lt;!--javascript取当月最后一天--&gt; &lt;script language=javascript&gt; var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont</div> </li> <li><a href="/article/2447.htm" title="linux tune2fs命令详解" target="_blank">linux tune2fs命令详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/tune2fs/1.htm">tune2fs</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E7%9C%8B%E7%B3%BB%E7%BB%9F%E6%96%87%E4%BB%B6%E5%9D%97%E4%BF%A1%E6%81%AF/1.htm">查看系统文件块信息</a> <div>一.简介: tune2fs是调整和查看ext2/ext3文件系统的文件系统参数,Windows下面如果出现意外断电死机情况,下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检,而且是可以通过tune2fs命令,自行定义自检周期及方式。 二.用法: Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou</div> </li> <li><a href="/article/2574.htm" title="做有中国特色的程序员" target="_blank">做有中国特色的程序员</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>&nbsp; 从出版业说起 网络作品排到靠前的,都不会太难看,一般人不爱看某部作品也是因为不喜欢这个类型,而此人也不会全不喜欢这些网络作品。究其原因,是因为网络作品都是让人先白看的,看的好了才出了头。而纸质作品就不一定了,排行榜靠前的,有好作品,也有垃圾。 许多大牛都是写了博客,后来出了书。这些书也都不次,可能有人让为不好,是因为技术书不像小说,小说在读故事,技术书是在学知识或温习知识,有</div> </li> <li><a href="/article/2701.htm" title="Android:TextView属性大全" target="_blank">Android:TextView属性大全</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/textview/1.htm">textview</a> <div>android:autoLink&nbsp;&nbsp;&nbsp;&nbsp;设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接。可选值(none/web/email/phone/map/all)&nbsp;&nbsp;android:autoText&nbsp;&nbsp;&nbsp;&nbsp;如果设置,将自动执行输入值的拼写纠正。此处无效果,在显示输入法并输</div> </li> <li><a href="/article/2828.htm" title="tomcat虚拟目录安装及其配置" target="_blank">tomcat虚拟目录安装及其配置</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/tomcat%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E/1.htm">tomcat配置说明</a><a class="tag" taget="_blank" href="/search/tomca%E9%83%A8%E7%BD%B2web%E5%BA%94%E7%94%A8/1.htm">tomca部署web应用</a><a class="tag" taget="_blank" href="/search/tomcat%E8%99%9A%E6%8B%9F%E7%9B%AE%E5%BD%95%E5%AE%89%E8%A3%85/1.htm">tomcat虚拟目录安装</a> <div>转载请出自出处:http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat &nbsp;目录结构 config:存放tomcat的配置文件 temp &nbsp;:存放tomcat跑起来后存放临时文件用的 work &nbsp; : 当第一次访问应用中的jsp</div> </li> <li><a href="/article/2955.htm" title="浅谈:APP有哪些常被黑客利用的安全漏洞" target="_blank">浅谈:APP有哪些常被黑客利用的安全漏洞</a> <span class="text-muted">gg163</span> <a class="tag" taget="_blank" href="/search/APP/1.htm">APP</a> <div>首先,说到APP的安全漏洞,身为程序猿的大家应该不陌生;如果抛开安卓自身开源的问题的话,其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上,有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测(ineice.com)的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞:APK 包非常容易被反编译成可读</div> </li> <li><a href="/article/3082.htm" title="C#根据网址生成静态页面" target="_blank">C#根据网址生成静态页面</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a> <div>HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页,以及显示用户名,退出等功能。根据网址生成页面的方法: &nbsp; bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri</div> </li> <li><a href="/article/3209.htm" title="SVG 教程 (一)" target="_blank">SVG 教程 (一)</a> <span class="text-muted">天梯梦</span> <a class="tag" taget="_blank" href="/search/svg/1.htm">svg</a> <div>SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识: 继续学习之前,你应该对以下内容有基本的了解: HTML XML 基础 如果希望首先学习这些内容,请在本站的首页选择相应的教程。 什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量</div> </li> <li><a href="/article/3336.htm" title="一个简单的java栈" target="_blank">一个简单的java栈</a> <span class="text-muted">luyulong</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/%E6%A0%88/1.htm">栈</a> <div> public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top </div> </li> <li><a href="/article/3463.htm" title="基础数据结构和算法八:Binary search" target="_blank">基础数据结构和算法八:Binary search</a> <span class="text-muted">sunwinner</span> <a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/Binary+search/1.htm">Binary search</a> <div>Binary search needs&nbsp;an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori</div> </li> <li><a href="/article/3590.htm" title="12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个!" target="_blank">12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个!</a> <span class="text-muted">刘星宇</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个! 1.gets()函数 问:请找出下面代码里的问题: #include&lt;stdio.h&gt; int main(void) { &nbsp;&nbsp;&nbsp; char buff[10]; &nbsp;&nbsp;&nbsp; memset(buff,0,sizeof(buff)); </div> </li> <li><a href="/article/3717.htm" title="ITeye 7月技术图书有奖试读获奖名单公布" target="_blank">ITeye 7月技术图书有奖试读获奖名单公布</a> <span class="text-muted">ITeye管理员</span> <a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a><a class="tag" taget="_blank" href="/search/ITeye/1.htm">ITeye</a><a class="tag" taget="_blank" href="/search/%E8%AF%95%E8%AF%BB/1.htm">试读</a> <div>ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾: http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀): 《Java性能优化权威指南》 </div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>