12 为何使用Html5+CSS3

定义正文或一篇完整的内容，能被直接粘贴到别的地方有独立意义，比如“博客正文”。

定义补充或相关内容，侧边栏，广告栏等。

一

、

 //controls播放控制栏；支持ogg和mp4格式；响应式视频：普通情况可以使用max-width:100% height:auto，如果是外部视频，则使用FitVids的jQuery插件</code></pre> 
  <p><br>三：离线Web应用</p> 
  <p> 通过.manifest文件指定哪些文件可以离线访问的</p> 
  <p><br></p> 
  <p>四：更灵活的CSS3</p> 
  <p>01.可以多栏显示文本</p> 
  <p>column-width:12em; //试了几个浏览器好像很多无效的~</p> 
  <p></p> 
  <p>02.众多选择器</p> 
  <p>body[id="2^"]{} //id为"2"开头的标签</p> 
  <p>li:first-child 、 li:last-child //针对列表的首尾项</p> 
  <p><a href="http://img.e-com-net.com/image/info8/5bb6e5ee95574b2cb055f0b8c8d652de.jpg" target="_blank"><img alt="" src="http://img.e-com-net.com/image/info8/5bb6e5ee95574b2cb055f0b8c8d652de.jpg" width="118" height="53"></a></p> 
  <pre><code class="language-html">    li:nth-child(2n+1)//第“1”个li元素起，每“2”个颜色为红色        
{
            color: red;
        }  
     <ul>
        <li>һһһһһ</li>
        <li>22222222</li>
        <li>33333333</li>
    </ul></code></pre> 
  <p>p::first-line{color:red;} //第一行文字为红色<br><br></p> 
  <p>五：更丰富CSS3</p> 
  <p>传统CSS实现圆角、阴影等效果，一般要借助图片来实现，使用CSS3代替图片，可以有效减少http请求，取得更快的网页加载速度。不同浏览器对不同的CSS特性可能要使用不同的代码，可以使用预处理器SASS或LESS才处理。</p> 
  <p>01.CSS3轻松应用边框圆角</p> 
  <p><a href="http://img.e-com-net.com/image/info8/e8dc922f5cc14e728d16e766abfbffa9.jpg" target="_blank"><img alt="" src="http://img.e-com-net.com/image/info8/e8dc922f5cc14e728d16e766abfbffa9.jpg" width="85" height="57"></a></p> 
  <pre><code class="language-html"><html>
<head>
    <style>
        a
        {
            background-color:red;
            border-top-left-radius:8px;/*圆角位置和大小*/
            border-top-right-radius:8px;
            padding:0.8em;
        }
    </style>
</head>
<body>
    <br />
    <a href="#">圆角</a>
</body>
</html>
</code></pre> 
  <p>02.可以使用@font-face嵌入网页字体，还可以使用可缩放的ICON（非图片格式，fico.lensco.be）</p> 
  <p><a href="http://img.e-com-net.com/image/info8/4269c00597ad46168bc506bf1504bb37.jpg" target="_blank"><img alt="12 为何使用Html5+CSS3_第1张图片" src="http://img.e-com-net.com/image/info8/4269c00597ad46168bc506bf1504bb37.jpg" width="650" height="291" style="border:1px solid black;"></a></p> 
  <p>03.使用透明通道</p> 
  <p><a href="http://img.e-com-net.com/image/info8/31ad26b2f41d4df683b0805f0b924e01.jpg" target="_blank"><img alt="12 为何使用Html5+CSS3_第2张图片" src="http://img.e-com-net.com/image/info8/31ad26b2f41d4df683b0805f0b924e01.jpg" width="650" height="407" style="border:1px solid black;"></a><br></p> 
  <pre><code class="language-html">    <style>
        body{
	background:url(01.jpg) no-repeat;
	}
	#wrapper{
	background-color:hsla(100,100%,100%,0.7);/*HSL是360度色相环*/
	width:500px;
	height:500px;
	}
    </style>
</head>
<body>
    <div id="wrapper">
	透明区域
    </div>
</body></code></pre> 
  <p>04文字阴影</p> 
  <p><a href="http://img.e-com-net.com/image/info8/7bd4d6adbfb242b789cc4206e149fc3b.jpg" target="_blank"><img alt="" src="http://img.e-com-net.com/image/info8/7bd4d6adbfb242b789cc4206e149fc3b.jpg" width="136" height="44"></a></p> 
  <pre><code class="language-html">text-shadow:5px 5px 2px #333; //（正负）右、下、阴影程度、颜色</code></pre> 
  <p>浮雕效果：</p> 
  <p><a href="http://img.e-com-net.com/image/info8/9abffe8be695421a8b1fe633f4d4cc4b.jpg" target="_blank"><img alt="" src="http://img.e-com-net.com/image/info8/9abffe8be695421a8b1fe633f4d4cc4b.jpg" width="156" height="44"></a></p> 
  <pre><code class="language-html"><head>
    <style>
	#wrapper{
        height:500px;
        background-color:ActiveBorder;
        text-shadow:0px 1px 0px hsla(0,0%,100%,0.75);
        font-size:30px;
	}
    </style>
</head>
<body>
    <div id="wrapper">
	浮雕效果
    </div>
</body></code></pre> 
  <p>同理可以使用盒阴影box-shadow给照片加阴影<br>05颜色渐变</p> 
  <p><a href="http://img.e-com-net.com/image/info8/1436d9a80e054c9291e1cedcdd9bc8cc.jpg" target="_blank"><img alt="12 为何使用Html5+CSS3_第3张图片" src="http://img.e-com-net.com/image/info8/1436d9a80e054c9291e1cedcdd9bc8cc.jpg" width="650" height="198" style="border:1px solid black;"></a></p> 
  <pre><code class="language-html">background:linear-gradient(90deg,red 0%,blue 50%,#ffffff 100%);</code></pre> 
  <p>可以控制线性渐变方向渐变位置等，还有径向（球状）渐变<br>06文字2D变形</p> 
  <p>代码参数比较多，在网站 http://www.useragentman.com/matrix/进行制作吧</p> 
  <p><a href="http://img.e-com-net.com/image/info8/f711a29236c846c18c27cfbb135e3527.jpg" target="_blank"><img alt="12 为何使用Html5+CSS3_第4张图片" src="http://img.e-com-net.com/image/info8/f711a29236c846c18c27cfbb135e3527.jpg" width="650" height="341" style="border:1px solid black;"></a></p> 
  <p>之外还有图片3D效果，貌似用得还不多。http://webdesignerwall.com/这里有很多很酷的关于这方面的内容，我还特别在里面找了一篇文章翻译出来了：http://blog.csdn.net/wowkk/article/details/12572447</p> 
  <p>最后说下表单的优势，HTML5可以在不借助jQuery的情况下，对用户的输入行为进行判断（某些浏览器对HTML5表单支持也不是很好，可以通过Webshims Lib来解决）。</p> 
  <p><a href="http://img.e-com-net.com/image/info8/5b2412cd1d99465895009202e758ad10.jpg" target="_blank"><img alt="" src="http://img.e-com-net.com/image/info8/5b2412cd1d99465895009202e758ad10.jpg" width="487" height="99"></a></p> 
  <pre><code class="language-html"><head>
    <style>
        /*伪选择器*/
        .input:required /*如果没有填入必填项，则边框变红色*/
        {
            border:1px solid #f00;
        }
        .input:focus:invalid /*如果填入的数据无效时*/
        {
        }
        .input:focus:invalid /*如果填入的数据正确时*/
        {
        }
    </style>
</head>
<body>
    <form method="post">
        <div>
            <label for="userName">请输入用户名</label>
            <input id="userName" type="text" placeholder="例如:Admin" required aria-required="true" autofocus />
            <!--placeholder表示提示输入
                required aria-required="true"表示为必填项；
                autofocus表示自动获取到光标焦点
                pattern属性可以填正则表达式，可以判定用户的输入行为
                 -->
            <input type="search" value="与text差不多，部分浏览器表现比较强悍" />
            <!--此外还有type=number之类的-->
            <input type="submit" value="确定" />
        </div>
    </form>
</body></code></pre> 
  <p><br>补充：</p> 
  <p>使用HTML5 Boilerplate来写HTML5网站，它带有组织好的文件夹结构和CSS文件，加入当前编码的最佳实践、浏览器的bug修复以及js库。<br></p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1289150619919130624"></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">你可能感兴趣的:(12 为何使用Html5+CSS3)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1947336393231495168.htm"
                           title="一句话证明看过《爱情公寓》" target="_blank">一句话证明看过《爱情公寓》</a>
                        <span class="text-muted">夏七七wow</span>

                        <div>当面对两个选择时，抛硬币，总能奏效。并不是因为它总能给出对的答案，而是在你把它抛在空中的那一秒里，你突然就知道，你希望的结果，是什么了。这是2012年爱3的最后一集，曾小贤在面对着诺澜和一菲同时扭脚在两个挨着的房间等待他做出选择的时候，怂怂地选择了抛硬币，又认真地没有去看硬币到底是哪一面。2012年的时候看到这句话，懵懂觉得很有道理，但说不上是哪里，当时就觉得曾小贤这个怂货为什么不敢大声告诉一菲喜</div>
                    </li>
                    <li><a href="/article/1947336144572182528.htm"
                           title="使用Mybatis-Plus进行单表操作" target="_blank">使用Mybatis-Plus进行单表操作</a>
                        <span class="text-muted">讴歌oge</span>
<a class="tag" taget="_blank" href="/search/Java%E5%90%8E%E7%AB%AF/1.htm">Java后端</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</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%E5%BA%93/1.htm">数据库</a>
                        <div>使用updateById()修改数据时，值为null的属性不会被修改。intupdateById(@Param("et")Tentity);测试代码：@SpringBootTestpublicclassSpringBootMybatisPlusTest{@AutowiredprivateUserMapperuserMapper;@Testpublicvoidtest(){Useruser=newU</div>
                    </li>
                    <li><a href="/article/1947335882147164160.htm"
                           title="2022-09-24 机器人胃癌手术带来更好的结果吗？" target="_blank">2022-09-24 机器人胃癌手术带来更好的结果吗？</a>
                        <span class="text-muted">朗月斋主</span>

                        <div>胃癌机器人胃切除术(RG)的初步经验证明了良好的短期结果，表明RG是腹腔镜胃切除术(LG)的有效替代方案。然而，关于胃癌RG术后长期生存和复发的数据尚未见报道。本研究的目的是评估RG与LG后的长期结果。方法：回顾性评估了2005年7月至2009年12月期间分别接受RG或LG的313名和524名胃癌患者。比较了长期结果使用整个队列和倾向评分匹配队列。结果：整个队列分析显示5年总生存期(OS)或无复发</div>
                    </li>
                    <li><a href="/article/1947335514466086912.htm"
                           title="AWS-rds 表主从不一致如何解决" target="_blank">AWS-rds 表主从不一致如何解决</a>
                        <span class="text-muted">与数据交流的路上</span>
<a class="tag" taget="_blank" href="/search/AWS/1.htm">AWS</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
                        <div>一、背景因为某些修改造成了表的主从不一致，所以需要备份表恢复数据，物理机大家都有很多种做法，但是因为awsrds限制了账户的权限，所以这里用不到普通的办法，想了一阵想到一种可行性的方法，暂时没有发现隐患，或者更好的办法，如果有大佬知道的话，欢迎随时指教二、步骤1.查看主库二进制状态（主库执行）#记录当前的二进制和pos点,mysql-bin.123,111showmasterstatus2.等待一</div>
                    </li>
                    <li><a href="/article/1947335388175593472.htm"
                           title="AWS基础" target="_blank">AWS基础</a>
                        <span class="text-muted">Mr Robot</span>
<a class="tag" taget="_blank" href="/search/aws/1.htm">aws</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a>
                        <div>AWS编写基础架构提AWS提供通过接口来控制的基础架构，叫作应用编程接口（applicationprogramminginterface，API）。用户能通过API控制AWS的每一部分。用户可以使用大多数编程语言、命令行和更复杂的工具的SDK调用这些API。在AWS上，一切操作都可以通过API来控制。用户通过HTTPS协议调用RESTAPI来与AWS交互，如图4-1所示。一切操作都可以通过API提</div>
                    </li>
                    <li><a href="/article/1947335010130391040.htm"
                           title="【加解密与C】Base系列(六)Base45" target="_blank">【加解密与C】Base系列(六)Base45</a>
                        <span class="text-muted"></span>

                        <div>Base45编码简介Base45是一种基于ASCII字符的编码方式，主要用于紧凑地表示二进制数据（如二维码中的内容）。它由45个可打印字符组成，包括数字、大写字母及部分符号，优化了数据压缩率和可读性。Base45字符集Base45使用以下45个字符（按顺序排列）：0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ$%*+-./:每个字符对应一个数值（0-44），编码时将二进制</div>
                    </li>
                    <li><a href="/article/1947334883814731776.htm"
                           title="[python] Class" target="_blank">[python] Class</a>
                        <span class="text-muted">小公鸡卡哇伊呀~</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a>
                        <div>FisrtLook使用C++术语，Python类的所有成员（包括函数和数据）均为"public"，所有函数均为"virtual"。支持多继承支持操作符重载内建类型可用作基类关于global,nonlocal的区别，Pythondocumentation给出的例子：defscope_test():defdo_local():spam="localspam"#local变量defdo_nonlocal</div>
                    </li>
                    <li><a href="/article/1947334757352271872.htm"
                           title="一个例子带你入门机器学习" target="_blank">一个例子带你入门机器学习</a>
                        <span class="text-muted"></span>

                        <div>目录1.为建模选择数据2.选择预测目标3.选择“特征”4.构建您的模型（这篇文章将使用经典墨尔本房价数据集作为例子，引导机器学习的流程，数据集为melb_data.csv，请在csdn的下载区自行下载，运行代码时需要将数据集下载在同个目录下）1.为建模选择数据数据集有太多的变量，多到难以理解，甚至无法很好地打印出来。如何将这海量的数据削减为能够理解的内容？我们将首先凭借直觉选择几个变量。后续将介绍</div>
                    </li>
                    <li><a href="/article/1947334505060691968.htm"
                           title="初探机器学习与力学研究的交叉领域" target="_blank">初探机器学习与力学研究的交叉领域</a>
                        <span class="text-muted">faderbic</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/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>目录关于如何踏入机器学习领域机器学习与力学研究的交叉方向1.使用机器学习加速有限元求解2.结合有限元计算和机器学习预测复杂材料结构与力学性能的关系3.结构健康检测4.疲劳寿命预测总结关于如何踏入机器学习领域因为我本科的专业是力学，所以当我开始关注机器学习领域时，首先考虑的是机器学习和力学的交叉领域。对于很多对人工智能感兴趣的朋友，想加入人工智能的潮流却不知道从何学起，我提供一个思路，我认为将自己学</div>
                    </li>
                    <li><a href="/article/1947334378682118144.htm"
                           title="使用 Amazon RDS Proxy 提升应用程序可用性" target="_blank">使用 Amazon RDS Proxy 提升应用程序可用性</a>
                        <span class="text-muted"></span>

                        <div>AmazonRDSProxy的最大优势，在于显著缩短数据库故障转移之后的应用程序恢复时间。RDSProxy能够同时支持MySQL与PostgreSQL引擎，但在本文中，我们将单纯使用MySQL测试工作负载向大家展示RDSProxy如何在故障转移之后，将AmazonAuroraMySQL客户端的恢复时间缩短达79%，并将AmazonRDSforMySQL的故障恢复时间缩短达32%。本文还将阐述RDS</div>
                    </li>
                    <li><a href="/article/1947333854545113088.htm"
                           title="创新人才引进机制 优化人才发展环境" target="_blank">创新人才引进机制 优化人才发展环境</a>
                        <span class="text-muted">焕梧</span>

                        <div>12月16日出版的第24期《求是》杂志将发表中共中央总书记、国家主席、中央军委主席习近平的重要文章《深入实施新时代人才强国战略加快建设世界重要人才中心和创新高地》。文章强调，必须坚持党管人才，坚持面向世界科技前沿、面向经济主战场、面向国家重大需求、面向人民生命健康，深入实施新时代人才强国战略，全方位培养、引进、用好人才，加快建设世界重要人才中心和创新高地，为2035年基本实现社会主义现代化提供人才</div>
                    </li>
                    <li><a href="/article/1947333622210031616.htm"
                           title="利用Wget批量下载网页链接中的数据" target="_blank">利用Wget批量下载网页链接中的数据</a>
                        <span class="text-muted">勇博士科研能干明白么</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7%E5%8C%85/1.htm">工具包</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">信息可视化</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
                        <div>1、电脑下载安装好Wget程序，具体操作流程可参照：wget的安装与使用（Windows）_wgetwindows-CSDN博客https://blog.csdn.net/m0_45447650/article/details/125786723?ops_request_misc=%257B%2522request%255Fid%2522%253A%252217144722051680018582</div>
                    </li>
                    <li><a href="/article/1947332715632193536.htm"
                           title="高省邀请码怎么弄小心掉坑高省邀请码到底哪个是官方的" target="_blank">高省邀请码怎么弄小心掉坑高省邀请码到底哪个是官方的</a>
                        <span class="text-muted">凌风导师</span>

                        <div>高省邀请码怎么弄小心掉坑高省邀请码到底哪个是官方的因为高省必要生长必要推广。网上一大批约请码那是再正常不外的了，高省约请码怎么得到？用户必要有约请码才气进入这款软件。而且是布衣化的推广.议决孤单联系关系登岸.高省-各大应用商城下载即可-购物领劵返利高，邀请码切记填999777，凌风高省邀请码999777，全网唯一教你技术的老师码填对码直送2皇冠总裁等级，《凌风导师V:125130414》送价值百万</div>
                    </li>
                    <li><a href="/article/1947331953992724480.htm"
                           title="C++11：可变参数" target="_blank">C++11：可变参数</a>
                        <span class="text-muted">一天不工作浑身难受</span>

                        <div>1、介绍C++中可以进行函数重载，对于同样的函数可以不同的参数进行运算。但是有时候我们无法提前知道应该像函数传递多少个参数（如printf函数），这时候需要我们的函数能够接受可变数量的参数。C++11中提供了两个方法，initializer_list标准库类型和可变参数模板。前者使用与实参的类型一致，但是个数不定的情况；后者适用于实参的类型不定，个数也不定的情况。2、initializer_lis</div>
                    </li>
                    <li><a href="/article/1947331311874142208.htm"
                           title="爱奇艺会员多少钱一个月一览(附2024爱奇艺会员低价购买指南)最新步骤123" target="_blank">爱奇艺会员多少钱一个月一览(附2024爱奇艺会员低价购买指南)最新步骤123</a>
                        <span class="text-muted">e95cfad15310</span>

                        <div>爱奇艺会员多少钱一个月：关注微信公众号【奥特快外卖】，即可最低7折买到爱奇艺会员哦！它的主要特点是提供海量的小说和广播节目，同时也具备一些社交互动的功能。在爱奇艺会员多少钱一个月中爱奇艺会员爱奇艺会员：关注微信公众号【奥特快外卖】，即可最低7折买到爱奇艺会员哦！，它的主要特点是提供海量的小说和广播节目爱奇艺会员爱奇艺会员关注微信公众号【奥特快外卖】，即可最低7折买到爱奇艺会员哦！，爱奇艺会员爱奇艺</div>
                    </li>
                    <li><a href="/article/1947330598683078656.htm"
                           title="某易云音乐获取" target="_blank">某易云音乐获取</a>
                        <span class="text-muted">我愿与你相伴</span>
<a class="tag" taget="_blank" href="/search/python%E7%88%AC%E5%8F%96%E6%95%99%E7%A8%8B/1.htm">python爬取教程</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>importosimportrequestsfromlxmlimportetreeheaders={'User-Agent':'Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/121.0.0.0Safari/537.36','Cookie':'_iuqxldmzr_=32;WEVNSM=1.</div>
                    </li>
                    <li><a href="/article/1947330472258367488.htm"
                           title="基于Python的Twitter Card数据爬取与分析实战：从入门到精通" target="_blank">基于Python的Twitter Card数据爬取与分析实战：从入门到精通</a>
                        <span class="text-muted">Python爬虫项目</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/twitter/1.htm">twitter</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%AE%BD%E5%BA%A6%E4%BC%98%E5%85%88/1.htm">宽度优先</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a>
                        <div>摘要本文详细介绍了如何使用Python最新技术栈构建一个高效的TwitterCard数据爬虫系统。我们将从TwitterCard的基本概念讲起，逐步深入到爬虫架构设计、反爬策略应对、数据解析与存储等核心环节。文章包含完整的代码实现，使用Playwright+Asyncio的高性能爬取方案，以及数据分析与可视化的实战案例。通过本文，读者将掌握大规模社交媒体数据采集的关键技术，并能够将这些技术应用于实</div>
                    </li>
                    <li><a href="/article/1947330346068537344.htm"
                           title="Python爬虫实战：高效解析OpenGraph协议数据" target="_blank">Python爬虫实战：高效解析OpenGraph协议数据</a>
                        <span class="text-muted">Python爬虫项目</span>
<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><a class="tag" taget="_blank" href="/search/%E5%AE%BD%E5%BA%A6%E4%BC%98%E5%85%88/1.htm">宽度优先</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a>
                        <div>OpenGraph协议简介OpenGraph协议是由Facebook于2010年推出的一种网页元数据标准，旨在使任何网页都能成为社交图中的丰富对象。通过在网页的部分添加特定的标签，网站所有者可以控制内容在社交媒体上分享时的呈现方式。OpenGraph协议的核心元数据包括：html这些标签不仅被Facebook使用，也被Twitter、LinkedIn、WhatsApp等主流社交平台广泛支持。据统计</div>
                    </li>
                    <li><a href="/article/1947329463662473216.htm"
                           title="Python高级数据类型：字典（Dictionary）" target="_blank">Python高级数据类型：字典（Dictionary）</a>
                        <span class="text-muted">PythonicCC</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</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中非常重要且实用的数据结构，本文将全面详细地介绍字典的所有知识点，从基础概念到高级用法，帮助初学者彻底掌握字典的使用。1.字典简介1.1为什么需要字典？假设我们需要存储公司员工的姓名、年龄、职务和工资信息。使用列表可以这样实现：staff_list=[["tom",20,"teacher",6000],["rose",18,"hr",5000],["jack",20,"行政",4</div>
                    </li>
                    <li><a href="/article/1947329211081486336.htm"
                           title="Android （AOSP）连接实体键盘关闭“使用屏幕键盘”调用键盘处依然显示屏幕键盘" target="_blank">Android （AOSP）连接实体键盘关闭“使用屏幕键盘”调用键盘处依然显示屏幕键盘</a>
                        <span class="text-muted">林林要一直努力</span>
<a class="tag" taget="_blank" href="/search/Android%E5%AD%A6%E4%B9%A0%E4%B8%8E%E6%8E%A2%E7%B4%A2/1.htm">Android学习与探索</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>首先感谢以下博文与作者提供方案与思路AndroidP控制虚拟键盘的显示和隐藏_showimewithexternalkeyboard-CSDN博客现象是，使用蓝牙键盘。在设置-系统-键盘-实体键盘-使用屏幕键盘开关进行开与关，发现无论开关状态谷歌屏幕键盘都是存在的。BUG认为开关关上以后应该不显示谷歌屏幕键盘。/home/bcr/Documents/lcx/111.png思路：修改了InputMe</div>
                    </li>
                    <li><a href="/article/1947328704577335296.htm"
                           title="[NIPST AI]对抗性机器学习攻击和缓解的分类和术语" target="_blank">[NIPST AI]对抗性机器学习攻击和缓解的分类和术语</a>
                        <span class="text-muted">Anooyman</span>
<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/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/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%A4%A7%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">大语言模型</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a>
                        <div>原文link：https://nvlpubs.nist.gov/nistpubs/ai/NIST.AI.100-2e2025.pdfIntroduction人工智能（AI）系统在过去几年中持续全球扩展。这些系统正在被众多国家开发并广泛部署于各自的经济体系中，人们在生活的许多领域都获得了更多使用AI系统的机会。本报告区分了两大类AI系统：预测型AI（PredictiveAI，PredAI）和生成型A</div>
                    </li>
                    <li><a href="/article/1947328452386418688.htm"
                           title="使用 Python 爬取网易云音乐歌单数据（完整教程）" target="_blank">使用 Python 爬取网易云音乐歌单数据（完整教程）</a>
                        <span class="text-muted">Python爬虫项目</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</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/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a>
                        <div>一、引言随着在线音乐平台的普及，网易云音乐（NetEaseCloudMusic）凭借其个性化的推荐算法和丰富的用户互动，吸引了大量用户。网易云音乐的歌单中包含了丰富的音乐数据，包括歌曲名、歌手、专辑、播放量、评论数等信息。通过爬取这些数据，可以对音乐流行趋势进行分析，挖掘音乐推荐策略，甚至训练个性化推荐模型。本教程将使用Python构建一个爬虫，解析网易云音乐的歌单接口，获取歌曲数据并进行数据分析</div>
                    </li>
                    <li><a href="/article/1947327822682976256.htm"
                           title="c#集合排序" target="_blank">c#集合排序</a>
                        <span class="text-muted">zls365365</span>
<a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>在C#中，集合排序是一种常见的操作，它可以帮助我们对集合中的元素进行排序。C#中提供了多种集合排序方法，包括Array.Sort、List.Sort、SortedList和SortedSet等。下面分别介绍一下这些集合排序方法的用法和注意事项：1.Array.SortArray.Sort是C#中的数组排序方法，可以对数组中的元素进行排序。Array.Sort方法可以使用默认的排序算法或者自定义的排</div>
                    </li>
                    <li><a href="/article/1947327626901254144.htm"
                           title="跟小朋友学英语25——20220412" target="_blank">跟小朋友学英语25——20220412</a>
                        <span class="text-muted">李杨手记</span>

                        <div>群内打卡：1.复习卡片今天晚上复习了近三十张卡片。牛仔好像记得不牢（其实是我有期待）。这两天没有好好听前两周的音频，今晚把音频重新调整一下。如果晚上没有专门的时间听，就睡前再磨一下耳朵。2.复习指定绘本FridaKhalo读了两遍，但都没读完，第二遍还差两页，孩子的注意力就跑到别的书上去了。后来我们阅读了甜心英语的绘本《Rainbowdiningtable》。读完后还一起讨论。最近陪伴精读绘本的能</div>
                    </li>
                    <li><a href="/article/1947327569040830464.htm"
                           title="Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现打架检测（C#代码，UI界面版）" target="_blank">Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现打架检测（C#代码，UI界面版）</a>
                        <span class="text-muted">格林威</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%B8%9A%E7%9B%B8%E6%9C%BA/1.htm">工业相机</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E8%A7%86%E8%A7%89/1.htm">机器视觉</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%A0%81%E7%9B%B8%E6%9C%BA/1.htm">数码相机</a><a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现打架检测（C#代码，UI界面版）工业相机使用YoloV8模型实现打架检测工业相机通过YoloV8模型实现打架检测的技术背景在相机SDK中获取图像转换图像的代码分析工业相机图像转换Bitmap图像格式和Mat图像重要核心代码本地文件图像转换Bitmap图像格式和Mat图像重要核心代码Mat图像导入YoloV8模型重要核心代码代码实现</div>
                    </li>
                    <li><a href="/article/1947327442708393984.htm"
                           title="Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现人脸识别检测（C#代码，UI界面版）" target="_blank">Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现人脸识别检测（C#代码，UI界面版）</a>
                        <span class="text-muted">格林威</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E8%A7%86%E8%A7%89/1.htm">机器视觉</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%B8%9A%E7%9B%B8%E6%9C%BA/1.htm">工业相机</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%A0%81%E7%9B%B8%E6%9C%BA/1.htm">数码相机</a><a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/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/%E8%A7%86%E8%A7%89%E6%A3%80%E6%B5%8B/1.htm">视觉检测</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a>
                        <div>Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现人脸识别检测（C#代码，UI界面版）工业相机使用YoloV8模型实现人脸的检测工业相机通过YoloV8模型实现人脸识别检测的技术背景在相机SDK中获取图像转换图像的代码分析工业相机图像转换Bitmap图像格式和Mat图像重要核心代码本地文件图像转换Bitmap图像格式和Mat图像重要核心代码Mat图像导入YoloV8模型重要核心代</div>
                    </li>
                    <li><a href="/article/1947327316485009408.htm"
                           title="Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现人物识别（C#代码，UI界面版）" target="_blank">Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现人物识别（C#代码，UI界面版）</a>
                        <span class="text-muted">格林威</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%B8%9A%E7%9B%B8%E6%9C%BA/1.htm">工业相机</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E8%A7%86%E8%A7%89/1.htm">机器视觉</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%A0%81%E7%9B%B8%E6%9C%BA/1.htm">数码相机</a><a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</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/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现人物识别（C#代码，UI界面版）工业相机使用YoloV8模型实现人物识别工业相机实现YoloV8模型实现人物识别的技术背景在相机SDK中获取图像转换图像的代码分析工业相机图像转换Bitmap图像格式和Mat图像重要核心代码本地文件图像转换Bitmap图像格式和Mat图像重要核心代码Mat图像导入YoloV8模型重要核心代码代码实现</div>
                    </li>
                    <li><a href="/article/1947324058618097664.htm"
                           title="中原焦点网络中级班第32期，讲师第16期呼坚持分享第408天2022年12月30日" target="_blank">中原焦点网络中级班第32期，讲师第16期呼坚持分享第408天2022年12月30日</a>
                        <span class="text-muted">简单_8c47</span>

                        <div>一般化问句帮助孩子放下紧张的心情当我们太过焦虑、紧张时，就没有办法清楚地看见问题本身，也无法解决问题。而且我们也常常会觉得自己所遇到的问题是独一无二的，因此更提升了焦虑值。所以，若在面对孩子所叙述的问题时，我们能提供相关的信息，让他知道他所遭遇的问题是普遍性的，帮助他看到自己的负面感受是相同处境下的人都会有的反应，让他觉得自己不那么孤单或特异，他自然比较容易看清问题，进而解决问题。这种方法叫作“一</div>
                    </li>
                    <li><a href="/article/1947324057372389376.htm"
                           title="Metaverse 到底是什么？元宇宙是炒作，还是真正的科技大趋势？" target="_blank">Metaverse 到底是什么？元宇宙是炒作，还是真正的科技大趋势？</a>
                        <span class="text-muted">猫哥淮左</span>

                        <div>西元2031年12月24号晚上七点半。阿强迫不及待的，戴上他新买的OculusQuest第七代VirtualReality头盔，今天是他最爱的偶像歌手的圣诞夜演唱会。他身体坐在客厅的小沙发上，但在头盔里的虚拟世界，他已经进入了演唱会的会场。“搞什么鬼，明明都虚拟演唱会了，为什么我不能直接坐在第一排！干嘛跟古代时一样还要分区划位！”他一边抱怨着，一边找到了自己的座位，是虚拟DFS体育馆最高层的绿区，</div>
                    </li>
                    <li><a href="/article/1947322665127702528.htm"
                           title="姜婷陆晋(爱到绝望终成殇)全本免费在线阅读_姜婷陆晋全集在线阅读_爱到绝望终成殇(姜婷陆晋)全本免费在线阅读_姜婷陆晋全文阅读_姜婷陆晋(爱到绝望终成殇)全章节在线阅读_(爱到绝望终成殇)完结版..." target="_blank">姜婷陆晋(爱到绝望终成殇)全本免费在线阅读_姜婷陆晋全集在线阅读_爱到绝望终成殇(姜婷陆晋)全本免费在线阅读_姜婷陆晋全文阅读_姜婷陆晋(爱到绝望终成殇)全章节在线阅读_(爱到绝望终成殇)完结版...</a>
                        <span class="text-muted">完整版全集小说</span>

                        <div>姜婷陆晋(爱到绝望终成殇)全本免费在线阅读_姜婷陆晋全集在线阅读_爱到绝望终成殇(姜婷陆晋)全本免费在线阅读_姜婷陆晋全文阅读_姜婷陆晋(爱到绝望终成殇)全章节在线阅读_(爱到绝望终成殇)完结版免费阅读主角配角：姜婷陆晋简介：结婚三周年纪念日，姜婷和初恋在中心广场荧幕上高调示爱：“我们，此生不再错过”我问她为何非得今晚她抽空回我：“因为这个日子对你很重要！你生气，他开心了会更爱我！”我将他们宣言的</div>
                    </li>
                                <li><a href="/article/24.htm"
                                       title="tomcat基础与部署发布" target="_blank">tomcat基础与部署发布</a>
                                    <span class="text-muted">暗黑小菠萝</span>
<a class="tag" taget="_blank" href="/search/Tomcat+java+web/1.htm">Tomcat java web</a>
                                    <div>从51cto搬家了，以后会更新在这里方便自己查看。 
做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 
Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。 
一、Tomcat安装 
&nbsp; &nbsp; 安装方式：①运行.exe安装包 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n</div>
                                </li>
                                <li><a href="/article/151.htm"
                                       title="网站架构发展的过程" target="_blank">网站架构发展的过程</a>
                                    <span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E6%9E%B6%E6%9E%84/1.htm">网站架构</a>
                                    <div>1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 
2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 
3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 
4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何</div>
                                </li>
                                <li><a href="/article/278.htm"
                                       title="[信息与安全]数据库的备份问题" target="_blank">[信息与安全]数据库的备份问题</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
                                    <div> 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题 
&nbsp; 
 如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢? 
 
&nbsp;&nbsp; 是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢? 
 
&nbsp;&n</div>
                                </li>
                                <li><a href="/article/405.htm"
                                       title="使用maven tomcat plugin插件debug关联源代码" target="_blank">使用maven tomcat plugin插件debug关联源代码</a>
                                    <span class="text-muted">商人shang</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/debug/1.htm">debug</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E7%9C%8B%E6%BA%90%E7%A0%81/1.htm">查看源码</a><a class="tag" taget="_blank" href="/search/tomcat-plugin/1.htm">tomcat-plugin</a>
                                    <div>*首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 
*配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的</div>
                                </li>
                                <li><a href="/article/532.htm"
                                       title="大访问量高并发" target="_blank">大访问量高并发</a>
                                    <span class="text-muted">oloz</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E8%AE%BF%E9%97%AE%E9%87%8F%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">大访问量高并发</a>
                                    <div>大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简 
 
要列出几点解决方案： 
 
01、优化你的代码和查询语句，合理使用索引 
 
02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 
 
03、采用服务器集群、负载均衡分担大访问量高并发压力 
 
04、数据读写分离 
 
05、合理选用框架，合理架构(推荐分布式架构)。 
 </div>
                                </li>
                                <li><a href="/article/659.htm"
                                       title="cache 服务器" target="_blank">cache 服务器</a>
                                    <span class="text-muted">小猪猪08</span>
<a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a>
                                    <div>Cache&nbsp;&nbsp; 即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。 
　　1.Cache&nbsp;&nbsp; 是怎么样工作的? 
　　Cache&nbsp;&nbsp; 是分配在服务器上</div>
                                </li>
                                <li><a href="/article/786.htm"
                                       title="mysql存储过程" target="_blank">mysql存储过程</a>
                                    <span class="text-muted">香水浓</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                                    <div>Description:插入大量测试数据 
 
use xmpl;

drop procedure if exists mockup_test_data_sp;

create procedure mockup_test_data_sp(
	in number_of_records int
)
begin
	declare cnt int;
	declare name varch</div>
                                </li>
                                <li><a href="/article/913.htm"
                                       title="CSS的class、id、css文件名的常用命名规则" target="_blank">CSS的class、id、css文件名的常用命名规则</a>
                                    <span class="text-muted">agevs</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                                    <div>&nbsp; CSS的class、id、css文件名的常用命名规则 
&nbsp;&nbsp;&nbsp;&nbsp;(一)常用的CSS命名规则 
　　头：header 
　　内容：content/container 
　　尾：footer 
　　导航：nav 
　　侧栏：sidebar 
　　栏目：column 
　　页面外围控制整体布局宽度：wrapper 
　　左右中：left right </div>
                                </li>
                                <li><a href="/article/1040.htm"
                                       title="全局数据源" target="_blank">全局数据源</a>
                                    <span class="text-muted">AILIKES</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a><a class="tag" taget="_blank" href="/search/JNDI/1.htm">JNDI</a>
                                    <div>实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 
1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l</div>
                                </li>
                                <li><a href="/article/1167.htm"
                                       title="MYSQL的随机查询的实现方法" target="_blank">MYSQL的随机查询的实现方法</a>
                                    <span class="text-muted">baalwolf</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                                    <div>MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，</div>
                                </li>
                                <li><a href="/article/1294.htm"
                                       title="JAVA的getBytes()方法" target="_blank">JAVA的getBytes()方法</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a><a class="tag" taget="_blank" href="/search/OS/1.htm">OS</a>
                                    <div>&nbsp; &nbsp; 在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！&nbsp; 
&nbsp; &nbsp; String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： 
    byte[] b_gbk = &quot;</div>
                                </li>
                                <li><a href="/article/1421.htm"
                                       title="AngularJS中操作Cookies" target="_blank">AngularJS中操作Cookies</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/Cookies/1.htm">Cookies</a>
                                    <div>&nbsp; &nbsp; &nbsp; &nbsp; 如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。 
&nbsp; &nbsp; &nbsp; &nbsp; 幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎</div>
                                </li>
                                <li><a href="/article/1548.htm"
                                       title="[Maven学习笔记五]Maven聚合和继承特性" target="_blank">[Maven学习笔记五]Maven聚合和继承特性</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                                    <div>Maven聚合 
&nbsp; 
在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块：   
1. 模型和数据持久化层user-core, 
2. 业务逻辑层user-service以 
3. web展现层user-web， 
user-service依赖于user-core 
user-web依赖于user-core和use</div>
                                </li>
                                <li><a href="/article/1675.htm"
                                       title="【JVM七】JVM知识点总结" target="_blank">【JVM七】JVM知识点总结</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a>
                                    <div>&nbsp; 1. JVM运行模式 
1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 
1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler </div>
                                </li>
                                <li><a href="/article/1802.htm"
                                       title="linux下查看nginx、apache、mysql、php的编译参数" target="_blank">linux下查看nginx、apache、mysql、php的编译参数</a>
                                    <span class="text-muted">ronin47</span>

                                    <div>在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 
1、nginx 
[root@361way ~]# /App/nginx/sbin/nginx -V
nginx: nginx version: nginx/</div>
                                </li>
                                <li><a href="/article/1929.htm"
                                       title="unity中运用Resources.Load的方法？" target="_blank">unity中运用Resources.Load的方法？</a>
                                    <span class="text-muted">brotherlamp</span>
<a class="tag" taget="_blank" href="/search/unity%E8%A7%86%E9%A2%91/1.htm">unity视频</a><a class="tag" taget="_blank" href="/search/unity%E8%B5%84%E6%96%99/1.htm">unity资料</a><a class="tag" taget="_blank" href="/search/unity%E8%87%AA%E5%AD%A6/1.htm">unity自学</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/unity%E6%95%99%E7%A8%8B/1.htm">unity教程</a>
                                    <div>问：unity中运用Resources.Load的方法？ 
答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 
1、unity实时替换的物体即是依据环境条件</div>
                                </li>
                                <li><a href="/article/2056.htm"
                                       title="线段树-入门" target="_blank">线段树-入门</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E6%AE%B5%E6%A0%91/1.htm">线段树</a>
                                    <div>


/**
 * 线段树入门
 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次
 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i]
 * 
 * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18
 * @author lijinna</div>
                                </li>
                                <li><a href="/article/2183.htm"
                                       title="全选与反选" target="_blank">全选与反选</a>
                                    <span class="text-muted">chicony</span>
<a class="tag" taget="_blank" href="/search/%E5%85%A8%E9%80%89/1.htm">全选</a>
                                    <div>&nbsp; 
&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;全选与反选&lt;/title&gt;
</div>
                                </li>
                                <li><a href="/article/2310.htm"
                                       title="vim一些简单记录" target="_blank">vim一些简单记录</a>
                                    <span class="text-muted">chenchao051</span>
<a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a>
                                    <div>mac在/usr/share/vim/vimrc linux在/etc/vimrc 
&nbsp; 
1、问：后退键不能删除数据，不能往后退怎么办？ 
&nbsp; &nbsp; &nbsp; 答：在vimrc中加入set backspace=2 
&nbsp; 
2、问：如何控制tab键的缩进？ 
&nbsp; &nbsp; &nbsp; 答：在vimrc中加入set tabstop=4 (任何</div>
                                </li>
                                <li><a href="/article/2437.htm"
                                       title="Sublime Text 快捷键" target="_blank">Sublime Text 快捷键</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/%E5%BF%AB%E6%8D%B7%E9%94%AE/1.htm">快捷键</a><a class="tag" taget="_blank" href="/search/sublime/1.htm">sublime</a>
                                    <div>[size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：</div>
                                </li>
                                <li><a href="/article/2564.htm"
                                       title="php 引用(&)详解" target="_blank">php 引用(&)详解</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
                                    <div>在PHP 中引用的意思是：不同的名字访问同一个变量内容.&nbsp;与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址&nbsp;变量的引用&nbsp;PHP 的引用允许你用两个变量来指向同一个内容&nbsp;  复制代码代码如下:   
&lt;?&nbsp; 
$a=&quot;ABC&quot;;&nbsp; 
$b =&amp;$a;&nbsp; 
echo</div>
                                </li>
                                <li><a href="/article/2691.htm"
                                       title="SVN中trunk,branches,tags用法详解" target="_blank">SVN中trunk,branches,tags用法详解</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a>
                                    <div>Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。</div>
                                </li>
                                <li><a href="/article/2818.htm"
                                       title="对软件设计的思考" target="_blank">对软件设计的思考</a>
                                    <span class="text-muted">e200702084</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/ssh/1.htm">ssh</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a>
                                    <div>软件设计的宏观与微观  
 
&nbsp;&nbsp; 软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传</div>
                                </li>
                                <li><a href="/article/2945.htm"
                                       title="同步、异步、阻塞、非阻塞" target="_blank">同步、异步、阻塞、非阻塞</a>
                                    <span class="text-muted">geeksun</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%9E%E9%98%BB%E5%A1%9E/1.htm">非阻塞</a>
                                    <div>同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。 
&nbsp; 
同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。 
场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。 
&nbsp; 
异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。 
实现：</div>
                                </li>
                                <li><a href="/article/3072.htm"
                                       title="Reverse SSH Tunnel 反向打洞實錄" target="_blank">Reverse SSH Tunnel 反向打洞實錄</a>
                                    <span class="text-muted">hongtoushizi</span>
<a class="tag" taget="_blank" href="/search/ssh/1.htm">ssh</a>
                                    <div>實際的操作步驟：  
# 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port
ssh -NfR 12345:localhost:22 fred@myhost.com

# 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器
ssh localhost -p 1</div>
                                </li>
                                <li><a href="/article/3199.htm"
                                       title="Hibernate中的缓存" target="_blank">Hibernate中的缓存</a>
                                    <span class="text-muted">Josh_Persistence</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%80%E7%BA%A7%E7%BC%93%E5%AD%98/1.htm">一级缓存</a><a class="tag" taget="_blank" href="/search/Hiberante%E7%BC%93%E5%AD%98/1.htm">Hiberante缓存</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2%E7%BC%93%E5%AD%98/1.htm">查询缓存</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BA%A7%E7%BC%93%E5%AD%98/1.htm">二级缓存</a>
                                    <div>Hibernate中的缓存 
&nbsp; 
一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 
Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存</div>
                                </li>
                                <li><a href="/article/3326.htm"
                                       title="对象关系行为模式之延迟加载" target="_blank">对象关系行为模式之延迟加载</a>
                                    <span class="text-muted">home198979</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E5%BB%B6%E8%BF%9F%E5%8A%A0%E8%BD%BD/1.htm">延迟加载</a>
                                    <div>形象化设计模式实战&nbsp; &nbsp; &nbsp;HELLO!架构 
&nbsp; 
一、概念 
Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。 
延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。 
&nbsp; 
&nbsp; 
二、实现延迟加载 
实现Lazy Load主要有四种方法：延迟初始化、虚</div>
                                </li>
                                <li><a href="/article/3453.htm"
                                       title="xml 验证" target="_blank">xml 验证</a>
                                    <span class="text-muted">pengfeicao521</span>
<a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/xml%E8%A7%A3%E6%9E%90/1.htm">xml解析</a>
                                    <div>有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 
 
public static void testPattern() { 
 
 // 含有非法字符的串 
 String str =&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &quot;Jamey&amp;#52828;&amp;#01;&amp;#02;&amp;#209;&amp;#1282</div>
                                </li>
                                <li><a href="/article/3580.htm"
                                       title="div设置半透明效果" target="_blank">div设置半透明效果</a>
                                    <span class="text-muted">spjich</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%8D%8A%E9%80%8F%E6%98%8E/1.htm">半透明</a>
                                    <div>为div设置如下样式： 
&nbsp; 
div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}  
&nbsp; 
&nbsp; 
&nbsp; 
&nbsp;说明： 
1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci</div>
                                </li>
                                <li><a href="/article/3707.htm"
                                       title="你真的了解单例模式么？" target="_blank">你真的了解单例模式么？</a>
                                    <span class="text-muted">w574240966</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a>
                                    <div>&nbsp;&nbsp;&nbsp; 单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。 
&nbsp; 
一，单例模式的5中写法。（回字的四种写法，哈哈。） 
&nbsp; &nbsp;&nbsp;1，懒汉式 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; （1）线程不安全的懒汉式 
    public cla</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类：</strong>
            <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
                href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
                href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
                href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
                href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
                href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
                href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
                href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
                href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
        </div>
    </div>
</div>
<footer id="footer" class="mb30 mt30">
    <div class="container">
        <div class="footBglm">
            <a target="_blank" href="/">首页</a> -
            <a target="_blank" href="/custom/about.htm">关于我们</a> -
            <a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
            <a target="_blank" href="/sitemap.txt">Sitemap</a> -
            <a target="_blank" href="/custom/delete.htm">侵权投诉</a>
        </div>
        <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!--            <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>