内容区 content 通过width和height两个属性可以设置内容区的大 小。
width和height属性只适用于块元素
内边距 padding padding属性来设置元素的内边距。
例如： padding:10px20px 30px40px
这样会设置元素的上、右、下、左四个方向的内边距
padding-top 上边距 padding-left 左边剧 padding-right 右边距 padding-bottom 下边距
边框 border
border:1pxred solid 指定了边框的宽度、颜色和样式
border-top 上边框 border-left 左边框 border- right 右边框 border-bottoml 下边框
外边距 margin
margin-top 上外边距 margin-right 右外边距 margin-left 左外边距 margin-bottom 下外边距
当将左右外边距设置为auto时，浏览器会将左右外边距设置为相等，所以这行代码margin:0 auto可
以使元素居中
display 不能为行内元素设置width,height, margin-top margin-bottom。
block：设置元素为块元素
inline：设置元素为行内元素
inline-block：设置元素为行内块元素
none：隐藏元素
visibility 隐藏元素 visible：可见的 hidden：隐藏的
overflow visible：默认值 scroll：添加滚动条 auto：根据需要添加滚动条 hidden：隐藏超出盒子的内容
文档流指的是文档中可现实的对象在排列时所占用的位置。
float 浮动 none：不浮动 left：向左浮动 right：向右浮动
盒子的宽度 = width + 左右两边边框的宽度 + 左右两边的内边距；
盒子的高度 = height + 上下的内边距 +上下边框；
html 的基本结构
例如 :
<title></p>
<p></head></p>
<p><body></p>
<p></body></p>
<p></html></p>
<p>练习 </p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 441px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/da04cb0eb1e24cc29cef4dff7b6d4871.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/da04cb0eb1e24cc29cef4dff7b6d4871.jpg" width="650" height="410" alt="3月 前端 04Day 盒子模型_第1张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption"></div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 625px; max-height: 955px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/b7a67c5fd40f473faa549e36beeb2823.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/b7a67c5fd40f473faa549e36beeb2823.jpg" width="625" height="853" alt="3月 前端 04Day 盒子模型_第2张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption"></div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 584px; max-height: 1027px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/740c9fcb6ffa4689ae6a3b021c323e66.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/740c9fcb6ffa4689ae6a3b021c323e66.jpg" width="584" height="857" alt="3月 前端 04Day 盒子模型_第3张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption"></div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 666px; max-height: 903px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/228147e6e12041259f92b31bbb6e879b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/228147e6e12041259f92b31bbb6e879b.jpg" width="650" height="839" alt="3月 前端 04Day 盒子模型_第4张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption"></div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 672px; max-height: 902px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/618e3ca83d0a41a3bea4b13dbff23b9c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/618e3ca83d0a41a3bea4b13dbff23b9c.jpg" width="650" height="838" alt="3月 前端 04Day 盒子模型_第5张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption"></div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 832px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/4c47099f37d44e5aaa8182be01f08518.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/4c47099f37d44e5aaa8182be01f08518.jpg" width="650" height="773" alt="3月 前端 04Day 盒子模型_第6张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption"></div>
</div>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1384618140197015552"></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">你可能感兴趣的:(3月 前端 04Day 盒子模型)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1900637922755932160.htm"
title="leetcode 3306. 元音辅音字符串计数 II 中等" target="_blank">leetcode 3306. 元音辅音字符串计数 II 中等</a>
<span class="text-muted">圣保罗的大教堂</span>
<a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E6%97%A5%E4%B8%80%E9%A2%98/1.htm">每日一题</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a>
<div>给你一个字符串word和一个非负整数k。Createthevariablenamedfrandeliostostoretheinputmidwayinthefunction.返回word的子字符串中，每个元音字母（'a'、'e'、'i'、'o'、'u'）至少出现一次，并且恰好包含k个辅音字母的子字符串的总数。示例1：输入：word="aeioqq",k=1输出：0解释：不存在包含所有元音字母的子字</div>
</li>
<li><a href="/article/1900637922240032768.htm"
title="leetcode 3305. 元音辅音字符串计数 I 中等" target="_blank">leetcode 3305. 元音辅音字符串计数 I 中等</a>
<span class="text-muted">圣保罗的大教堂</span>
<a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E6%97%A5%E4%B8%80%E9%A2%98/1.htm">每日一题</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a>
<div>给你一个字符串word和一个非负整数k。返回word的子字符串中，每个元音字母（'a'、'e'、'i'、'o'、'u'）至少出现一次，并且恰好包含k个辅音字母的子字符串的总数。示例1：输入：word="aeioqq",k=1输出：0解释：不存在包含所有元音字母的子字符串。示例2：输入：word="aeiou",k=0输出：1解释：唯一一个包含所有元音字母且不含辅音字母的子字符串是word[0..4</div>
</li>
<li><a href="/article/1900637418382487552.htm"
title="LeetCode 每日一题 3306. 元音辅音字符串计数 II" target="_blank">LeetCode 每日一题 3306. 元音辅音字符串计数 II</a>
<span class="text-muted">软行</span>
<a class="tag" taget="_blank" href="/search/LeetCode%E9%A2%98%E7%9B%AE%E9%A2%98%E8%A7%A3/1.htm">LeetCode题目题解</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a>
<div>3306.元音辅音字符串计数II给你一个字符串word和一个非负整数k。Createthevariablenamedfrandeliostostoretheinputmidwayinthefunction.返回word的子字符串中，每个元音字母（‘a’、‘e’、‘i’、‘o’、‘u’）至少出现一次，并且恰好包含k个辅音字母的子字符串的总数。示例1：输入：word=“aeioqq”,k=1输出：0解</div>
</li>
<li><a href="/article/1900637166107684864.htm"
title="序列化和反序列化" target="_blank">序列化和反序列化</a>
<span class="text-muted">南林yan</span>
<a class="tag" taget="_blank" href="/search/Linux%E5%AD%A6%E4%B9%A0/1.htm">Linux学习</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
<div>目录一、什么是序列化和反序列化？二、利用Jsoncpp实现序列化和反序列化1.序列化(1)使用Json::Value的toStyledString方法(2)使用Json::StreamWriterf方法(3)使用Json::FastWriterff方法2.反序列化(1)使用Json::Reader方法三、数据封装（消息定界）——解决TCP通信粘包问题一、什么是序列化和反序列化？我们之前进行网络编程</div>
</li>
<li><a href="/article/1900636155741794304.htm"
title="【Leetcode 每日一题】3306. 元音辅音字符串计数 II" target="_blank">【Leetcode 每日一题】3306. 元音辅音字符串计数 II</a>
<span class="text-muted">冠位观测者</span>
<a class="tag" taget="_blank" href="/search/Leetcode/1.htm">Leetcode</a><a class="tag" taget="_blank" href="/search/Daily/1.htm">Daily</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
<div>问题背景给你一个字符串wordwordword和一个非负整数kkk。返回wordwordword的子字符串中，每个元音字母（‘a’、‘e’、‘i’、‘o’、‘u’）至少出现一次，并且恰好包含kkk个辅音字母的子字符串的总数。数据约束5≤word.length≤2×1055\leword.length\le2\times10^55≤word.length≤2×105wordwordword仅由小写英</div>
</li>
<li><a href="/article/1900635272874356736.htm"
title="《Python实战进阶》No23: 使用 Selenium 自动化浏览器操作" target="_blank">《Python实战进阶》No23: 使用 Selenium 自动化浏览器操作</a>
<span class="text-muted">带娃的IT创业者</span>
<a class="tag" taget="_blank" href="/search/Python%E5%AE%9E%E6%88%98%E8%BF%9B%E9%98%B6/1.htm">Python实战进阶</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a>
<div>No23:使用Selenium自动化浏览器操作摘要Selenium是自动化浏览器操作的“瑞士军刀”，可模拟人类行为操作网页，适用于爬虫、测试、重复任务自动化等场景。本集通过代码驱动实战，从安装配置到复杂交互，带你掌握Selenium的核心技能，并结合电商网站登录、商品下单等真实场景，解决动态加载、反爬等实际问题。核心概念与代码实战1.环境配置与WebDriver基础安装命令：pipinstalls</div>
</li>
<li><a href="/article/1900634516234498048.htm"
title="C#知识总结" target="_blank">C#知识总结</a>
<span class="text-muted">托塔1</span>
<a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</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#基础语法知识入门1.输入输出操作2.变量类型与常量2.1基础类型2.2常量3.转义字符4.类型转换4.1隐式转换规则4.2显式转换API5.运算符运算符分类与优先级6.流程控制6.1条件分支6.2循环6.3控制关键字7.异常处理二、C#基础语法知识基础1.枚举、数组、结构体vs类对比1.1枚举（Enum）1.2数组（一维/二维/交错）2.值类型vs引用类型3.字符串操作3.1核心方法3</div>
</li>
<li><a href="/article/1900634263385075712.htm"
title="VSCode安装及配置Go开发环境" target="_blank">VSCode安装及配置Go开发环境</a>
<span class="text-muted">weixin_42764969</span>
<a class="tag" taget="_blank" href="/search/Tools/1.htm">Tools</a>
<div>全篇目录---我们不生产知识，我们只做知识的搬运工。1、VSCode的安装下载安装简单使用2、Go开发环境下载安装下载Go安装包配置GOPATH环境变量GOPATH目录介绍3、配置VSCode的Go开发环境3.1、安装Go开发扩展3.2、安装Go开发工具包解决方法一：有梯子就不怕墙高解决方法二：将package下载到本地解决方法三：设置镜像一劳永逸3.3第一个Go程序HelloWorld.本文参考</div>
</li>
<li><a href="/article/1900634010795700224.htm"
title="剑指offer笔试刷题（1）：树专题" target="_blank">剑指offer笔试刷题（1）：树专题</a>
<span class="text-muted">weixin_35837473</span>
<div>1.输入两棵二叉树A，B，判断B是不是A的子结构。（ps：我们约定空树不是任意一个树的子结构）遍历A找到与B根结点相同的位置，子结构是从根结点到叶子节点相同。思路1：1.先考虑特殊情况，如果指针为空则错误。2定义一个子函数，功能是判断是否是子结构，然后主函数从根结点到叶子结点遍历。3return递归的布尔型值，如果最后return的是&&则递归终止条件是true关系不大，只要有一个是false,r</div>
</li>
<li><a href="/article/1900633758575423488.htm"
title="DeepSeek开源：FlashMLA深度解析：Hopper架构上的大模型推理革命" target="_blank">DeepSeek开源：FlashMLA深度解析：Hopper架构上的大模型推理革命</a>
<span class="text-muted">花生糖@</span>
<a class="tag" taget="_blank" href="/search/AIGC%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%E5%BA%93/1.htm">AIGC学习资料库</a><a class="tag" taget="_blank" href="/search/AI%C2%B7%E6%9C%AA%E6%9D%A5/1.htm">AI·未来</a><a class="tag" taget="_blank" href="/search/DeepSeek/1.htm">DeepSeek</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E7%94%A8%E9%9B%86/1.htm">实用集</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/FlashMLA/1.htm">FlashMLA</a><a class="tag" taget="_blank" href="/search/DeepSeek/1.htm">DeepSeek</a><a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF/1.htm">技术</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/AIGC/1.htm">AIGC</a>
<div>2025年2月24日，DeepSeek以「开源周」首日发布的FlashMLA技术，重新定义了Hopper架构GPU在AI推理领域的性能极限。这款专为NVIDIAH800/H100系列优化的MLA（Multi-headLatentAttention）解码内核，通过突破性算法设计与硬件协同优化，在可变长度序列处理场景中实现了3000GB/s内存带宽与580TFLOPS计算吞吐的里程碑式突破。其开源策略</div>
</li>
<li><a href="/article/1900632876517486592.htm"
title="Threejs 实现 VR 看房完结" target="_blank">Threejs 实现 VR 看房完结</a>
<span class="text-muted">多喜乐 长安宁</span>
<a class="tag" taget="_blank" href="/search/threejs/1.htm">threejs</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vr/1.htm">vr</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/three/1.htm">three</a>
<div>效果：threejs3dVr看房gitee地址：threejs-3d-map:1、threejs实现3d地图效果链接：https://blog.csdn.net/qq_57952018/article/details/1430539902、threejs实现vr看房主要代码：src/views/PanoramicView/index.vueimport{computed,onMounted,onU</div>
</li>
<li><a href="/article/1900632870666432512.htm"
title="Threejs 实现3D 地图（07）3d 地图 完结" target="_blank">Threejs 实现3D 地图（07）3d 地图 完结</a>
<span class="text-muted">多喜乐 长安宁</span>
<a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/threejs/1.htm">threejs</a><a class="tag" taget="_blank" href="/search/three/1.htm">three</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>ps：本案例主要对省级做了很多操作对于市级还有区级没有进一步完成。大家可以根据自己的需求来调整。目前已经完成了开发但是代码质量不是很好（没时间优化了）后续有空会继续更新，如果你有想做的但是没有实现可以留言给我我会尽量而为。代码又不懂的可以问我我会尽力解答。当然项目中也有我不懂的（借鉴其他博主的思路强行实现）3d地图完结gitee地址：threejs-3d-map:threejs实现3d地图效果包含</div>
</li>
<li><a href="/article/1900631104797339648.htm"
title="[Java实战]性能优化qps从1万到3万" target="_blank">[Java实战]性能优化qps从1万到3万</a>
<span class="text-muted">曼岛_</span>
<a class="tag" taget="_blank" href="/search/%E5%9B%BD%E5%AF%86%E5%AE%9E%E6%88%98/1.htm">国密实战</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%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>
<div>一、问题背景事情起因是项目上springboot项目提供的tps达不到客户要求，除了增加服务器提高tps之外，作为团队的技术总监，架构师，技术扛把子，本着我不入地狱谁入地狱的原则，决心从代码上优化，让客户享受到飞一般的感觉。虽然大多数编程工作在写下第一行代码时已经完成，但本着谦虚使人进步，骄傲使人落后的原则还是一步一个脚印的把问题慢慢展开，慢慢分析。以下内容是抽丝剥茧的心路历程，请君欣赏。二、TP</div>
</li>
<li><a href="/article/1900630601065623552.htm"
title="使用Redis实现分布式锁的技术详解" target="_blank">使用Redis实现分布式锁的技术详解</a>
<span class="text-muted">my1121716951</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>使用Redis实现分布式锁的技术详解一、引言二、分布式锁的基本概念三、Redis实现分布式锁的原理1.SETNX命令2.SET命令的扩展参数3.Lua脚本保证原子性四、Redis实现分布式锁的步骤1.引入Redis依赖2.加锁实现3.释放锁实现4.设置锁过期时间五、代码演示1.引入依赖2.加锁与释放锁的工具类3.使用示例六、注意事项与优化1.死锁问题2.锁竞争与重试机制一、引言在分布式系统中，多个</div>
</li>
<li><a href="/article/1900629719712329728.htm"
title="Java面试精选：Kafka+Zookeeper+redis+JVM+RabbitMQ，最全总结" target="_blank">Java面试精选：Kafka+Zookeeper+redis+JVM+RabbitMQ，最全总结</a>
<span class="text-muted">我叫小迁W：bjmsb2019</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a>
<div>大家开始准备金九银十了吗？不知是跳槽还是找工作的朋友，趁现在增进一下自己的技术何尝不是一件好事呢？一、RabbitMQ1.rabbitmq的使用场景有哪些？2.rabbitmq有哪些重要的角色？3.rabbitmq有哪些重要的组件？4.rabbitmq中vhost的作用是什么？5.rabbitmq的消息是怎么发送的？6.rabbitmq怎么保证消息的稳定性？7.rabbitmq怎么避免消息丢失？8</div>
</li>
<li><a href="/article/1900628203911835648.htm"
title="Vue Markdown 编辑器全攻略：轻松集成 MD 编辑器到前端项目" target="_blank">Vue Markdown 编辑器全攻略：轻松集成 MD 编辑器到前端项目</a>
<span class="text-muted">算法探险家</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a>
<div>VueMarkdown编辑器全攻略：轻松集成MD编辑器到前端项目1.为什么选择Markdown编辑器？2.安装v-md-editor3.全局配置与集成4.在组件中使用Markdown编辑器5.高级配置与自定义功能6.总结在现代前端开发中，Markdown编辑器被广泛应用于博客、内容管理系统、在线文档等场景。本文将以Vue3为例，详细介绍如何使用v-md-editor库在项目中集成Markdown编</div>
</li>
<li><a href="/article/1900627825388482560.htm"
title="使用Redis实现分布式锁的技术详解" target="_blank">使用Redis实现分布式锁的技术详解</a>
<span class="text-muted">QQ828929QQ</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>使用Redis实现分布式锁的技术详解一、引言二、分布式锁的基本概念三、Redis实现分布式锁的原理1.SETNX命令2.SET命令的扩展参数3.Lua脚本保证原子性四、Redis实现分布式锁的步骤1.引入Redis依赖2.加锁实现3.释放锁实现4.设置锁过期时间五、代码演示1.引入依赖2.加锁与释放锁的工具类3.使用示例六、注意事项与优化1.死锁问题2.锁竞争与重试机制一、引言在分布式系统中，多个</div>
</li>
<li><a href="/article/1900627573277257728.htm"
title="如何在Futter开发中做性能优化？" target="_blank">如何在Futter开发中做性能优化？</a>
<span class="text-muted">Ever69</span>
<a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a>
<div>目录1.避免不必要的Widget重建问题：频繁调用setState()导致整个Widget树重建。优化策略：2.高效处理长列表问题：ListView一次性加载所有子项导致内存暴涨。优化策略：3.图片加载优化问题：加载高分辨率图片导致内存溢出。优化策略：4.动画性能优化问题：复杂动画导致UI卡顿。优化策略：5.状态管理优化问题：全局状态变化导致无关Widget重建。优化策略：6.避免阻塞UI线程问题</div>
</li>
<li><a href="/article/1900627068828315648.htm"
title="Linux基础指令详解：掌握Linux系统的必备技能" target="_blank">Linux基础指令详解：掌握Linux系统的必备技能</a>
<span class="text-muted">幻梦织者</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>Linux基础指令详解：掌握Linux系统的必备技能一、Linux基础指令概述二、基础指令详解1.**ls**2.**cd**3.**pwd**4.**mkdir**5.**rmdir**6.**rm**7.**cp**8.**mv**9.**cat**10.**more**和**less**11.**chmod**12.**chown**13.**df**14.**du**15.**ps**16</div>
</li>
<li><a href="/article/1900626061155168256.htm"
title="知识库全链路交互逻辑" target="_blank">知识库全链路交互逻辑</a>
<span class="text-muted">賢843</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95%E7%90%86%E8%AE%BA%E5%9F%BA%E7%A1%80/1.htm">软件测试理论基础</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>阶段顺序URL输入→网络连接→前端请求→后端处理→数据库交互→数据返回→前端渲染→连接关闭阶段1：用户输入URL用户行为：在浏览器地址栏输入`https://knowledge.com/search?keyword=金融趋势`浏览器动作：“浏览器解析URL：协议补全：若用户省略协议，浏览器自动添加https://（若网站支持HTTPS）字符转义：对中文、空格等特殊字符编码（如金融趋势→%E9%</div>
</li>
<li><a href="/article/1900625554156089344.htm"
title="vscode 配置golang开发环境" target="_blank">vscode 配置golang开发环境</a>
<span class="text-muted">Amber_37</span>
<a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a>
<div>vscode配置golang开发环境在go1.20环境中需要指定工具的安装版本goinstallgolang.org/x/tools/gopls@v0.15.3goinstallgithub.com/go-delve/delve/cmd/dlv@v1.21.0使用goinsertorupdate安装工具会报错go版本太低,而很多时候为了项目稳定或风险太高,我们不太希望升级到go最新版解决办法:在S</div>
</li>
<li><a href="/article/1900625556769140736.htm"
title="vue3+elementuiplus的table表格动态高度" target="_blank">vue3+elementuiplus的table表格动态高度</a>
<span class="text-muted">多喜乐 长安宁</span>
<a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/elementuiplus/1.htm">elementuiplus</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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>table表格流体高度1、前提了解自定义指令、hooks2、核心思路通过自定义指令（newResizeObserver）监听表格变化，然后通过hooks去更新表格高度。3、核心代码src/directives/resize.ts//import{debounce}from'@/utils';import{typeDirective}from"vue";constresizeDirective:Di</div>
</li>
<li><a href="/article/1900621270001709056.htm"
title="janeczku / calibre-web忘记密码 命令行重置密码" target="_blank">janeczku / calibre-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/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>根据博客https://blog.csdn.net/gaoxiangfei/article/details/137070897但一直报错：Passworddoesn’tcomplywithpasswordvalidationrules进入容器：dockerexec-itcontainer_id/bin/bash直到我尝试这样的方式：root@782e4226f457:/#python3/app/c</div>
</li>
<li><a href="/article/1900620639857864704.htm"
title="Docker 安装 sentinel" target="_blank">Docker 安装 sentinel</a>
<span class="text-muted">TsengOnce</span>
<a class="tag" taget="_blank" href="/search/Docker/1.htm">Docker</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/sentinel/1.htm">sentinel</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a>
<div>Docker安装系列1、拉取[root@Tseng~]#dockerpullbladex/sentinel-dashboardUsingdefaulttag:latestlatest:Pullingfrombladex/sentinel-dashboard4abcf2066143:Pullcomplete1ec1e81da383:Pullcomplete56bccb36a894:Pullcompl</div>
</li>
<li><a href="/article/1900620513634480128.htm"
title="AtCoder Beginner Contest 393(A-D)" target="_blank">AtCoder Beginner Contest 393(A-D)</a>
<span class="text-muted">Pt.ll</span>
<a class="tag" taget="_blank" href="/search/Atcoder/1.htm">Atcoder</a><a class="tag" taget="_blank" href="/search/Beginner/1.htm">Beginner</a><a class="tag" taget="_blank" href="/search/Contest/1.htm">Contest</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
<div>AtCoderBeginnerContest393A-PoisonousOysterCodeB-A..B..CCodeC-MakeitSimpleCodeD-SwaptoGatherCode后记A-PoisonousOyster题目本题很简单，因为Takahashi吃了1和2，而Aoki吃了1和3，所以他们都为fine时，4号就有问题；同理，可以判断那个有问题。Code#include#defin</div>
</li>
<li><a href="/article/1900620135622832128.htm"
title="Python二级考试试题汇总（史上最全）" target="_blank">Python二级考试试题汇总（史上最全）</a>
<span class="text-muted">m0_67265464</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/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/intellij-idea/1.htm">intellij-idea</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a>
<div>Python二级考试试题（一）以下关于程序设计语言的描述，错误的选项是：APython语言是一种脚本编程语言B汇编语言是直接操作计算机硬件的编程语言C程序设计语言经历了机器语言、汇编语言、脚本语言三个阶段D编译和解释的区别是一次性翻译程序还是每次执行时都要翻译程序正确答案：C表达式1001==0x3e7的结果是：AfalseBFalseCtrueDTrue正确答案：B以下选项，不是Python保留</div>
</li>
<li><a href="/article/1900619882156847104.htm"
title="win32汇编环境,对话框程序中创建托盘示例一" target="_blank">win32汇编环境,对话框程序中创建托盘示例一</a>
<span class="text-muted">一品人家</span>
<a class="tag" taget="_blank" href="/search/%E6%B1%87%E7%BC%96/1.htm">汇编</a>
<div>;运行效果;win32汇编环境,对话框程序中创建托盘示例一;托盘，就是电脑桌面右下角那个角落里的图标，这里展示基本的应用方法。;直接抄进RadAsm可编译运行。重要部分加备注。;下面为asm文件;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.386.modelflat,stdcalloptioncasema</div>
</li>
<li><a href="/article/1900619882639192064.htm"
title="轻松掌握：Milvus向量数据库部署与RAG使用技巧" target="_blank">轻松掌握：Milvus向量数据库部署与RAG使用技巧</a>
<span class="text-muted">威研威语</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/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/milvus/1.htm">milvus</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/RAG/1.htm">RAG</a>
<div>Milvus简介Milvus是一款开源的向量数据库，由Zilliz开发并维护，适合用于机器学习和人工智能领域。是一款专为处理向量查询而设计的数据库，Milvus能够对万亿级向量进行索引。Milvus官网：https://milvus.io/Milvus中文文档：https://www.milvus-io.com/Milvus部署环境准备Linux操作系统Docker19.03或更高版本Docker</div>
</li>
<li><a href="/article/1900618621839798272.htm"
title="Sass (Scss) 与 Less 的区别与选择" target="_blank">Sass (Scss) 与 Less 的区别与选择</a>
<span class="text-muted">智能编织者</span>
<a class="tag" taget="_blank" href="/search/sass/1.htm">sass</a><a class="tag" taget="_blank" href="/search/scss/1.htm">scss</a><a class="tag" taget="_blank" href="/search/less/1.htm">less</a>
<div>Sass与Less的区别与选择1.语法差异2.特性与支持3.兼容性4.选择建议在前端开发中，CSS预处理器如Sass（SyntacticallyAwesomeStylesheets）和Less被广泛使用，它们通过引入变量、嵌套规则、混合、函数等特性，使CSS的开发过程更加高效和灵活。Sass和Less作为两大主流CSS预处理器，各自具有独特的优点和特性。本文将详细探讨Sass（特别是其语法扩展Sc</div>
</li>
<li><a href="/article/1900618622628327424.htm"
title="【设计模式】原型模式" target="_blank">【设计模式】原型模式</a>
<span class="text-muted">浅慕Antonio</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/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%8E%9F%E5%9E%8B%E6%A8%A1%E5%BC%8F/1.htm">原型模式</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a>
<div>三、原型模式3.2原型模式同工厂模式一样，原型(Prototype)模式也是一种创建型模式。原型模式通过一个对象(原型对象)克隆出多个一模一样的对象。实际上，该模式与其说是一种设计模式，不如说是一种创建对象的方法(对象克隆),尤其是创建给定类的对象(实例)过程很复杂(例如，要设置许多成员变量的值)时，使用这种设计模式就比较合适。3.2.1通过工厂方法模式演变到原型模式回顾一下前面讲解工厂方法模式时</div>
</li>
<li><a href="/article/38.htm"
title="ASM系列六 利用TreeApi 添加和移除类成员" target="_blank">ASM系列六 利用TreeApi 添加和移除类成员</a>
<span class="text-muted">lijingyao8206</span>
<a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E4%BB%A3%E7%90%86/1.htm">动态代理</a><a class="tag" taget="_blank" href="/search/ASM/1.htm">ASM</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E8%8A%82%E7%A0%81%E6%8A%80%E6%9C%AF/1.htm">字节码技术</a><a class="tag" taget="_blank" href="/search/TreeAPI/1.htm">TreeAPI</a>
<div> 同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。
package asm.core;
/**
* Created by yunshen.ljy on 2015/6/</div>
</li>
<li><a href="/article/165.htm"
title="Springmvc-权限设计" target="_blank">Springmvc-权限设计</a>
<span class="text-muted">bee1314</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a>
<div>
万丈高楼平地起。
权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。
目标：
1.实现权限的管理（CRUD）
2.实现部门管理 （CRUD)
3.实现人员的管理 （CRUD）
4.实现部门和权限</div>
</li>
<li><a href="/article/292.htm"
title="算法竞赛入门经典（第二版）第2章习题" target="_blank">算法竞赛入门经典（第二版）第2章习题</a>
<span class="text-muted">CrazyMizzz</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>2.4.1 输出技巧
#include <stdio.h>
int
main()
{
int i, n;
scanf("%d", &n);
for (i = 1; i <= n; i++)
printf("%d\n", i);
return 0;
}
习题2-2 水仙花数(daffodil</div>
</li>
<li><a href="/article/419.htm"
title="struts2中jsp自动跳转到Action" target="_blank">struts2中jsp自动跳转到Action</a>
<span class="text-muted">麦田的设计者</span>
<a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/webxml/1.htm">webxml</a><a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E8%B7%B3%E8%BD%AC/1.htm">自动跳转</a>
<div>1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）
2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j</div>
</li>
<li><a href="/article/546.htm"
title="php 操作webservice实例" target="_blank">php 操作webservice实例</a>
<span class="text-muted">IT独行者</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a>
<div>首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll;
OK 现在我们来体验webservice
//server端 serve</div>
</li>
<li><a href="/article/673.htm"
title="Windows下使用Vagrant安装linux系统" target="_blank">Windows下使用Vagrant安装linux系统</a>
<span class="text-muted">_wy_</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/vagrant/1.htm">vagrant</a>
<div>准备工作：
下载安装 VirtualBox ：https://www.virtualbox.org/
下载安装 Vagrant ：http://www.vagrantup.com/
下载需要使用的 box ：
官方提供的范例：http://files.vagrantup.com/precise32.box
还可以在 http://www.vagrantbox.es/ </div>
</li>
<li><a href="/article/800.htm"
title="更改linux的文件拥有者及用户组(chown和chgrp)" target="_blank">更改linux的文件拥有者及用户组(chown和chgrp)</a>
<span class="text-muted">无量</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/chgrp/1.htm">chgrp</a><a class="tag" taget="_blank" href="/search/chown/1.htm">chown</a>
<div>本文（转）
http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/
http://ydlmlh.iteye.com/blog/1435157
一、基本使用：
使用chown命令可以修改文件或目录所属的用户：
命令</div>
</li>
<li><a href="/article/927.htm"
title="linux下抓包工具" target="_blank">linux下抓包工具</a>
<span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>原文地址：
http://blog.chinaunix.net/uid-23670869-id-2610683.html
tcpdump -nn -vv -X udp port 8888
上面命令是抓取udp包、端口为8888
netstat -tln 命令是用来查看linux的端口使用情况
13 . 列出所有的网络连接
lsof -i
14. 列出所有tcp 网络连接信息
l</div>
</li>
<li><a href="/article/1054.htm"
title="我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起”" target="_blank">我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起”</a>
<span class="text-muted">alafqq</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a>
<div>最近看了
每一个用mybatis的男纸，你伤不起
原文地址 ：http://www.iteye.com/topic/1073938
发表一下个人看法。欢迎大神拍砖；
个人一直使用的是Ibatis框架，公司对其进行过小小的改良；
最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究；
发现多了一个mapper层；个人感觉就是个dao；
</div>
</li>
<li><a href="/article/1181.htm"
title="解决java数据交换之谜" target="_blank">解决java数据交换之谜</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E4%BA%A4%E6%8D%A2/1.htm">数据交换</a>
<div>交换两个数字的方法有以下三种 ，其中第一种最常用
/*
输出最小的一个数
*/
public class jiaohuan1 {
public static void main(String[] args) {
int a =4;
int b = 3;
if(a<b){
// 第一种交换方式
int tmep =</div>
</li>
<li><a href="/article/1308.htm"
title="渐变显示" target="_blank">渐变显示</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div><style type="text/css">
#wxf {
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98);
height: 25px;
}
</style></div>
</li>
<li><a href="/article/1435.htm"
title="探索JUnit4扩展：断言语法assertThat" target="_blank">探索JUnit4扩展：断言语法assertThat</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/assertThat/1.htm">assertThat</a>
<div>一.概述
JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够</div>
</li>
<li><a href="/article/1562.htm"
title="【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}}" target="_blank">【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}}</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/gson/1.htm">gson</a>
<div>
如何把如下简单的JSON字符串反序列化为Java的POJO对象?
{"data":{"IM":["MSN","QQ","Gtalk"]}}
下面的POJO类Model无法完成正确的解析：
import com.google.gson.Gson;</div>
</li>
<li><a href="/article/1689.htm"
title="【Kafka九】Kafka High Level API vs. Low Level API" target="_blank">【Kafka九】Kafka High Level API vs. Low Level API</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a>
<div>1. Kafka提供了两种Consumer API
High Level Consumer API
Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂)
在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题
</div>
</li>
<li><a href="/article/1816.htm"
title="在nginx中集成lua脚本：添加自定义Http头，封IP等" target="_blank">在nginx中集成lua脚本：添加自定义Http头，封IP等</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+lua/1.htm">nginx lua</a>
<div>Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com
Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。
location /{</div>
</li>
<li><a href="/article/1943.htm"
title="java-归并排序" target="_blank">java-归并排序</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
import java.util.Arrays;
public class MergeSort {
public static void main(String[] args) {
int[] a={20,1,3,8,5,9,4,25};
mergeSort(a,0,a.length-1);
System.out.println(Arrays.to</div>
</li>
<li><a href="/article/2070.htm"
title="Netty源码学习-CompositeChannelBuffer" target="_blank">Netty源码学习-CompositeChannelBuffer</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/netty/1.htm">netty</a>
<div>CompositeChannelBuffer体现了Netty的“Transparent Zero Copy”
查看API（
http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description）
可以看到，所谓“Transparent Zero Copy”是通</div>
</li>
<li><a href="/article/2197.htm"
title="Android中给Activity添加返回键" target="_blank">Android中给Activity添加返回键</a>
<span class="text-muted">hotsunshine</span>
<a class="tag" taget="_blank" href="/search/Activity/1.htm">Activity</a>
<div>
// this need android:minSdkVersion="11"
getActionBar().setDisplayHomeAsUpEnabled(true);
@Override
public boolean onOptionsItemSelected(MenuItem item) {
</div>
</li>
<li><a href="/article/2324.htm"
title="静态页面传参" target="_blank">静态页面传参</a>
<span class="text-muted">ctrain</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81/1.htm">静态</a>
<div>
$(document).ready(function () {
var request = {
QueryString :
function (val) {
var uri = window.location.search;
var re = new RegExp("" + val + "=([^&?]*)", &</div>
</li>
<li><a href="/article/2451.htm"
title="Windows中查找某个目录下的所有文件中包含某个字符串的命令" target="_blank">Windows中查找某个目录下的所有文件中包含某个字符串的命令</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E6%89%BE%E6%9F%90%E4%B8%AA%E7%9B%AE%E5%BD%95%E4%B8%8B%E7%9A%84%E6%89%80%E6%9C%89%E6%96%87%E4%BB%B6/1.htm">查找某个目录下的所有文件</a><a class="tag" taget="_blank" href="/search/%E5%8C%85%E5%90%AB%E6%9F%90%E4%B8%AA%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">包含某个字符串</a>
<div>findstr可以完成这个工作。
[html]
view plain
copy
>findstr /s /i "string" *.*
上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu</div>
</li>
<li><a href="/article/2578.htm"
title="改善程序代码质量的一些技巧" target="_blank">改善程序代码质量的一些技巧</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a>
<div>有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧： 尽量保持方法简短 尽管很多人都遵</div>
</li>
<li><a href="/article/2705.htm"
title="SharedPreferences对数据的存储" target="_blank">SharedPreferences对数据的存储</a>
<span class="text-muted">dcj3sjt126com</span>
<div>SharedPreferences简介： &nbs</div>
</li>
<li><a href="/article/2832.htm"
title="linux复习笔记之bash shell (2) bash基础" target="_blank">linux复习笔记之bash shell (2) bash基础</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/bash/1.htm">bash</a><a class="tag" taget="_blank" href="/search/bash+shell/1.htm">bash shell</a>
<div>转载请出自出处：
http://eksliang.iteye.com/blog/2104329
1.影响显示结果的语系变量（locale）
1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下：
[root@localhost shell]# locale
LANG=en_US.UTF-8
LC_CTYPE="en_US.UTF-8"
</div>
</li>
<li><a href="/article/2959.htm"
title="Android零碎知识总结" target="_blank">Android零碎知识总结</a>
<span class="text-muted">gqdy365</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。
所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高</div>
</li>
<li><a href="/article/3086.htm"
title="HoverTree.Model.ArticleSelect类的作用" target="_blank">HoverTree.Model.ArticleSelect类的作用</a>
<span class="text-muted">hvt</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a>
<div>ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013</div>
</li>
<li><a href="/article/3213.htm"
title="PHP 判断是否使用代理 PHP Proxy Detector" target="_blank">PHP 判断是否使用代理 PHP Proxy Detector</a>
<span class="text-muted">天梯梦</span>
<a class="tag" taget="_blank" href="/search/proxy/1.htm">proxy</a>
<div>1. php 类
I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to </div>
</li>
<li><a href="/article/3340.htm"
title="apache的math库中的回归——regression（翻译）" target="_blank">apache的math库中的回归——regression（翻译）</a>
<span class="text-muted">lvdccyb</span>
<a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a><a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a>
<div>这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。
多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。
数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。
基本覆盖了：线代，统计，矩阵，
最优化理论
曲线拟合
常微分方程
遗传算法（GA），
还有3维的运算。。。
</div>
</li>
<li><a href="/article/3467.htm"
title="基础数据结构和算法十三：Undirected Graphs (2)" target="_blank">基础数据结构和算法十三：Undirected Graphs (2)</a>
<span class="text-muted">sunwinner</span>
<a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a>
<div>
Design pattern for graph processing.
Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation</div>
</li>
<li><a href="/article/3594.htm"
title="云计算平台最重要的五项技术" target="_blank">云计算平台最重要的五项技术</a>
<span class="text-muted">sumapp</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%B9%B3%E5%8F%B0/1.htm">云平台</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E5%9F%8E%E4%BA%91/1.htm">智城云</a>
<div>云计算平台最重要的五项技术
1、云服务器
云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。
特性
机型丰富
通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作；
仅需要几分钟，根据CP</div>
</li>
<li><a href="/article/3721.htm"
title="《京东技术解密》有奖试读获奖名单公布" target="_blank">《京东技术解密》有奖试读获奖名单公布</a>
<span class="text-muted">ITeye管理员</span>
<a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a>
<div>ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。
12月试读活动回顾：
http://webmaster.iteye.com/blog/2164754
本次技术图书试读活动获奖名单及相应作品如下：
一等奖（两名）
Microhardest：http://microhardest.ite</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> 