阅读更多
跑马灯
普通卷动
滑动
预设卷动
来回卷动
向下卷动
向上卷动
向右卷动
向左卷动
卷动次数
设定宽度
设定高度
设定背景颜色
设定卷动距离
设定卷动时间
字体效果
...
标题字(最大)
...
标题字(最小)
...粗体字
...粗体字(强调)
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
... 打字体
<![CDATA[...]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[...</plaintext>固定宽度字体(不执行标记符号) </p>
<p> <listing>...</listing> 固定宽度小字体 </p>
<p> <font color=00ff00>...</font>字体颜色 </p>
<p> <font size=1>...</font>最小字体 </p>
<p> <font style =font-size:100 px>...</font>无限增大 </p>
<p> <!>区断标记 </p>
<p> <hr>水平线 </p>
<p> <hr size=9>水平线(设定大小) </p>
<p> <hr width=80%>水平线(设定宽度) </p>
<p> <hr color=ff0000>水平线(设定颜色) </p>
<p> <br>(换行) </p>
<p> <nobr>...</nobr>水域(不换行) </p>
<p> <p>...</p>水域(段落) </p>
<p> <center>...</center>置中 </p>
<p> <!>连结格式 </p>
<p> <base href=位址>(预设好连结路径) </p>
<p> <a href=位址></a>外部连结 </p>
<p> <a href=位址 target=_blank></a>外部连结(另开新视窗) </p>
<p> <a href=位址 target=_top></a>外部连结(全视窗连结) </p>
<p> <a href=位址 target=页框名></a>外部连结(在指定页框连结) </p>
<p> <!>贴图/音乐 </p>
<p> <img src=图片位址>贴图 </p>
<p> <img src=图片位址 width=180>设定图片宽度 </p>
<p> <img src=图片位址 height=30>设定图片高度 </p>
<p> <img src=图片位址 alt=提示文字>设定图片提示文字 </p>
<p> <img src=图片位址 border=1>设定图片边框 </p>
<p> <bgsound src=MID音乐档位址>背景音乐设定 </p>
<p> <!>表格语法 </p>
<p> <table aling=left>...</table>表格位置,置左 </p>
<p> <table aling=center>...</table>表格位置,置中 </p>
<p> <table background=图片路径>...</table>背景图片的URL=就是路径网址 </p>
<p> <table border=边框大小>...</table>设定表格边框大小(使用数字) </p>
<p> <table bgcolor=颜色码>...</table>设定表格的背景颜色 </p>
<p> <table borderclor=颜色码>...</table>设定表格边框的颜色 </p>
<p> <table borderclordark=颜色码>...</table>设定表格暗边框的颜色 </p>
<p> <table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 </p>
<p> <table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字) </p>
<p> <table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字) </p>
<p> <table cols=参数>...</table>指定表格的栏数 </p>
<p> <table frame=参数>...</table>设定表格外框线的显示方式 </p>
<p> <table width=宽度>...</table>指定表格的宽度大小(使用数字) </p>
<p> <table height=高度>...</table>指定表格的高度大小(使用数字) </p>
<p> <td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) </p>
<p> <td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) </p>
<p> <!>分割视窗 </p>
<p> <frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 </p>
<p> <frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 </p>
<p> <frameset cols="20%,*">分割左右两个框架 </p>
<p> <frameset cols="20%,*,20%">分割左中右三个框架 </p>
<p> <分割上下两个框架 </p>
<p> <frameset rows="20%,*,20%">分割上中下三个框架 </p>
<p> <! - - ... - -> 注解 </p>
<p> <A HREF TARGET> 指定超连结的分割视窗 </p>
<p> <A HREF=#锚的名称> 指定锚名称的超连结 </p>
<p> <A HREF> 指定超连结 </p>
<p> <A NAME=锚的名称> 被连结点的名称 </p>
<p> <ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 </p>
<p> <B> 粗体字 </p>
<p> <BASE TARGET> 指定超连结的分割视窗 </p>
<p> <BASEFONT SIZE> 更改预设字形大小 </p>
<p> <BGSOUND SRC> 加入背景音乐 </p>
<p> <BIG> 显示大字体 </p>
<p> <BLINK> 闪烁的文字 </p>
<p> <BODY TEXT LINK VLINK> 设定文字颜色 </p>
<p> <BODY> 显示本文 </p>
<p> <BR> 换行 </p>
<p> <CAPTION ALIGN> 设定表格标题位置 </p>
<p> <CAPTION>...</CAPTION> 为表格加上标题 </p>
<p> <CENTER> 向中对齐 </p>
<p> <CITE>...<CITE> 用於引经据典的文字 </p>
<p> <CODE>...</CODE> 用於列出一段程式码 </p>
<p> <COMMENT>...</COMMENT> 加上注解 </p>
<p> <DD> 设定定义列表的项目解说 </p>
<p> <DFN>...</DFN> 显示"定义"文字 </p>
<p> <DIR>...</DIR> 列表文字标签 </p>
<p> <DL>...</DL> 设定定义列表的标签 </p>
<p> <DT> 设定定义列表的项目 </p>
<p> <EM> 强调之用 </p>
<p> <FONT FACE> 任意指定所用的字形 </p>
<p> <FONT SIZE> 设定字体大小 </p>
<p> <FORM ACTION> 设定户动式表单的处理方式 </p>
<p> <FORM METHOD> 设定户动式表单之资料传送方式 </p>
<p> <FRAME MARGINHEIGHT> 设定视窗的上下边界 </p>
<p> <FRAME MARGINWIDTH> 设定视窗的左右边界 </p>
<p> <FRAME NAME> 为分割视窗命名 </p>
<p> <FRAME NORESIZE> 锁住分割视窗的大小 </p>
<p> <FRAME SCROLLING> 设定分割视窗的卷轴 </p>
<p> <FRAME SRC> 将HTML档加入视窗 </p>
<p> <FRAMESET COLS> 将视窗分割成左右的子视窗 </p>
<p> <FRAMESET ROWS> 将视窗分割成上下的子视窗 </p>
<p> <FRAMESET>...</FRAMESET> 划分分割视窗 </p>
<p> <H1>~<H6> 设定文字大小 </p>
<p> <HEAD> 标示文件资讯 </p>
<p> <HR> 加上分格线 </p>
<p> <HTML> 文件的开始与结束 </p>
<p> <I> 斜体字 </p>
<p> <IMG ALIGN> 调整图形影像的位置 </p>
<p> <IMG ALT> 为你的图形影像加注 </p>
<p> <IMG DYNSRC LOOP> 加入影片 </p>
<p> <IMG HEIGHT WIDTH> 插入图片并预设图形大小 </p>
<p> <IMG HSPACE> 插入图片并预设图形的左右边界 </p>
<p> <IMG LOWSRC> 预载图片功能 </p>
<p> <IMG SRC BORDER> 设定图片边界 </p>
<p> <IMG SRC> 插入图片 </p>
<p> <IMG VSPACE> 插入图片并预设图形的上下边界 </p>
<p> <INPUT TYPE NAME value> 在表单中加入输入栏位 </p>
<p> <ISINDEX> 定义查询用表单 </p>
<p> <KBD>...</KBD> 表示使用者输入文字 </p>
<p> <LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) </p>
<p> <MARQUEE> 跑马灯效果 </p>
<p> <MENU>...</MENU> 条列文字标签 </p>
<p> <META NAME="REFRESH" CONTENT URL> 自动更新文件内容 </p>
<p> <MULTIPLE> 可同时选择多项的列表栏 </p>
<p> <NOFRAME> 定义不出现分割视窗的文字 </p>
<p> <OL>...</OL> 有序号的列表 </p>
<p> <OPTION> 定义表单中列表栏的项目 </p>
<p> <P ALIGN> 设定对齐方向 </p>
<p> <P> 分段 </p>
<p> <PERSON>...</PERSON> 显示人名 </p>
<p> <PRE> 使用原有排列 </p>
<p> <SAMP>...</SAMP> 用於引用字 </p>
<p> <SELECT>...</SELECT> 在表单中定义列表栏 </p>
<p> <SMALL> 显示小字体 </p>
<p> <STRIKE> 文字加横线 </p>
<p> <STRONG> 用於加强语气 </p>
<p> <SUB> 下标字 </p>
<p> <SUP> 上标字 </p>
<p> <TABLE BORDER=n> 调整表格的宽线高度 </p>
<p> <TABLE CELLPADDING> 调整资料栏位之边界 </p>
<p> <TABLE CELLSPACING> 调整表格线的宽度 </p>
<p> <TABLE HEIGHT> 调整表格的高度 </p>
<p> <TABLE WIDTH> 调整表格的宽度 </p>
<p> <TABLE>...</TABLE> 产生表格的标签 </p>
<p> <TD ALIGN> 调整表格栏位之左右对齐 </p>
<p> <TD BGCOLOR> 设定表格栏位之背景颜色 </p>
<p> <TD COLSPAN ROWSPAN> 表格栏位的合并 </p>
<p> <TD NOWRAP> 设定表格栏位不换行 </p>
<p> <TD VALIGN> 调整表格栏位之上下对齐 </p>
<p> <TD WIDTH> 调整表格栏位宽度 </p>
<p> <TD>...</TD> 定义表格的资料栏位 </p>
<p> <TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏 </p>
<p> <TEXTAREA WRAP> 决定文字输入栏是自动否换行 </p>
<p> <TH>...</TH> 定义表格的标头栏位 </p>
<p> <TITLE> 文件标题 </p>
<p> <TR>...</TR> 定义表格美一行 </p>
<p> <TT> 打字机字体 </p>
<p> <U> 文字加底线 </p>
<p> <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) </p>
<p> <VAR>...</VAR> 用於显示变数</p>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1177834874803908608"></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">你可能感兴趣的:(css,style)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1884304311790399488.htm"
title="前端开发实战：创建简易HTML计算器" target="_blank">前端开发实战：创建简易HTML计算器</a>
<span class="text-muted">不胖的羊</span>
<div>本文还有配套的精品资源，点击获取简介：计算器是执行基本数学运算的应用程序，通常在IT和前端开发领域中通过HTML、CSS和JavaScript实现。HTML定义页面结构和布局，JavaScript赋予计算器动态交互功能，例如监听按钮点击事件、执行计算和更新结果显示。该项目涉及HTML的元素结构、JavaScript的事件处理和DOM操作，是学习Web开发基础的理想练习。1.计算器的基本概念和应用1</div>
</li>
<li><a href="/article/1884296999059124224.htm"
title="error: Metrics API not available" target="_blank">error: Metrics API not available</a>
<span class="text-muted">喝醉酒的小白</span>
<a class="tag" taget="_blank" href="/search/K8s/1.htm">K8s</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a>
<div>目录解决方案11.**确认MetricsServer是否安装**2.**安装MetricsServer**方法1：通过`kubectlapply`安装方法2：通过Helm安装3.**检查MetricsServer的运行状态**镜像问题证书问题解决方法1.**允许InsecureSkipVerify**2.**验证更新**3.**查看日志**长期解决方法1.**更新Kubelet的证书**2.**使</div>
</li>
<li><a href="/article/1884280849248088064.htm"
title="java毕业设计校园共享单车管理系统源码+lw文档+mybatis+系统+mysql数据库+调试" target="_blank">java毕业设计校园共享单车管理系统源码+lw文档+mybatis+系统+mysql数据库+调试</a>
<span class="text-muted">好好吃肉</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><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>
<div>java毕业设计校园共享单车管理系统源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计校园共享单车管理系统源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据</div>
</li>
<li><a href="/article/1884271396687769600.htm"
title="selenium+pytest自动化脚本生成报告乱码问题" target="_blank">selenium+pytest自动化脚本生成报告乱码问题</a>
<span class="text-muted">xiaobawang001</span>
<a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/pytest/1.htm">pytest</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a>
<div>在运行pytest生成报告的时候，中文会显示为？如下图尝试多种修改conftest的编码格式后，未能成功，最终直接修改python路径\Lib\site-packages\pytest_html内的html_report.py将这句head=html.head(html.meta(charset="utf-8"),html.title(self.title),html_css)修改为：head=h</div>
</li>
<li><a href="/article/1884218304457928704.htm"
title="flask 与layui冲突" target="_blank">flask 与layui冲突</a>
<span class="text-muted">AI算法网奇</span>
<div>flask与layui冲突代码：{field:'img3',title:'03',width:cell_w,style:cell_h,event:'setBackground',templet:'老鼠图片'}{{}}是flask遍历后台变量的语法layui想用{{d.img3}}读取列数据，结果flask优先了，layui读取不到数据：解决方法：{field:'img6',title:'06',w</div>
</li>
<li><a href="/article/1884147419424288768.htm"
title="How to learn html？基于chatGLM-b生成示例（仅供参考）" target="_blank">How to learn html？基于chatGLM-b生成示例（仅供参考）</a>
<span class="text-muted">不是吧这都有重名</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>如何学习HTML目录章节11.1.HTML基础概念章节22.1.HTML文档结构章节33.1.HTML基本标签章节44.1.HTML文本格式化章节55.1.HTML列表和表格章节66.1.HTML表单和输入章节77.1.HTML图片和多媒体章节88.1.HTML链接与导航章节99.1.HTML样式与CSS的基本应用章节1010.1.HTML常用属性与属性标签章节1111.1.HTML注释与特殊字符</div>
</li>
<li><a href="/article/1884089565602443264.htm"
title="可爱狗狗的404动画页面HTML源码" target="_blank">可爱狗狗的404动画页面HTML源码</a>
<span class="text-muted">酷爱码</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>源码介绍可爱狗狗的404动画页面HTML源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果效果预览源码获取可爱狗狗的404动画页面HTML源码</div>
</li>
<li><a href="/article/1884087417921662976.htm"
title="由于直接提供完整的游戏商城代码超出了简单回答的范围，并且游戏商城的实现可以相当复杂，涉及前端展示、后端逻辑、数据库设计等多个方面，我会分别用几种流行的编程语言和技术栈概述如何开始搭建一个基本的游戏商城" target="_blank">由于直接提供完整的游戏商城代码超出了简单回答的范围，并且游戏商城的实现可以相当复杂，涉及前端展示、后端逻辑、数据库设计等多个方面，我会分别用几种流行的编程语言和技术栈概述如何开始搭建一个基本的游戏商城</a>
<span class="text-muted">编程小飞侠a</span>
<a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/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/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>前端（HTML/CSS/JavaScript+React）React示例:fengbaoshun.com首先，你需要安装Node.js和npm（Node包管理器），然后使用CreateReactApp来快速启动你的前端项目。bashnpxcreate-react-appgame-store-frontendcdgame-store-frontendnpmstart接下来，你可以使用React组件来</div>
</li>
<li><a href="/article/1884087165697191936.htm"
title="由于直接提供完整的大型项目代码（如购物商城）在单一回答中是不切实际的，我将为你概述如何在几种流行的编程语言中设置购物商城的基本框架和思路。这包括前端（如HTML/CSS/JavaScript）和后端（" target="_blank">由于直接提供完整的大型项目代码（如购物商城）在单一回答中是不切实际的，我将为你概述如何在几种流行的编程语言中设置购物商城的基本框架和思路。这包括前端（如HTML/CSS/JavaScript）和后端（</a>
<span class="text-muted">SigridFelix</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>前端（HTML/CSS/JavaScript）dz61.comHTML:创建基础的页面结构，如主页、商品列表页、购物车页和结账页。html我的购物商城欢迎来到我的购物商城商品列表购物车CSS:简单的样式表，用于美化页面。css/*styles.css*/body{font-family:Arial,sans-serif;}h1{color:#333;}ul{list-style-type:none</div>
</li>
<li><a href="/article/1884009263001563136.htm"
title="HTML+CSS初学 （day3）" target="_blank">HTML+CSS初学 （day3）</a>
<span class="text-muted">灵封～</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>HTML，全称为超文本标记语言（HyperTextMarkupLanguage），是一种用于创建网页的标准标记语言。HTML是构建Web页面的基础，它使用一系列称为标签的关键字来定义页面的结构。一、HTML的基本概念定义：HTML通过标签来描述网页中的各个元素，如标题、段落、图片、链接等。这些标签告诉浏览器如何显示内容，包括文字、图片、视频等。作用：定义网页的结构和内容，使网页内容能够按照预定的格</div>
</li>
<li><a href="/article/1884002962058047488.htm"
title="Thymeleaf基础知识语法" target="_blank">Thymeleaf基础知识语法</a>
<span class="text-muted">沐暖沐</span>
<a class="tag" taget="_blank" href="/search/thymeleaf/1.htm">thymeleaf</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>1、简介Thymeleaf是⾯向Web和独⽴环境的现代服务器端Java模板引擎，能够处理HTML、XML、JavaScript、CSS、TEXT、RAW这六种模板。这六种模版模式包含两种标记模板模式（HTML和XML），三种⽂本模板模式（TEXT，JAVASCRIPT和CSS）和⼀个⽆操作模板模式（RAW）。①简单表达式变量表达式：${…}选择变量表达式：*{…}消息表达：#{…}链接URL表达式</div>
</li>
<li><a href="/article/1884000440878690304.htm"
title="工程化概述" target="_blank">工程化概述</a>
<span class="text-muted">WJP丶</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96%E5%AE%9E%E6%88%98/1.htm">前端工程化实战</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96%E6%A6%82%E8%BF%B0/1.htm">前端工程化概述</a>
<div>工程化的定义和主要解决的问题前端工程化指遵循一定的规范，通过工具提升效率，降低成本的一种手段。前端日常开发遇到的问题想要使用ES6+新特性，但是兼容性有问题想要使用Less/Sass/PostCss增强css编程性，但是运行环境不能直接支持想要使用模块化的方式提高项目的可维护性，但是运行环境不能直接支持部署上线前需要手动压缩代码及资源文件、部署过程需要手动上传代码到服务器多人协作开发，无法硬性同一</div>
</li>
<li><a href="/article/1883976229669892096.htm"
title="web自动化——前端知识" target="_blank">web自动化——前端知识</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/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>是HTML中的一个元素，用于在当前网页中嵌入另一个网页或文档。它就像一个“窗口”，可以在页面中显示其他内容。主要特点：嵌入外部内容：可以在网页中嵌入其他网页、视频、地图等。独立上下文：嵌入的内容与主页面相互独立，拥有自己的JavaScript和CSS环境。可定制：可以通过属性调整大小、边框等。常用属性：src：指定要嵌入内容的URL。width和height：设置iframe的宽度和高度。fram</div>
</li>
<li><a href="/article/1883974465583378432.htm"
title="CSS：模拟下雪效果动画制作教程" target="_blank">CSS：模拟下雪效果动画制作教程</a>
<span class="text-muted">IT新时代</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/1.htm">前端基础</a>
<div>下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果，更多效果大家可以自行发挥。1.前言由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点：动画自由度：canvas胜；复杂度：canvas胜；兼容性：canvas胜；性能：css3胜（requestAnimationF</div>
</li>
<li><a href="/article/1883915063195136000.htm"
title="解决elementui的dialog对话框过高会被拖动的bug" target="_blank">解决elementui的dialog对话框过高会被拖动的bug</a>
<span class="text-muted">_best</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>在使用elementUI过程中，当dialog对话元素过多长处浏览器高度是，点击标题就会跳成如下图这样，上方会被遮挡且无法拖动上去：解决方法是通过设置css固定top及left禁止拖动，核心css代码：/deep/.el-dialog{top:15%!important;left:0!important;}</div>
</li>
<li><a href="/article/1883904472925663232.htm"
title="Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用）" target="_blank">Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用）</a>
<span class="text-muted">云霄IT</span>
<a class="tag" taget="_blank" href="/search/python%E5%BA%93%E6%95%99%E7%A8%8B/1.htm">python库教程</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>目录一、flask库安装二、简单使用三、前端返回类型设置（一）返回文本类型（二）返回json类型（三）重定向到另一路由（四）返回html类型，嵌入js,css,image等内容（一）py文件（二）html文件写法（三）静态目录结构四、静态资源路径修改五、实现提供文件下载一、flask库安装pipinstallflask二、简单使用fromflaskimportFlask,requestapp=Fl</div>
</li>
<li><a href="/article/1883844350207651840.htm"
title="破解浏览器渲染“死锁”：CSS与JS如何影响页面加载速度？" target="_blank">破解浏览器渲染“死锁”：CSS与JS如何影响页面加载速度？</a>
<span class="text-muted">dorabighead</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%85%AB%E8%82%A1%E6%80%BB%E7%BB%93/1.htm">前端八股总结</a><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与JS如何影响页面加载速度？在这个快速发展的Web世界里，性能是开发者们永恒的追求。当你打开一个网页，可能会注意到一些页面加载特别慢，甚至产生短暂的“白屏”，你有没有想过，CSS和JS如何在这个过程中起到了关键作用？今天，我们要揭秘浏览器渲染流程中的一个关键问题：CSS和JS的加载与执行是否会阻塞渲染？准备好了吗？跟着我一起，从浏览器如何渲染页面开始，逐步深入探索这背</div>
</li>
<li><a href="/article/1883840693122691072.htm"
title="css粒子效果" target="_blank">css粒子效果</a>
<span class="text-muted">HainesFreeman</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>htmlcss:body{height:100vh;background:radial-gradient(ellipseatbottom,#1b27350%,#090a0f100%);overflow:hidden;filter:drop-shadow(0010pxwhite);}@functionrandom_range($min,$max){$rand:random();$random_ran</div>
</li>
<li><a href="/article/1883840440575258624.htm"
title="html文字旋转以后变形,关于css:CSS3中的变形处理transform功能旋转缩放倾斜移动" target="_blank">html文字旋转以后变形,关于css:CSS3中的变形处理transform功能旋转缩放倾斜移动</a>
<span class="text-muted">weixin_39974958</span>
<a class="tag" taget="_blank" href="/search/html%E6%96%87%E5%AD%97%E6%97%8B%E8%BD%AC%E4%BB%A5%E5%90%8E%E5%8F%98%E5%BD%A2/1.htm">html文字旋转以后变形</a>
<div>1transform属性在CSS3中，能够利用transform性能实现文字或图像的旋转、缩放、歪斜、挪动这4中类型的变形解决。(1)浏览器反对到目前为止：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器反对该属性。2旋转应用rotate办法，在参数中退出角度值，角度值前面跟示意角度单位的“deg”文字即可，旋转方向为顺时针方向。transform：rot</div>
</li>
<li><a href="/article/1883835521373892608.htm"
title="使用HTML+CSS+JS 实现粒子动画" target="_blank">使用HTML+CSS+JS 实现粒子动画</a>
<span class="text-muted">余大力BBQ</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B0%8F%E6%A1%88%E4%BE%8B/1.htm">前端小案例</a><a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><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/%E7%B2%92%E5%AD%90%E5%8A%A8%E7%94%BB/1.htm">粒子动画</a><a class="tag" taget="_blank" href="/search/%E9%BC%A0%E6%A0%87%E4%BA%A4%E4%BA%92/1.htm">鼠标交互</a>
<div>：阿余：2022-3-2-2：如有错误，敬请指正。感谢！使用HTML+CSS+JS实现粒子动画1设置网页的样式2移动鼠标生成粒子3为每个粒子生成随机颜色属性4让粒子动起来5让粒子在垂直方向随机向上或向下移动6为粒子设置生命周期，销毁过期粒子7让粒子的颜色，跟随生命周期变化（淡出效果）8完整代码1设置网页的样式鼠标的粒子尾巴html,body{width:100%;height:100%;paddi</div>
</li>
<li><a href="/article/1883832368838537216.htm"
title="【CSS】border 属性详解：边框的全面指南" target="_blank">【CSS】border 属性详解：边框的全面指南</a>
<span class="text-muted">Peter-Lu</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a>
<div>文章目录一、border属性概述1.什么是border？2.border属性的基本语法二、border相关的子属性1.border-width2.border-style3.border-color三、边框的独立控制四、圆角边框：border-radius1.border-radius的基本用法2.圆形边框五、边框图片：border-image1.border-image的基本用法2.border</div>
</li>
<li><a href="/article/1883824426944884736.htm"
title="html,css,js的粒子效果" target="_blank">html,css,js的粒子效果</a>
<span class="text-muted">python算法(魔法师版)</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>这段代码实现了一个基于HTML5Canvas的高级粒子效果，用户可以通过鼠标与粒子进行交互。下面是对代码的详细解析：HTML部分使用声明文档类型。标签内包含了整个网页的内容。部分定义了网页的标题（"高级粒子效果"）和一些基本样式，如设置页面无边距、隐藏滚动条以及黑色背景。包含一个元素用于绘图。CSS部分设置body的边距为0，并隐藏溢出内容，同时设置背景颜色为黑色。canvas块级显示，确保其占据</div>
</li>
<li><a href="/article/1883758482935574528.htm"
title="前端新手教程：HTML、CSS 和 JavaScript 全面详解及实用案例" target="_blank">前端新手教程：HTML、CSS 和 JavaScript 全面详解及实用案例</a>
<span class="text-muted">魏大帅。</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>一、引言在当今数字化的时代，前端开发扮演着至关重要的角色，它决定了用户与网页和应用程序交互的体验。HTML、CSS和JavaScript作为前端开发的核心技术，分别负责网页的结构、样式和交互。本教程将为前端新手全面深入地介绍HTML、CSS和JavaScript的知识点，并通过实用案例帮助你快速上手。二、HTML基础（一）HTML概述HTML（HyperTextMarkupLanguage）即超文</div>
</li>
<li><a href="/article/1883748144768937984.htm"
title="XML 语法" target="_blank">XML 语法</a>
<span class="text-muted">凉风细细</span>
<a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a>
<div>XML的语法规则很简单，且很有逻辑。这些规则很容易学习，也很容易使用。XML声明XML声明文件的可选部分，如果存在需要放在文档的第一行，如下所示：以上实例包含XML版本（version="1.0"），甚至包含字符编码（encoding="utf-8"）。UTF-8也是HTML5,CSS,JavaScript,PHP,和SQL的默认编码。XML文档必须有根元素XML必须包含根元素，它是所有其他元素的</div>
</li>
<li><a href="/article/1883737183710408704.htm"
title="HTML&CSS：雪花飘落邮票动画" target="_blank">HTML&CSS：雪花飘落邮票动画</a>
<span class="text-muted">前端Hardy</span>
<a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>这段代码创建了一个带有动画效果的邮票场景，通过CSS和JavaScript技术模拟了雪花的下落和邮票的装饰效果，为页面添加了节日气氛。演示效果HTML&CSS公众号关注：前端Hardy@importurl('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Inter:ital,opsz,wgh</div>
</li>
<li><a href="/article/1883733906323206144.htm"
title="前端【11】HTML+CSS+jQUery实战项目--实现一个简单的todolist" target="_blank">前端【11】HTML+CSS+jQUery实战项目--实现一个简单的todolist</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>前端【8】HTML+CSS+javascript实战项目----实现一个简单的待办事项列表(To-DoList)-CSDN博客学过jQUery可以极大简化js代码的编写，基于之前实现的todolist小demo，了解如何使用jQuery来实现常见的动态交互功能。修改后的js代码关键点解析动态添加元素：通过append方法动态添加表格行，并为每一行生成唯一的index属性。事件委托：使用on方法将事</div>
</li>
<li><a href="/article/1883724833477423104.htm"
title="XSLT Apply: Transforming XML with XSLT" target="_blank">XSLT Apply: Transforming XML with XSLT</a>
<span class="text-muted">froginwe11</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>XSLTApply:TransformingXMLwithXSLTIntroductionXSLT,whichstandsforExtensibleStylesheetLanguageTransformations,isapowerfultoolfortransformingXML(ExtensibleMarkupLanguage)documentsintootherformats,suchasH</div>
</li>
<li><a href="/article/1883724833959768064.htm"
title="CSS Backgrounds(背景)" target="_blank">CSS Backgrounds(背景)</a>
<span class="text-muted">froginwe11</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>CSSBackgrounds(背景)Introduction(介绍)CSSbackgroundsplayacrucialroleinwebdesign,allowingdeveloperstoapplycolors,images,andotherdecorativeelementstothebackgroundofHTMLelements.Thisenhancesthevisualappealof</div>
</li>
<li><a href="/article/1883699376161878016.htm"
title="在 uni-app 中，可以通过几种不同的方式来动态地绑定 CSS 样式?" target="_blank">在 uni-app 中，可以通过几种不同的方式来动态地绑定 CSS 样式?</a>
<span class="text-muted">豆豆（前端开发+ui设计）</span>
<a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在uni-app中，你可以通过几种不同的方式来动态地绑定CSS样式。这通常涉及到使用JavaScript来计算或改变样式，并将这些样式应用到组件上。以下是一些常见的方法：1.使用内联样式你可以直接在组件上使用:style绑定来动态地设置内联样式。这允许你使用JavaScript对象来定义样式。Hellouni-app!exportdefault{data(){return{dynamicStyle</div>
</li>
<li><a href="/article/1883688913319555072.htm"
title="python爬取商品评论_python 爬取京东商品评论" target="_blank">python爬取商品评论_python 爬取京东商品评论</a>
<span class="text-muted">weixin_39863008</span>
<a class="tag" taget="_blank" href="/search/python%E7%88%AC%E5%8F%96%E5%95%86%E5%93%81%E8%AF%84%E8%AE%BA/1.htm">python爬取商品评论</a>
<div>#!/usr/bin/python#-*-coding:UTF-8-*-importrequestsimportreimportjsonimporttimeimportxlwtimportrandom###配置表格#不需要明白是干啥的#有下面4行代码就可以往表格写中文了#style=xlwt.XFStyle()font=xlwt.Font()font.name='SimSun'style.font</div>
</li>
<li><a href="/article/121.htm"
title="jquery实现的jsonp掉java后台" target="_blank">jquery实现的jsonp掉java后台</a>
<span class="text-muted">知了ing</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
<div> 什么是JSONP？
先说说JSONP是怎么产生的：
其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。
1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准；
2、</div>
</li>
<li><a href="/article/248.htm"
title="Struts2学习笔记" target="_blank">Struts2学习笔记</a>
<span class="text-muted">caoyong</span>
<a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a>
<div>SSH : Spring + Struts2 + Hibernate
三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller)
分层原则:单向依赖，接口耦合
1、Struts2 = Struts + Webwork
2、搭建struts2开发环境
a>、到www.apac</div>
</li>
<li><a href="/article/375.htm"
title="SpringMVC学习之后台往前台传值方法" target="_blank">SpringMVC学习之后台往前台传值方法</a>
<span class="text-muted">满城风雨近重阳</span>
<a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a>
<div>springMVC控制器往前台传值的方法有以下几种：
1.ModelAndView
通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：
ModelAndView mv=new ModelAndView();
mv.setViewName="success</div>
</li>
<li><a href="/article/502.htm"
title="WebService存在的必要性？" target="_blank">WebService存在的必要性？</a>
<span class="text-muted">一炮送你回车库</span>
<a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a>
<div>做Java的经常在选择Webservice框架上徘徊很久，Axis Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。
是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。
当在不同的平台间传输数据时，就需要一个都能解析的数据格式。
但是为什么要使用xml呢？不能使json或者其他通用数据</div>
</li>
<li><a href="/article/629.htm"
title="js年份下拉框" target="_blank">js年份下拉框</a>
<span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java+web+ee/1.htm">java web ee</a>
<div>
<div id="divValue">test...</div>测试
//年份
<select id="year"></select>
<script type="text/javascript">
window.onload = </div>
</li>
<li><a href="/article/756.htm"
title="简单链式调用的实现技术" target="_blank">简单链式调用的实现技术</a>
<span class="text-muted">归来朝歌</span>
<a class="tag" taget="_blank" href="/search/%E6%96%B9%E6%B3%95%E8%B0%83%E7%94%A8/1.htm">方法调用</a><a class="tag" taget="_blank" href="/search/%E9%93%BE%E5%BC%8F%E5%8F%8D%E5%BA%94/1.htm">链式反应</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E6%80%9D%E6%83%B3/1.htm">编程思想</a>
<div>在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用
这样的调用你可能在Ajax中，在页面中添加标签：
$("<p>").append($("<span>").text(list[i].name)).appendTo("#result");
也可能在HQ</div>
</li>
<li><a href="/article/883.htm"
title="JAVA调用.net 发布的webservice 接口" target="_blank">JAVA调用.net 发布的webservice 接口</a>
<span class="text-muted">darkranger</span>
<a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a>
<div> /**
* @Title: callInvoke
* @Description: TODO(调用接口公共方法)
* @param @param url 地址
* @param @param method 方法
* @param @param pama 参数
* @param @return
* @param @throws BusinessException </div>
</li>
<li><a href="/article/1010.htm"
title="Javascript模糊查找 | 第一章 循环不能不重视。" target="_blank">Javascript模糊查找 | 第一章 循环不能不重视。</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Way/1.htm">Way</a>
<div> 最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下：
function search(){
var arr=new Array("my</div>
</li>
<li><a href="/article/1137.htm"
title="狼和羊，该怎么抉择" target="_blank">狼和羊，该怎么抉择</a>
<span class="text-muted">atongyeye</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
<div>狼和羊，该怎么抉择
在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。
今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说</div>
</li>
<li><a href="/article/1264.htm"
title="读取android系统的联系人拨号" target="_blank">读取android系统的联系人拨号</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/sqlite%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">sqlite数据库</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AE%B9%E6%8F%90%E4%BE%9B%E8%80%85/1.htm">内容提供者</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9C%8D%E5%8A%A1%E7%9A%84%E4%BD%BF%E7%94%A8/1.htm">系统服务的使用</a>
<div>
联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢
关键代码:
1, 使用javabean操作存储读取到的数据
package com.example.bean;
/**
*
* @author Admini</div>
</li>
<li><a href="/article/1391.htm"
title="ORACLE自定义异常" target="_blank">ORACLE自定义异常</a>
<span class="text-muted">bijian1013</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/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%BC%82%E5%B8%B8/1.htm">自定义异常</a>
<div>实例：
CREATE OR REPLACE PROCEDURE test_Exception
(
ParameterA IN varchar2,
ParameterB IN varchar2,
ErrorCode OUT varchar2 --返回值,错误编码
)
AS
/*以下是一些变量的定义*/
V1 NUMBER;
V2 nvarc</div>
</li>
<li><a href="/article/1518.htm"
title="查看端号使用情况" target="_blank">查看端号使用情况</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a>
<div>一、查看端口
在windows命令行窗口下执行：
>netstat -aon|findstr "8080"
显示结果：
TCP 127.0.0.1:80 0.0.0.0:0 &</div>
</li>
<li><a href="/article/1645.htm"
title="【Spark二十】运行Spark Streaming的NetworkWordCount实例" target="_blank">【Spark二十】运行Spark Streaming的NetworkWordCount实例</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/wordcount/1.htm">wordcount</a>
<div>Spark Streaming简介
NetworkWordCount代码
/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
</div>
</li>
<li><a href="/article/1772.htm"
title="Struts2 与 SpringMVC的比较" target="_blank">Struts2 与 SpringMVC的比较</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a><a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a>
<div>1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring</div>
</li>
<li><a href="/article/1899.htm"
title="Hibernate在更新时，是可以不用session的update方法的(转帖）" target="_blank">Hibernate在更新时，是可以不用session的update方法的(转帖）</a>
<span class="text-muted">BreakingBad</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/update/1.htm">update</a>
<div>地址：http://blog.csdn.net/plpblue/article/details/9304459
public void synDevNameWithItil()
{Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran</div>
</li>
<li><a href="/article/2026.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/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
import java.util.Observable;
import java.util.Observer;
/**
* “观</div>
</li>
<li><a href="/article/2153.htm"
title="重置MySQL密码" target="_blank">重置MySQL密码</a>
<span class="text-muted">chenhbc</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E7%BD%AE%E5%AF%86%E7%A0%81/1.htm">重置密码</a><a class="tag" taget="_blank" href="/search/%E5%BF%98%E8%AE%B0%E5%AF%86%E7%A0%81/1.htm">忘记密码</a>
<div>如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）：
1、关闭MySQL服务
2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL
mysqld --skip-grant-tables
3、新开一个CMD窗口，进入MySQL
mysql -uroot
 </div>
</li>
<li><a href="/article/2280.htm"
title="再谈系统论，控制论和信息论" target="_blank">再谈系统论，控制论和信息论</a>
<span class="text-muted">comsci</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/%E7%94%9F%E7%89%A9/1.htm">生物</a><a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/1.htm">能源</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/%E9%A2%86%E5%9F%9F%E6%A8%A1%E5%9E%8B/1.htm">领域模型</a>
<div>
再谈系统论，控制论和信息论
偶然看</div>
</li>
<li><a href="/article/2407.htm"
title="oracle moving window size与 AWR retention period关系" target="_blank">oracle moving window size与 AWR retention period关系</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>转自： http://tomszrp.itpub.net/post/11835/494147
晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程.
SQL> select * from v$version;
BANNER
-------------------</div>
</li>
<li><a href="/article/2534.htm"
title="Python版B树" target="_blank">Python版B树</a>
<span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树...
首先是数据实体对象,很简单,只存放key,value
class Entity(object):
'''数据实体'''
def __init__(self,key,value)</div>
</li>
<li><a href="/article/2661.htm"
title="C语言冒泡排序" target="_blank">C语言冒泡排序</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>代码示例：
# include <stdio.h>
//冒泡排序
void sort(int * a, int len)
{
int i, j, t;
for (i=0; i<len-1; i++)
{
for (j=0; j<len-1-i; j++)
{
if (a[j] > a[j+1]) // >表示升序 </div>
</li>
<li><a href="/article/2788.htm"
title="自定义导航栏样式" target="_blank">自定义导航栏样式</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89/1.htm">自定义</a>
<div>-(void)setupAppAppearance
{
[[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]];
[UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH</div>
</li>
<li><a href="/article/2915.htm"
title="11.性能优化-优化-JVM参数总结" target="_blank">11.性能优化-优化-JVM参数总结</a>
<span class="text-muted">frank1234</span>
<a class="tag" taget="_blank" href="/search/jvm%E5%8F%82%E6%95%B0/1.htm">jvm参数</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a>
<div>1.堆
-Xms --初始堆大小
-Xmx --最大堆大小
-Xmn --新生代大小
-Xss --线程栈大小
-XX:PermSize --永久代初始大小
-XX:MaxPermSize --永久代最大值
-XX:SurvivorRatio --新生代和suvivor比例,默认为8
-XX:TargetSurvivorRatio --survivor可使用</div>
</li>
<li><a href="/article/3042.htm"
title="nginx日志分割 for linux" target="_blank">nginx日志分割 for linux</a>
<span class="text-muted">HarborChung</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
<div>nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本 使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限
复制代码代码如下:
chmo</div>
</li>
<li><a href="/article/3169.htm"
title="Spring4新特性——泛型限定式依赖注入" target="_blank">Spring4新特性——泛型限定式依赖注入</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/spring4/1.htm">spring4</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B%E5%BC%8F%E4%BE%9D%E8%B5%96%E6%B3%A8%E5%85%A5/1.htm">泛型式依赖注入</a>
<div>Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新</div>
</li>
<li><a href="/article/3296.htm"
title="centOS安装GCC和G++" target="_blank">centOS安装GCC和G++</a>
<span class="text-muted">liuxihope</span>
<a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/gcc/1.htm">gcc</a>
<div>Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。
按照这个思路，我想安装过程如下：
安装gcc：yum install gcc
安装g++： yum install g++
实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该</div>
</li>
<li><a href="/article/3423.htm"
title="第13章 Ajax进阶（上）" target="_blank">第13章 Ajax进阶（上）</a>
<span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a>
<div>index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/</div>
</li>
<li><a href="/article/3550.htm"
title="How to determine BusinessObjects service pack and fix pack" target="_blank">How to determine BusinessObjects service pack and fix pack</a>
<span class="text-muted">blueoxygen</span>
<a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a>
<div>http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/
The table below is helpful. Reference
BOE XI 3.x
12.0.0.
y BOE XI 3.0 12.0.
x.
y BO</div>
</li>
<li><a href="/article/3677.htm"
title="Oracle里的自增字段设置" target="_blank">Oracle里的自增字段设置</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div> 大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列
create table t
(
id number generated by default as identity (start with 1 increment b</div>
</li>
<li><a href="/article/3804.htm"
title="Spring Security（01）——初体验" target="_blank">Spring Security（01）——初体验</a>
<span class="text-muted">yang_winnie</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Security/1.htm">Security</a>
<div>Spring Security（01）——初体验
博客分类： spring Security
Spring Security入门安全认证
首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置</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>]]></plaintext></p></div></div>
