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

今天继续分析社区首页中侧边导航栏，也就主要是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中所使用到的服务的内部代码，在这里就不深入分析了。
侧边导航栏分析到此。

 

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

  • Stable Diffusion/DALL-E 3图像生成优化策略 云端源想 stablediffusion
    StableDiffusion的最新版本或社区开发的插件，可以补充这些信息以保持内容的时效性。云端源想1.硬件与部署优化（进阶）显存压缩技术使用--medvram或--lowvram启动参数（StableDiffusionWebUI），通过分层加载模型降低显存占用（适合6GB以下显卡）。分块推理（TiledDiffusion）：将图像分割为512×512区块，逐块生成后无缝拼接，支持4096×40
  • Excel中怎样通过网站获取股票实时数据？ 股票程序化交易接口 量化交易股票API接口Python股票量化交易excel股票实时数据网站数据源股票量化接口股票API接口
    Python股票接口实现查询账户，提交订单，自动交易（1）Python股票程序交易接口查账，提交订单，自动交易（2）股票量化，Python炒股，CSDN交流社区>>>财经新闻网站是获取股票信息的常见来源。像新浪财经、腾讯财经等网站，它们提供了大量的股票数据。这些网站数据更新较为及时，包含股票的实时价格、成交量等基本信息。从这类网站获取数据到Excel可能相对复杂一些，因为它们的页面结构主要是为了方
  • 实现书籍类应用框架鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例提供了一个书籍类应用的基本框架，包含“书城”、“分类”、“福利”、“书架”、“我的”五个模块。应用只展示了基本的页面，其中具体功能的实现，开发者可根据需求自行开发。实现书籍类应用框架源码链接效果预览使用说明进入应用，点击下方的tabBar可浏览不同的模块，其中一些功能未开发，只是作为页面布局展示。实现思路根据行业应用的功能，按照高内聚，低耦合的原则，常见应用
  • 中信银行太原分行开展3.15金融知识进社区志愿活动 lsrsyx 金融
    为扎实开展“我为群众办实事”实践活动，深入推进金融知识进社区工作，中信银行太原分行在第62个学雷锋纪念日到来之际，以“315消费者权益保护日”为契机，联合小店街道汾东南路社区温情开展了一场集爱心慰问、贴心服务与金融知识普及于一体的志愿服务活动，用实际行动传递温暖，提升老年群体金融素养。活动伊始，太原分行的志愿者们带着精心准备的慰问品，走进老年人的家中，主动帮忙打扫卫生，擦拭家具、清扫地面、整理杂物
  • Linux技术学习分享- 使用 LNMP 架构部署动态网站环境【5.4】 BinaryStarXin Linux技术学习分享【1】linux学习运维搭建Discuz论坛选购服务器主机配置Windows客户端配置Linux客户端
    20.3搭建Discuz!论坛为了检验LNMP动态网站环境是否配置妥当，可以使用在上面部署Discuz!系统，然后查看结果。如果能够在LNMP动态网站环境中成功安装使用Discuz!论坛系统，也就意味着这套架构是可用的。Discuz!X3.2是国内最常见的社区论坛系统，在经过十多年的研发后已经成为了全球成熟度最高、覆盖率最广的论坛网站系统之一。Discuz!X3.2软件包的后缀是.zip格式，因此
  • 第81期 | GPTSecurity周报 aigc网络安全
    GPTSecurity是一个涵盖了前沿学术研究和实践经验分享的社区，集成了生成预训练Transformer（GPT）、人工智能生成内容（AIGC）以及大语言模型（LLM）等安全领域应用的知识。在这里，您可以找到关于GPT/AIGC/LLM最新的研究论文、博客文章、实用的工具和预设指令（Prompts）。现为了更好地知悉近一周的贡献内容，现总结如下。SecurityPapers1.大语言模型与代码安
  • 在雷池社区版 WAF 通过文件更新 SSL 证书的方法 运维服务器ubuntu
    有些用户在使用雷池WAF的证书管理功能时，觉得手动申请的证书需要去界面上传一次略显繁琐，想通过一个固定的目录存储证书文件，覆盖后让雷池自动检测并更新，这样可以通过一些自动化工具来完成整个流程。相关的ISSUE有：证书增加使用路径导入方式手动更新证书文件并重启容器后，【证书管理】界面的有效期时间没有同步关于结合acme.sh自动部署证书的建议因此为了解决或者优化上面的问题，雷池社区版在7.2.0版本
  • 【C#】VS2019怎么能无论是Debug还是Release模式，生成路径都在Release文件夹下？ JosieBook #C#语言vs
    文章目录⭐问题⭐解决标题详情作者JosieBook头衔CSDN博客专家资格、阿里云社区专家博主、软件设计工程师博客内容开源、框架、软件工程、全栈（,NET/Java/Python/C++）、数据库、操作系统、大数据、人工智能、工控、网络、程序人生口号Tobeyourself，todowhatyouwant.联系方式q:1967473153欢迎三连点赞、✍评论、⭐收藏⭐问题正常情况下，是这样：怎么让
  • 基于SWIFT和Qwen1.5-0.5B-Chat进行大模型全参微调（魔搭社区） m0_65156252 大模型学习笔记python开发语言
    一、环境安装因魔搭社区中的Notebook有自己的机制来处理虚拟环境,因此我们直接使用原生镜像即可。1，swift框架安装pipinstallms-swift2，模型下载gitclonehttps://www.modelscope.cn/qwen/Qwen1.5-0.5B-Chat.git二、数据集准备使用ShenNong大模型-中医对话数据，选取前140条构建自己数据集ChatMed_TCM-v
  • 【写作模板】JosieBook的写作模板 JosieBook 开源&框架模板
    文章目录⭐前言⭐一、设计模式怎样解决设计问题？1、寻找合适的对象✨(1)✨(2)✨(3)2、决定对象的粒度3、指定对象接口4、描述对象的实现5、运用复用机制6、关联运行时和编译时的结构7、设计应支持变化⭐二、怎样选择设计模式？⭐三、怎样使用设计模式？⭐总结标题详情作者JosieBook头衔CSDN博客专家资格、阿里云社区专家博主、软件设计工程师博客内容开源、框架、软件工程、全栈（,NET/Java
  • 适合机器学习的Linux系统推荐及基本配置指南 金外飞176 信息分享机器学习linux人工智能
    适合机器学习的Linux系统推荐及基本配置指南在机器学习领域，选择一个合适的Linux发行版至关重要。它不仅影响开发效率，还可能影响模型训练的性能。经过广泛调研和用户反馈，Ubuntu脱颖而出，成为众多机器学习爱好者的首选。下面将详细介绍为何推荐Ubuntu以及其基本配置需求。一、推荐Ubuntu的理由1.用户友好的界面和强大的社区支持Ubuntu提供了直观的图形用户界面，对于初次接触Linux的
  • python,pycharm,pytorch，向量数据库，环境搭建记录 dept123 pythonpycharmpytorch向量数据库
    修改ubuntu上的pycharm镜像源，详细步骤-腾讯云开发者社区-腾讯云【超详细教程】2024最新Pytorch安装教程（同时讲解安装CPU和GPU版本）-CSDN博客https://zhuanlan.zhihu.com/p/667447891Quickstart|MilvusDocumentation
  • 实现预约会见应用鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例是对标预约会见类产品，以此开发的行业通用Demo，实现基础的注册、登录、一二级页面布局参考等功能，工程以feature方式进行模块化设计。本示例是使用ArkTS编写的预约会见类产品UI页面，方便开发者后续进行进一步开发。实现预约会见应用源码链接效果预览使用说明打开应用后，用户可以根据需求查看应用。开发者可以根据此示例后续进行进一步开发。实现思路进入页面后进入
  • 附原文 |《2024年漏洞与威胁趋势报告》深度解读 漏洞
    在信息技术飞速发展的当下，网络安全已然成为全球瞩目的焦点。安全极客社区精心译制的《2024年漏洞与威胁趋势报告》明确指出，2023年堪称网络安全领域的重要分水岭。这一年，新发现漏洞的数量出现了前所未有的增长态势，其中高危或严重级别的漏洞占比高达一半，漏洞利用的时间线显著缩短，然而平均修复时间却过长。金融服务、制造业以及公用事业等行业面临的网络威胁愈发严峻，首席信息安全官所承担的法律责任也日益加重。
  • 构建服务端证书校验鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍该示例是一个连接网络的Demo,通过socket获取远端证书，在网络通信中，利用套接字（socket）技术来获取与之建立连接的远端服务器的数字证书。构建服务端证书校验源码链接效果预览使用说明打开应用后，点击“点击连接”按钮，获取与之建立连接的远端服务器的数字证书，在后台打印数据。实现思路获取本地ipfunctiongetLocalIp(){constipInfo=
  • 构建JSBridge鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例实现了简单的JSBridge，使H5和原生两侧可以互相调用对方的方法。构建JSBridge源码链接效果预览使用说明打开应用后，点击调用native按钮，实现原生方面调用H5方法，在后台打印数据。实现思路原生调H5invokeHandle(handleName:string,callbackName:string){try{this.webviewContro
  • 实现可滑动面板鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例实现了一个可滑动面板的体验，轻量的内容展示窗口，方便在不同尺寸中切换。实现可滑动面板源码链接效果预览使用说明点击按钮即可从底部弹出面板，弹出后点击空白处可返回面板，拖动面板可继续展开二级面板、三级面板。实现思路通过bindSheet属性为组件绑定半模态页面，在组件插入时可通过设置自定义或默认的内置高度确定半模态大小。为了使isShow参数值与半模态界面的状态
  • Python 爬虫实战：在线论坛用户活跃度分析系统构建 西攻城狮北 python爬虫开发语言
    作为一名对数据分析和社区运营感兴趣的内容创作者，我决定利用Python爬虫技术抓取在线论坛的用户数据，并构建一个用户活跃度分析系统。这对于了解用户行为、提升社区活跃度和优化运营策略具有重要意义。一、项目背景在线论坛是用户交流和分享信息的重要平台。用户的活跃度直接影响论坛的氛围和价值。通过分析用户的发帖、回帖、点赞等行为数据，我们可以评估用户的活跃度，找出活跃用户和沉寂用户，为社区的精细化运营提供数
  • 构建关于页面鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例是ArkTS编写的关于UI页面，方便开发者后续进行进一步开发。构建关于页面源码链接效果预览使用说明打开应用后，用户可以根据需求查看应用。开发者可以根据此示例后续进行进一步开发。实现思路在页面上提供相关信息@StatemenuGroup:SettingMenu[]=[newSettingMenu('setting',$r('app.media.mine_set
  • 构建关于页面鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例是ArkTS编写的关于UI页面，方便开发者后续进行进一步开发。构建关于页面源码链接效果预览使用说明打开应用后，用户可以根据需求查看应用。开发者可以根据此示例后续进行进一步开发。实现思路在页面上提供相关信息@StatemenuGroup:SettingMenu[]=[newSettingMenu('setting',$r('app.media.mine_set
  • 实现安全隐私弹窗鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例基于Navigation和GridRow组件实现安全隐私弹窗。应用首次进入时，会有弹窗请求安全隐私信息，用户可点击对应的隐藏协议跳转到对应隐藏协议的详情页面。从详情页面返回时，安全隐私的弹窗依然存在，用户可以继续进行授权/查看的操作。实现安全隐私弹窗源码链接效果预览使用说明首页点击“按钮”，弹出安全隐私弹窗，点击“确定”，跳转到安全隐私详情页面，在返回之后，
  • Linly-Talker：开源数字人框架的技术解析与影响 萧鼎 python基础到进阶教程开源python数字人Linly-Talker
    一、引言：AI数字人的发展趋势近年来，数字人（DigitalHuman）技术迅速发展，从最早的2D虚拟主播，到如今能够进行实时交互的3D智能助手，AI在多模态交互领域的应用愈发广泛。各大互联网公司纷纷布局AI数字人，如百度的「度晓晓」、字节跳动的虚拟主播、腾讯的AI数字人等，均展现了AI在人机交互领域的巨大潜力。与此同时，开源社区也在推动数字人技术的普及。Linly-Talker就是其中一个备受关
  • 训练大模型LLM选择哪种开发语言最好 大0马浓 人工智能训练python
    训练大型语言模型（LLM）时，选择合适的编程语言主要取决于效率、生态支持、开发便利性以及特定需求（如性能优化或硬件适配）。以下是常见语言的分析和推荐：---1.Python（首选语言）优势：-生态系统丰富：主流深度学习框架（PyTorch、TensorFlow、JAX）均以Python为主要接口，提供完整的工具链（数据处理、模型训练、评估部署）。-开发效率高：语法简洁，适合快速实验和原型开发，社区
  • PostgreSQL教程（一）入门介绍 空说 postgresql数据库
    PostgreSQL介绍PostgreSQL是一个功能强大的开源关系型数据库系统，它使用并扩展了SQL语言，并结合了许多功能，可以安全地存储和扩展复杂的数据工作PostgreSQL因其经过验证的架构、可靠性、数据完整性、强大的功能集、可扩展性以及软件背后的开源社区始终如一地提供高性能和创新解决方案的奉献精神而赢得了良好的声誉。PostgreSQL可在所有主要操作系统上运行，自2001年以来一直符合
  • ASP.NET Core与ASP.NET MVC的核心差异解析 AitTech .Netasp.netmvc后端
    ASP.NETCore与ASP.NETMVC都是微软提供的Web开发框架，但它们之间存在一些显著的区别。ASP.NETCoreASP.NETCore是一个免费且开放源代码的Web框架，由微软和社区共同开发。它是一个模块化框架，既可以在Windows上的完整.NETFramework上运行，也可以在跨平台的.NETCore（现已更名为.NET5及更高版本中的.NET）上运行。ASP.NETCore应
  • 《Unity开发实战》——1.5节把Unity中创建的资源另存为Prefab weixin_33859504 游戏
    本节书摘来自华章社区《Unity开发实战》一书中的第1章，第1.5节把Unity中创建的资源另存为Prefab，作者（爱尔兰）MattSmith（巴西）ChicoQueiroz，更多章节内容可以访问云栖社区“华章社区”公众号查看1.5把Unity中创建的资源另存为Prefab在Unity中很容易就能创建基础几何对象，本节中，使用Unity的资源创建一个游戏对象（GameObject）然后将其在项目
  • 开发ai模型最佳的系统是Ubuntu还是linux？ 俺足 人工智能ubuntu
    在AI/ML开发中，Ubuntu是更优选的Linux发行版，原因如下：1.开箱即用的AI工具链支持Ubuntu预装了主流的AI框架（如TensorFlow、PyTorch）和依赖库，且通过apt包管理器可快速部署开发环境。提供针对NVIDIAGPU的官方驱动支持，简化CUDA和cuDNN的配置流程（如nvidia-smi直接监控显存）。2.社区生态与长期维护（LTS）UbuntuLTS版本（如24
  • vLLM 部署大语言模型的系统选择策略 由数入道 人工智能语言模型人工智能自然语言处理VLLM
    核心选型原则指标权重说明CUDA支持⭐⭐⭐⭐⭐直接影响GPU加速性能，需确保系统与NVIDIA驱动和CUDA工具链的兼容性软件源时效性⭐⭐⭐⭐系统需提供较新的Python、PyTorch等AI框架版本，避免依赖冲突长期支持(LTS)⭐⭐⭐⭐生产环境需规避因系统版本过期导致的安全漏洞和兼容性问题社区生态⭐⭐⭐活跃的开发者社区能快速解决部署问题，降低运维成本企业级支持⭐⭐需要SLA保障的商业场景需考虑
  • 鸿蒙原生开源库ViewPool在OpenHarmony社区正式上线 harmonyos
    近日，由伙伴参与共建的鸿蒙原生开源库“ViewPool”在OpenHarmony社区正式上线。这个开发库是基于OpenHarmony技术孵化的成果，充分发挥了平台的技术特性，同时融入了伙伴在应用开发方面的实践经验。它为鸿蒙生态的开发者和应用厂商提供了一套灵活高效的跨端组件管理方案，有助于显著提升开发效率和应用性能。作为一款专为OpenHarmony设计的原生开发库，ViewPool具备全面的功能支
  • 【花雕学编程】Arduino FOC 之DRV8313单路BLDC电机驱动板 驴友花雕 ArduinoFOC嵌入式硬件单片机c++DRV8313单路电机驱动板ArduinoFOC
    Arduino是一个开放源码的电子原型平台，它可以让你用简单的硬件和软件来创建各种互动的项目。Arduino的核心是一个微控制器板，它可以通过一系列的引脚来连接各种传感器、执行器、显示器等外部设备。Arduino的编程是基于C/C++语言的，你可以使用ArduinoIDE（集成开发环境）来编写、编译和上传代码到Arduino板上。Arduino还有一个丰富的库和社区，你可以利用它们来扩展Ardui
  • 设计模式介绍 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其他