天乙社区社区首页分析(三)

今天继续分析社区首页中侧边导航栏，也就主要是nag.jsp。
先看一下nag.jsp的主要框架，显然，主要由三个div构成，如下：
第一个div：bnag0  是社区首页和个人中心。
（水平线）
第二个div：bnag1  是个人珍藏和版块(论坛)列表
第三个div：bnag2  退出社区

为了更好地理解这个框架，我修改其代码做了一个小实验，如要是研究侧边栏的导航树是如何实现的，代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title> nag导航栏小实验</title>
  <style type="text/css">
	 .nag ul {
		font-family: Verdana, Tahoma, "宋体";
		font-size: 14px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	.nag ul li {
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
		background-color:white;
		width:100px
	}
	.nagbody {
		background-color: #F2F2FB;
	}
  </style>
  <script language="JavaScript" type="text/javascript">
	function loadUserCenter() {
	  var obj = document.getElementById("userCenterDiv");
	  var imgObj = document.getElementById("imgUserCenterSet");
	  if (obj.style.display == "none") {
		obj.style.display = "block";
		imgObj.src="images/collapse.gif";
	  }
	  else {
		obj.style.display = "none";
		imgObj.src="images/expand.gif";
	  }
	}
  </script>
 </head>
 <body class="nagbody">
  <div class="nag" id="bnag0">
    <ul style="background-color:blue">
      <li>
		<img id="imgIn" src="images/signalnode.gif" alt="" width="25" height="15" border="0" align="absmiddle"/>社区首页
      </li>
      <li><a  href="javascript:loadUserCenter();"><img id="imgUserCenterSet" src="images/expand.gif" alt="" width="25" height="15" border="0" align="absmiddle"/>个人中心</a></li>
		<div id="userCenterDiv" class="nag" style="display:none">
				<ul style="background-color:red">
				  <li><img id="imgSignSet" src="images/node.gif" alt="" border="0" align="absmiddle"/>修改签名</li>
				  <li><img id="imgNickNameSet" src="images/node.gif" alt="" border="0" align="absmiddle"/>修改昵称</li>
				  <li><img id="imgUserConfig" src="images/node.gif" alt="" border="0" align="absmiddle"/>个人参数</li>
				  <li><img id="imgFriendSet" src="images/node.gif" alt="" border="0" align="absmiddle"/>编辑好友</li>
				  <li><img id="imgNote" src="images/node.gif" alt="" border="0" align="absmiddle"/>悄悄话</li>
				  <li><img id="imgBookMark" src="images/node.gif" alt="" border="0" align="absmiddle"/>书签管理</li>
				  <li><img id="imgFace" src="images/node.gif" alt="" border="0" align="absmiddle"/>编辑头像</li>
				  <li><img id="imgUserDetailSet" src="images/node.gif" alt="" border="0" align="absmiddle"/>个人资料</li>
				  <li><img id="imgCpasswd" src="images/node.gif" alt="" border="0" align="absmiddle"/>修改密码</li>
				  <li><img id="imgboardSaveManage" src="images/node.gif" alt="" border="0" align="absmiddle"/>珍藏管理</li>
				</ul>
		</div>
    </ul>
  </div>
 </body>
</html>

 

其中用到的图片为放在与上述代码所在文件同目录的image文件夹中，所用到的图片
collapse.gif:  expand.gif:  node.gif:  signalnode.gif:
我们也可以修改社区首页分析(二)中的小实验代码，把其中的第一个div，改为iframe如下：
<iframe id="nagFrame" name="nagFrame" frameBorder="0" scrolling="auto" src="nag导航栏小实验.html" class="iframe1"></iframe>
来把两个小实验结合起来，显示效果如下：
本次小实验：
天乙社区社区首页分析(三)_第1张图片
与上次的结合后：
天乙社区社区首页分析(三)_第2张图片
为了便于研究样式中padding，margin等属性产生的影响，在这里设置了<ul> <div>的背景色以及<li>的宽度。
对于上述代码：
首先导航树中的+，-图样就是图片，展开折叠还是用display属性来实现的，如修改签名等个人中心的操作放在usercenterdiv中，其display一开始是为none，onclick是loadUserCenter方法，其中进行了usercenterdiv的display属性的切换和个人中心前的图片的更换。这就是展开吧 和折叠效果的实现。

代码中css样式表的表的写法及其属性学习：
.nag ul li中的margin-top规定的是该元素中的ul中的li元素的上边距，margin-bottom,margin-right和margin-left类似。注意这种css样式表写法规定的不是赋该样式的元素本身，而是该元素的子元素。比如这里使用样式nag的是usercenterdiv而样式作用于的对象是其子元素ul元素中的子元素li元素。

问题：.nag ul中规定了属性margin和padding，magin和padding的区别？
这里magin是指ul与其四周元素的间距：外边距（即四周要留出空白的距离），包括和其父容器。w3c上的定义是元素边框和内容区之间的区域，但是这里所说的元素的内容区还不太明确。
padding是指ul本身就作为父元素，与其内容（包括其内部的子元素和文本）要保持的内边距。
为了测试这两个属性我们可以修改上述代码中定义的样式，比如把nag ul中的margin或padding改为50px看看，来体会两者的不同。
元素的width属性指的是元素内容区的宽度，并不包括元素的内边距，外边距和边框。而background-color所指定的元素背景色会覆盖内边距的区域。所以如果想以颜色来划分内容区可能会偏多，但除此之外关于元素内容区的定义，我还是不清楚。
如果把边距只设为一个值，理论上上下左右的边距都会是这个值，但若无法同时满足，直观地来看，html似乎会优先满足上边和左边的边距值。

html中把每个元素所占的区域看成一个方块。
html中的元素，在没有设置width和height属性的情况下，默认为高度包裹内容，宽度填充父元素
为什么和第一个小实验结合以后（看上面第二张效果图），左边的导航栏会在iframe中这样显示，只占那么刚好的一条，且不会出现滚动条？
因为在iframe中规定了精确的宽度为135px，并且在上述代码中的div ul等标签中都没有定义width属性，也就是默认的填充父容器。但页面在iframe中显示时，它们的父容器就是iframe，宽度填充父容器，所以看起来页面的宽度刚刚吻合iframe的宽度，不会出现滚动条。

问题：树中父元素和子元素（比如个人中心和其下面的条目）之间缩进的距离是如何产生的？
一开始我以为是样式表中的margin，padding等设置产生了这一缩进间距。其实不是，那段缩进是由图片本身造成的！node.gif的左边本来就有一段空白的部分，并不是由于设置边距造成的，因为你可以看到上面效果图中li元素所占的那个块和它的父元素之间并没有间距。

问题：<a>属性 href="javascript:;"是什么意思？
href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。
这里本该要写的是点击链接后要执行的JavaScript 表达式、方法和函数的列表，但是由于后面指定了onclick的方法所以这里:后什么也没有。事实上去掉href属性或者去掉onclick属性且指定href属性为"javascript:loadUserCenter();"都可以达到同样的效果。

问题：<base target="mainFrame"/>这句什么意思？
为页面上的所有链接规定默认目标即规定点击链接后产生的页面在mainFrame中打开，而mainFrame指的就是在main.jsp中定义的iframe，这样就产生了社区首页中在左边导航栏点击条目，在右边主界面部分显示内容的效果。
另外<base>的href属性用来规定默认的基本URL，规定以后，浏览器将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。

问题：<img>中的alt属性是干嘛的？
设置图像的替代文本，当图像无法显示时会显示图像的替代文本。这里设置为空字符串。

下面简要分析一下个人珍藏和版块列表是如何进行显示的：
大体思路就是用<s:iterator>从值栈中取出action对象的属性进行迭代，配合<ul>来在页面上输出个人珍藏的列表和版块的列表。
个人珍藏用到的是Nag类的boardSaveList属性，在Nag.java文件中可以看到boardSaveList的值通过BoardService的findBoardsInIDs方法得到。
版块列表用到的是Nag类的boardList和boardMap属性，其中boardList属性是所有版块对应的board对象的list。boardMap是键值对集合，其中键是每个board的id，值是该id对应的board的子board的list。
要注意的是这里onclick属性的赋值中，loadChild中参数的写法：
由于这里要传递的参数在ognl上下文中，所以采用<s:property>标签来输出参数，又因为参数（参数是字符串型的）要加引号而外面又有引号了，所以用单引号代替。不知道可不可以ognl表达式%{}来代替<s:property>标签？可以做小实验试试！

关于Nag.java中所使用到的服务的内部代码，在这里就不深入分析了。
侧边导航栏分析到此。

 

你可能感兴趣的:(社区)

  • 股市泡沫如何在投资者盲目跟风心理作用下逐渐形成并不断膨胀？ 股票程序化交易接口 量化交易股票API接口Python股票量化交易股市泡沫盲目跟风心理股价上涨资金涌入股票量化接口股票API接口
    Python股票接口实现查询账户，提交订单，自动交易（1）Python股票程序交易接口查账，提交订单，自动交易（2）股票量化，Python炒股，CSDN交流社区>>>信息获取局限投资者在面对海量的股市信息时，往往难以全面、准确地收集和分析。多数人依赖有限的渠道获取消息，如财经媒体、社交平台等。这些渠道的信息可能片面或滞后，导致投资者无法掌握真实的市场情况。由于缺乏深入了解，他们更容易受到他人行为和
  • 同花顺API有哪些技术指标查询接口？ 股票程序化交易接口 量化交易股票API接口Python股票量化交易同花顺api技术指标查询接口股票量化接口股票API接口
    Python股票接口实现查询账户，提交订单，自动交易（1）Python股票程序交易接口查账，提交订单，自动交易（2）股票量化，Python炒股，CSDN交流社区>>>同花顺API的基本概念同花顺API是为开发者提供的一种工具接口。它旨在让开发者能够与同花顺的金融数据资源进行交互。这个API涵盖了众多功能，其中技术指标查询接口是比较重要的部分。通过这个接口，开发者可以获取到各种金融产品相关的技术指标
  • Java JVM与Spring Boot深度解析 Java廖志伟 Java场景面试宝典JavaJVMSpringBoot
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验，研究过主流框架的底层源码(Spring、Spri
  • 并发编程与MyBatis核心解析
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验，研究过主流框架的底层源码(Spring、Spri
  • JVM与Spring Boot核心解析 Java廖志伟 Java场景面试宝典JavaJVMPerformanceOptimization
    我是廖志伟，一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》（基础篇）、（进阶篇）、（架构篇）清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验，研究过主流框架的底层源码(Spring、Spri
  • Spring Boot 集成 MinIO 实现分布式文件存储与管理 LOVE_DDZ Spring-BootJAVALinuxspringboot分布式后端
    SpringBoot集成MinIO实现分布式文件存储与管理一、MinIO简介MinIO是一个高性能的分布式对象存储服务器，兼容AmazonS3API。它具有以下特点：轻量级且易于部署高性能（读写速度可达每秒数GB）支持数据加密和访问控制提供多种语言的SDK开源且社区活跃二、SpringBoot集成MinIO1.添加依赖在pom.xml中添加MinIOJavaSDK依赖：io.miniominio8
  • 元宇宙养老社区:数字化照护的创新实践 AI天才研究院 ChatGPTAI大模型企业级应用开发实战AI人工智能与大数据大厂Offer收割机面试题简历程序员读书硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLMJavaPython架构设计Agent程序员实现财富自由
    《元宇宙养老社区：数字化照护的创新实践》关键词元宇宙养老社区数字化照护虚拟现实人工智能大数据物联网摘要本文深入探讨了元宇宙养老社区的概念、技术架构及其在数字化照护中的应用。通过分析虚拟现实、人工智能、大数据和物联网等核心技术，本文详细阐述了元宇宙养老社区的架构设计、项目实施、运营管理与用户体验优化。同时，本文还展望了元宇宙养老社区的潜在市场、技术发展趋势以及未来挑战与机遇。文章目录《元宇宙养老社区
  • 为什么 Python 是 AI 的首选语言？
    文章目录一、简洁优雅，易于上手二、丰富的库和框架1.数据处理与分析2.数据可视化3.机器学习与深度学习框架三、强大的社区支持四、跨平台性和可移植性五、与其他语言的互操作性文章配套代码已上传，点击查看：https://download.csdn.net/download/2501_92578370/91180848在人工智能（AI）技术飞速发展的今天，编程语言的选择对AI开发者来说至关重要。当你翻开
  • 从 Alpha 到 Final：Python 各阶段版本到底该怎么用？ 三金C_C Pythonpython版本生命周期
    主流的Python是由PythonSoftwareFoundation（PSF，Python软件基金会）主导的：PSF是一个非营利组织负责维护Python官方语言规范、标准库、社区基础设施它主导的实现版本是我们日常使用的：CPythonPython的版本阶段（版本周期）。这些阶段是官方正式定义的，适用于每一个Python主版本（比如3.12、3.13、3.14…）Python版本的四大阶段Pyth
  • LLM大模型命名规则与部署硬件实践手册
    文章目录一、理论基础：从信息编码到系统设计1.1命名系统的信息论基础1.2硬件架构与模型运行的关系1.3量化技术的数学原理二、国际主流模型命名规则深度解析2.1OpenAI：极简主义与功能导向2.2AnthropicClaude：诗意命名的技术内涵2.3GoogleGemini：统一品牌下的分层架构2.4MetaLlama：开源社区的透明化命名三、国内主流模型命名规则与文化内涵3.1百度文心：知识
  • 探索《非官方知乎 API》：解锁知乎数据潜能指南
    探索《非官方知乎API》：解锁知乎数据潜能指南Unofficial-Zhihu-API深度学习模型自动识别验证码，python爬虫库自动管理会话，通过简单易用的API，实现知乎数据的爬取项目地址:https://gitcode.com/gh_mirrors/un/Unofficial-Zhihu-API项目介绍非官方知乎API是一个由社区贡献的开源工具，位于https://github.com/l
  • 探索《非官方知乎 API》：解锁知乎数据的新方式
    探索《非官方知乎API》：解锁知乎数据的新方式项目地址:https://gitcode.com/gh_mirrors/un/Unofficial-Zhihu-API在数据分析和社交媒体研究的世界里，拥有可靠的API是至关重要的。今天，我们将深入探讨一个由社区贡献的开源项目——。该项目提供了一个独特的方式，让你能够访问和解析知乎平台上的数据。项目简介非官方知乎API是由开发者littlepai创建的
  • CentOS系统新手指导手册 chanalbert centoslinux运维
    一、CentOS系统概述1.1CentOS的诞生与核心价值起源：CentOS（CommunityENTerpriseOperatingSystem）是基于RedHatEnterpriseLinux（RHEL）的开源发行版，由社区维护，提供与RHEL完全兼容的免费企业级Linux系统。特点：稳定性：通过长期支持（LTS）版本（如CentOS7/8）保证系统稳定性。企业级特性：适配服务器、云计算、虚拟
  • SeaTunnel 社区月报（5-6 月）：全新功能上线、Bug 大扫除、Merge 之星是谁？ SeaTunnel bugSeaTunnel开源数据集成大数据
    在5月和6月，SeaTunnel社区迎来了一轮密集更新：2.3.11正式发布，新增对Databend、Elasticsearch向量、HTTP批量写入、ClickHouse多表写入等多个连接器能力，全面提升了数据同步灵活性。同时，近100个修复与优化PR合入，涵盖Spark引擎并行性修复、Paimon精度兼容性增强、Mongo-CDCExactlyOnce默认值优化、OracleDDL类型支持补全
  • Python 爬虫实战：知乎热榜趋势分析（话题生命周期 + 影响力评估） Python核芯 Python爬虫实战项目python爬虫开发语言
    一、引言知乎作为国内知名的问答社区，其热榜功能汇聚了当下最受关注的话题。这些话题的热度变化反映了公众兴趣的动态，对于内容创作者、市场营销人员和数据分析师等具有极高的参考价值。本文将详细介绍如何通过Python和Scrapy技术实现知乎热榜数据的自动化爬取，并结合数据分析手段进行话题热度分析和趋势预测。二、目标网站分析（一）知乎热榜页面结构知乎热榜页面（https://www.zhihu.com/h
  • Python 爬虫实战：爬取掘金平台文章（列表解析 + 技术领域分类统计） Python核芯 Python爬虫实战项目python爬虫开发语言
    摘要：掘金平台汇聚了大量优质的编程技术和行业资讯文章。本文将深入讲解如何利用Python爬虫抓取掘金平台文章数据，解析文章列表信息，并进行技术领域分类统计，助力开发者了解技术热点和内容分布。一、引言掘金平台作为技术分享社区，专注于数字创业、编程技术和产品设计等领域。平台上的文章由开发者、创业者和设计者撰写，涵盖了从入门教程到前沿技术解析的丰富内容。通过爬取和分析这些文章数据，可以洞察当前技术领域的
  • Python爬虫实战：如何爬取雪球网的股票数据 Python爬虫项目 2025年爬虫实战项目python爬虫开发语言自动化区块链
    引言雪球网（Xueqiu）是中国知名的股票投资社交平台，它提供了丰富的股票数据、投资者的评论和分析，并允许用户进行股票交易的模拟。雪球平台集成了大量的股市数据，包括个股的实时行情、财务数据、投资者分析以及论坛社区内容。许多投资者和金融分析师都在该平台上进行股票研究、讨论和数据挖掘。在本文中，我们将介绍如何通过Python爬虫抓取雪球网的股票数据。通过分析雪球网提供的API和网页结构，获取个股的实时
  • Python 爬虫实战：爬取雪球股票讨论（投资者情绪分析 + 热点板块追踪） Python核芯 Python爬虫实战项目python爬虫开发语言
    一、前言雪球网作为国内知名的投资者社区，汇聚了海量的股票讨论、行情数据和用户观点。通过爬取雪球股票讨论数据，我们可以挖掘投资者情绪和热点板块，为投资决策提供数据支持。本文将详细讲解如何利用Python爬虫抓取雪球股票讨论数据，并进行投资者情绪分析和热点板块追踪。二、准备工作1.环境搭建确保已安装Python3.7或以上版本，推荐使用VisualStudioCode作为开发工具。2.安装依赖库在命令
  • LeetCode - #106 从中序与后序遍历序列构造二叉树 网罗开发 Swift#LeetCodeleetcode算法职场和发展
    文章目录前言1.描述2.示例3.答案关于我们前言我们社区陆续会将顾毅（Netflix增长黑客，《iOS面试之道》作者，ACE职业健身教练。）的Swift算法题题解整理为文字版以方便大家学习与阅读。LeetCode算法到目前我们已经更新到105期，我们会保持更新时间和进度（周一、周三、周五早上9:00发布），每期的内容不多，我们希望大家可以在上班路上阅读，长久积累会有很大提升。不积跬步，无以至千里；
  • LeetCode - #144 二叉树的前序遍历 网罗开发 Swiftleetcode算法职场和发展
    文章目录前言1.描述2.示例3.答案关于我们前言我们社区陆续会将顾毅（Netflix增长黑客，《iOS面试之道》作者，ACE职业健身教练。）的Swift算法题题解整理为文字版以方便大家学习与阅读。LeetCode算法到目前我们已经更新到143期，我们会保持更新时间和进度（周一、周三、周五早上9:00发布），每期的内容不多，我们希望大家可以在上班路上阅读，长久积累会有很大提升。不积跬步，无以至千里；
  • 〖Python零基础入门篇⑮〗- Python中的字典 哈哥撩编程 #①-零基础入门篇Python全栈白宝书python开发语言后端python中的字典
    >【易编橙·终身成长社群，相遇已是上上签！】-点击跳转～<作者：哈哥撩编程（视频号同名）图书作者：程序员职场效能宝典博客专家：全国博客之星第四名超级个体：COC上海社区主理人特约讲师：谷歌亚马逊分享嘉宾科技博主：极星会首批签约作者文章目录⭐️什么是字典？⭐️字典的结构与创建方法⭐️字典支持的数据类型⭐️在列表与元组中如何定义字典
  • 从性能优化赛到社区Committer，走进赵宇捷在Apache Fory的成长之路
    ApacheFory是一个基于JIT和零拷贝的高性能多语言序列化框架，实现了高效紧凑的序列化协议，提供极致的性能、压缩率和易用性。在多语言序列化框架技术领域取得了重大突破，推动序列化技术步入高性能易用新篇章！这一切，都源自全球开发者对开源的热忱。今天，一起走近这些用代码编织跨语言数据之网的Committer～一、自我介绍您的全名：赵宇捷当前职位/角色：后端开发工程师主要领域/方向：金融加入社区/项
  • 电子词典开源项目源代码完全解析
    本文还有配套的精品资源，点击获取简介：电子词典作为数字化学习工具，已由传统硬件发展为可定制的开源软件应用。本源代码提供深入理解其工作机制的机会，包括用户界面设计、词典数据库、查询引擎、翻译算法等。源代码通常由主流编程语言编写，涉及到数据结构与算法、UI设计、数据库管理、自然语言处理、本地化与多语言支持、版本控制、软件工程、API接口以及开源社区的协作和交流。1.电子词典工作原理和定制功能电子词典工
  • 小红书笔记详情API接口实战：内容数据获取与分析的利器
    在数字化时代，数据成为了一种无形的财富，其背后的价值越来越被重视。小红书，作为国内知名的社区分享平台，聚集了大量优质的内容和用户数据。对于企业、个人或者研究机构而言，获取并分析小红书上的笔记详情数据，不仅可以了解用户的行为和兴趣，还可以为决策提供有力的数据支持。本文将介绍如何通过小红书的API接口获取笔记详情数据，并对其进行深入分析，同时附上实战代码，帮助读者更好地理解和应用。二、小红书API接口
  • 【2025/06/30】GitHub 今日热门项目 Albert_Lsk Github推荐github
    GitHub今日热门项目每日精选优质开源项目|发现优质开源项目，跟上技术发展趋势报告概览统计项数值说明报告日期2025-06-30(周一)GitHubTrending每日快照数据时间16:11:02实时爬取生成项目总数16个精选热门开源项目⭐总星数381.3K社区认可度指标今日热度+4.5K24小时新增关注数据洞察核心指标项目总览16个精选项目⭐社区认可381.3K总星标数今日热度4.5K新增关注
  • 环境模块：全面掌握Shell环境变量与别名管理 薯条说影
    本文还有配套的精品资源，点击获取简介：环境模块是一个开源工具，用于在不同软件环境中切换，通过管理和配置Shell的环境变量与别名来实现。适用于科学计算、软件开发和系统管理，便于多版本库和应用程序的管理。模块文件定义环境设置，保证加载新环境时不会干扰现有设置。安装后，通过简单的module命令来管理环境。此工具在处理复杂依赖关系和多版本软件环境中不可或缺，社区支持确保了其不断改进。1.环境模块工具简
  • 告别DockerHub 镜像下载难题：掌握高效下载策略，畅享无缝开发体验 汀、人工智能 LLM技术汇总AIAgentLLM工业级落地实践dockerhubDocker加速器docker镜像下载RAGLLM大模型人工智能AIAgent
    告别DockerHub镜像下载难题：掌握高效下载策略，畅享无缝开发体验1.介绍1.1DockerHub简介DockerHub是Docker提供的一项服务，用于与您的团队查找和共享容器映像。它是世界上最大的容器映像存储库，其中包含一系列内容源，包括容器社区开发人员，开源项目和独立软件供应商（ISV），它们在容器中构建和分发其代码。1.2DockerHub镜像加速器为何被禁止拉取访问6月6日，上海交大
  • 国内仍然可用docker镜像源汇总，长期维护，定期更新（2025年5月26日） 夏boss Dockerdocker容器
    文章目录可用镜像：测试镜像是否可用使用方法1、临时配置2、永久配置linux配置镜像源Windows/Mac配置镜像源本文提供多个目前可正常访问的Docker镜像，解决Docker拉取镜像失败的问题。并提供镜像源使用方法，包括Linux/Windows/Mac系统设置。所有镜像仅供学习使用，禁止不当使用。由于一些未明确的原因，各大高校及容器技术社区纷纷关闭多个镜像加速站点，对于我们这种正规的用户来
  • 1、深入理解Tomcat：从入门到实践 赵阿萌 探索ApacheTomcat：从入门到精通TomcatJavaWeb应用Servlet
    深入理解Tomcat：从入门到实践1引言Tomcat的发展历程见证了开源社区的力量。从最初发布的4.0beta1版本到最终的稳定版本，Tomcat团队的努力使得Tomcat不仅成为了市场上首屈一指的JavaWeb应用程序容器，而且在性能和功能上也达到了商业产品的水平。Tomcat的成功离不开其稳定的架构和丰富的功能，尤其是在安全性、管理和集成方面。2关于作者和技术评审人JamesGoodwill是
  • 单片机开发全攻略：从零开始，迈向嵌入式开发高手之路 DTcode7 学习提升单片机mongodb嵌入式硬件
    单片机开发全攻略：从零开始，迈向嵌入式开发高手之路一、单片机开发基础1.1单片机概述1.2开发环境搭建1.3编程语言与框架二、实战案例：LED闪烁2.1硬件准备2.2代码示例2.3解释三、高级应用：温度监控系统3.1硬件扩展3.2代码实现3.3解释四、开发技巧与问题排查4.1优化内存使用4.2问题排查思路4.3调试工具五、相关项目积分资源5.1在线学习资源5.2社区与论坛5.3开源项目结语与讨论在
  • 设计模式介绍 tntxia 设计模式
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
  • android高级组件使用(一) 百合不是茶 androidRatingBarSpinner
    1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex
  • [网络与通讯]路由器市场大有潜力可挖掘 comsci 网络
              如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs
  • 自写简单Redis内存统计shell 商人shang Linux shell统计Redis内存
    #!/bin/bash address="192.168.150.128:6666,192.168.150.128:6666" hosts=(${address//,/ }) sfile="staticts.log" for hostitem in ${hosts[@]} do ipport=(${hostitem
  • 单例模式(饿汉 vs懒汉) oloz 单例模式
    package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva
  • springMvc json支持 杨白白 json springmvc
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() {
  • android播放，掃描添加本地音頻文件 小桔子
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
  • oracle常用命令 aichenglong oracledba常用命令
    1 创建临时表空间 create temporary tablespace user_temp  tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m  autoextend on  next 50m maxsize 20480m  extent management local
  • 25个Eclipse插件 AILIKES eclipse插件
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
  • Spring MVC拦截器+注解方式实现防止表单重复提交 baalwolf spring mvc
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  • 《Javascript高级程序设计(第3版)》闭包理解 bijian1013 JavaScript
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f
  • AngularJS Module类的方法 bijian1013 JavaScriptAngularJSModule
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
  • [Maven学习笔记七]Maven插件和目标 bit1129 maven插件
    插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预
  • 【Hadoop八】Yarn的资源调度策略 bit1129 hadoop
    1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度
  • Nginx使用Linux内存加速静态文件访问 ronin47
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：
  • 关于Unity3D中的Shader的知识 brotherlamp unityunity资料unity教程unity视频unity自学
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
  • CopyOnWriteArrayList vs ArrayList bylijinnan java
    package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO
  • 内存中栈和堆的区别 chicony 内存
    1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
  • 回答一位网友对Scala的提问 chenchao051 scalamap
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
  • mysql 取每组前几条记录 daizj mysql分组最大值最小值每组三条记录
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录 1.用子查询： SELECT * FROM tableName a  WHERE 3> (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
  • HTTP深入浅出 http请求 dcj3sjt126com http
      HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
  • 判断MySQL记录是否存在方法比较 dcj3sjt126com mysql
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
  • 对HTML XML的一点认识 e200702084 htmlxml
    感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次
  • jquery分页插件 genaiwei jqueryWeb前端分页插件
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa
  • Mybatis与Ibatis对照入门于学习 Josh_Persistence mybatisibatis区别联系
    一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
  • C中怎样合理决定使用那种整数类型？ 秋风扫落叶 c数据类型
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs
  • maven问题 zhb8015 maven问题
      问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja
  • (二)androidpn-server tomcat版源码解析之--push消息处理 spjich javaandrodipn推送
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题 中华好儿孙 JavaScriptAjaxWeb上传文件FormData
    var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca
  • mybatis常用jdbcType数据类型 ysj5125094 mybatismapperjdbcType
      MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他