今天我们开始了第三个月的课程 - 前端 ，那你知道 “前端” 是做什么吗？今天我就来告诉你：
其实我们要做的工作就是软件的开发，而软件又分为两种架构 C/S 和 B/S ，我们主要从事B/S 软件的开发。
B/S中的B指的是浏览器browsers的意思 ，S指的是服务器Server的意思。
B/S架构的软件一般都是通过访问一个网页的形式来使用的，而将一些运算等操作放到远端的服务器上。
像我们常用的京东、taobao、12306等这些网站都是B/S架构的软件。
根据W3C标准，一个网页主要由三部分组成：结构（HTML）、表现（CSS）和行为（JavaScript）。
HTML基础架构
HTML 超文本标记语言， 负责页面中的结构，定义出页面中方的各个组成部分 ，采用纯文本形式编写 ，采用HTML标签标识出页面中不同的部分。
常用标签
1. 网页的根标签 一个网页只能有一个根标签 内容要写在html标签的内部
2.
内容不会直接显示 用于帮助浏览器解析页面
用于设置网页的标题 会默认在浏览器的标题栏中显示 会影响页面在搜索引擎中的排名。</p>
<p><meta> 用于设置网页的元数据，比如网页使用的字符集 设置网页的关键字 网页的描述 请求的重定向</p>
<p>3. <body> 网页的主体 </p>
<p>4.<h1>~<h6> 标题标签 分六级标题 h1最重要 仅次于 title 一般一个页面只能写一个 h1 ，h6最不重要，一般页面中只会使用h1 ~h3</p>
<p>5.<p> 段落标签</p>
<p>6. <br /> 换行标签</p>
<p>7. <hr /> 水平线标签</p>
<p>8.内联框架 可以向一个页面引入其他外部页面 <iframe> </iframe></p>
<p>属性 src 外部页面地址 可以使用相对路径</p>
<p>width和height 可以设置框架的宽度和高度</p>
<p>name 可以为内联框架指定一个名字</p>
<p>可以将该属性值设置为超链接的target属性的值</p>
<p>点击超链接时，页面也会在相应的内联框架中打开</p>
<p>超链接 可以使当前页面跳转到其他的页面</p>
<p><a>链接的文字</a></p>
<p>属性 herf target</p>
<p>实体 转义字符 语法：&实体名；</p>
<h2>xHtml 语法规范 </h2>
<p>1.HTML 中不区分大小写 ，但尽量使用小写</p>
<p>2.HTML 的注释不能嵌套</p>
<p>3.标签必须结构完整</p>
<p>4.标签可以嵌套 但不能交叉嵌套</p>
<p>5.属性必须有值， 且值必须加引号，单双引号都可以</p>
<h1><br></h1>
<h1><br></h1>
<div class="image-package">
<div class="image-container" style="max-width: 290px; max-height: 2167px;">
<div class="image-view">
</div>
</div>
<div class="image-caption"></div>
</div>
<h1> </h1>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 456px;">
<div class="image-view">
</div>
</div>
<div class="image-caption"></div>
</div>
<h1><br></h1>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 432px;">
<div class="image-view">
</div>
</div>
<div class="image-caption"></div>
</div>
<h1>字符实体</h1>
<p><br></p>
<p><br></p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 463px;">
<div class="image-view">
</div>
</div>
<div class="image-caption"></div>
</div>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1742697607215464448"></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">你可能感兴趣的:(HTML)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1894595417950187520.htm"
title="Latex学习_MARKDOWN（持续更新）" target="_blank">Latex学习_MARKDOWN（持续更新）</a>
<span class="text-muted">崧小果</span>
<a class="tag" taget="_blank" href="/search/%E7%A7%91%E7%A0%94%E5%B0%8F%E7%99%BD%E6%88%90%E9%95%BF%E8%B7%AF/1.htm">科研小白成长路</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>overleafIEEE期刊模板：https://template-selector.ieee.org/secure/templateSelector/publicationTypeIEEE会议模板：https://www.ieee.org/conferences/publishing/templates.html图片、表格公式$formular$\begin{equation}formular\</div>
</li>
<li><a href="/article/1894589487757979648.htm"
title="API返回的数据结构包含哪些字段？" target="_blank">API返回的数据结构包含哪些字段？</a>
<span class="text-muted">小爬虫程序猿</span>
<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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>淘宝商品详情API返回的数据结构较为复杂，具体字段会根据API的版本和请求参数有所不同。以下是基于最新搜索结果的API返回值字段说明：基础字段num_iid：商品的唯一标识ID。title：商品标题，用于描述商品名称或特点。price：商品的当前销售价格。final_price：实际成交价，可能与price不同。desc：商品详细描述，通常包含HTML格式的文本。item_imgs：商品图片链接，</div>
</li>
<li><a href="/article/1894572088254066688.htm"
title="前端开发中的最佳实践与技巧" target="_blank">前端开发中的最佳实践与技巧</a>
<span class="text-muted">lina_mua</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
<div>1.引言1.1前端开发的重要性在当今的互联网时代，前端开发已经成为构建用户友好、高效、安全的Web应用程序的关键。前端不仅仅是用户与应用程序交互的界面，它还直接影响用户体验、性能和安全性。1.2本文的目标本文旨在分享前端开发中的最佳实践与技巧，帮助开发者提高代码质量、优化性能、增强安全性，并掌握最新的前端技术趋势。2.HTML最佳实践2.1语义化标签的使用语义化HTML不仅有助于SEO，还能提高代</div>
</li>
<li><a href="/article/1894566038658412544.htm"
title="Pinia" target="_blank">Pinia</a>
<span class="text-muted">Sunshinedada</span>
<a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a>
<div>官网：https://pinia.vuejs.org/zh/introduction.htmlPinia和VuexPinia和Vuex都是Vue.js状态管理库，但它们在一些方面有所不同。Pinia是一个轻量级的状态管理库，它专注于提供一个简单的API来管理应用程序的状态。相比之下，Vuex是一个更完整的状态管理库，它提供了更多的功能，比如模块化、插件和严格模式等。Pinia是基于Vue3的Com</div>
</li>
<li><a href="/article/1894561756764762112.htm"
title="利用Java爬虫精准获取商品销量详情：实战案例指南" target="_blank">利用Java爬虫精准获取商品销量详情：实战案例指南</a>
<span class="text-muted">小爬虫程序猿</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</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>
<div>在电商领域，商品销量数据是衡量产品受欢迎程度和市场表现的关键指标。精准获取商品销量详情不仅能帮助商家优化产品策略，还能为市场研究和数据分析提供丰富的数据资源。本文将详细介绍如何利用Java爬虫技术精准获取商品销量详情，并分享关键技术和代码示例。一、前期准备（一）环境搭建确保你的开发环境已安装以下必要的Java库：Jsoup：用于解析HTML页面。HttpClient：用于发送HTTP请求。Log4</div>
</li>
<li><a href="/article/1894561377490628608.htm"
title="利用Java爬虫获取Amazon商品详情：实战案例指南" target="_blank">利用Java爬虫获取Amazon商品详情：实战案例指南</a>
<span class="text-muted">数据小小爬虫</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</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>
<div>在电商领域，Amazon作为全球最大的电商平台之一，其商品详情数据对于市场分析、竞争策略制定以及电商运营优化具有极高的价值。通过Java爬虫技术，我们可以高效地获取这些数据，为电商从业者提供强大的数据支持。本文将详细介绍如何利用Java爬虫技术获取Amazon商品详情数据。一、准备工作（一）环境搭建确保你的开发环境中已经安装了以下必要的Java库：Jsoup：用于解析HTML页面。HttpClie</div>
</li>
<li><a href="/article/1894552672892153856.htm"
title="python 爬虫 智联招聘" target="_blank">python 爬虫 智联招聘</a>
<span class="text-muted">风华明远</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/python/1.htm">python</a>
<div>本方法使用cookie的方法下载智联招聘的职位。主要就是要先登录智联招聘，然后将对应的cookie作为爬虫访问的header。代码如下：importrequestsimportreimportxlwtdefparse_one_page(html):'''解析HTML代码，提取有用信息并返回'''#正则表达式进行解析pattern=re.compile('(.*?).*?''(.*?).*?''\\</div>
</li>
<li><a href="/article/1894535395698339840.htm"
title="Qt常用控件之多行输入框QTextEdit" target="_blank">Qt常用控件之多行输入框QTextEdit</a>
<span class="text-muted">laimaxgg</span>
<a class="tag" taget="_blank" href="/search/qt/1.htm">qt</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/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/qt6.3/1.htm">qt6.3</a><a class="tag" taget="_blank" href="/search/qt5/1.htm">qt5</a>
<div>多行输入框QTextEditQTextEdit是一个多行输入框控件，支持富文本和markdown格式，当文本内容超出编辑框的范围时能自动提供滚动条。QPlainTextEdit是只支持富文本格式的多行输入框，属性和使用上与QTextEdit几乎没有区别。QTextEdit属性属性说明markdown输入框内容，支持markdown格式，将markdown文本转化成html。html输入框内容，支持</div>
</li>
<li><a href="/article/1894530605929000960.htm"
title="python爬取pdf_python爬取在线教程转成pdf" target="_blank">python爬取pdf_python爬取在线教程转成pdf</a>
<span class="text-muted">weixin_39842237</span>
<a class="tag" taget="_blank" href="/search/python%E7%88%AC%E5%8F%96pdf/1.htm">python爬取pdf</a>
<div>1、网站介绍之前再搜资料的时候经常会跳转到如下图所示的在线教程：01.教程样式包括一些github的项目也纷纷将教程链接指向这个网站。经过一番查找，该网站是一个可以创建、托管和浏览文档的网站，其网址为：https://readthedocs.org。在上面可以找到很多优质的资源。该网站虽然提供了下载功能，但是有些教程并没有提供PDF格式文件的下载，如图：02.下载该教程只提供了HTML格式文件的下</div>
</li>
<li><a href="/article/1894520395717996544.htm"
title="react 实现自定义拖拽hook" target="_blank">react 实现自定义拖拽hook</a>
<span class="text-muted">丶酸酸</span>
<a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/hooks/1.htm">hooks</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.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>前沿最近发现公司的产品好几个模块用到了拖拽功能，之前拖拽组件是通过Html5dragApi实现的但体验并不是很好,顺便将原来的拖拽组建稍做修改，写一个自定义hook，方便大家使用拖拽功能。正文拖拽功能原理：拖拽元素通过addEventListener监听器添加鼠标按下，鼠标移动，以及鼠标抬起事件。再通过getBoundingClientRect()得到拖拽元素四周相对于可拖拽区域边界的距离。鼠标移</div>
</li>
<li><a href="/article/1894515221754605568.htm"
title="前端面试题---vue和react的区别" target="_blank">前端面试题---vue和react的区别</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/react.js/1.htm">react.js</a>
<div>文章目录框架vs库：学习曲线：模板vsJSX：数据绑定：状态管理：性能：社区支持：框架vs库：Vue是一个完整的框架，提供了从模板到状态管理的全套解决方案；React是一个UI库，主要聚焦于构建用户界面，其他功能依赖第三方库。学习曲线：Vue的语法更简洁，易于上手，适合初学者；React使用JSX，结合了JavaScript和HTML，学习曲线较陡。模板vsJSX：Vue使用类似HTML的模板语法</div>
</li>
<li><a href="/article/1894492531954085888.htm"
title="JavaScript 番茄工作法倒计时器：轻松实现时间管理，新手友好教程前端倒计时设计案例：用 JavaScript 实现番茄工作法，代码全解析从零开始构建番茄工作法倒计时器：JavaScript" target="_blank">JavaScript 番茄工作法倒计时器：轻松实现时间管理，新手友好教程前端倒计时设计案例：用 JavaScript 实现番茄工作法，代码全解析从零开始构建番茄工作法倒计时器：JavaScript</a>
<span class="text-muted">南北极之间</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E8%BF%9B%E9%98%B6%E7%BB%83%E6%89%8B%E5%AE%9E%E6%88%98/1.htm">前端进阶练手实战</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><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/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a><a class="tag" taget="_blank" href="/search/%E7%95%AA%E8%8C%84%E5%B7%A5%E4%BD%9C%E6%B3%95/1.htm">番茄工作法</a><a class="tag" taget="_blank" href="/search/%E5%80%92%E8%AE%A1%E6%97%B6/1.htm">倒计时</a>
<div>效果图：博客教程：用JavaScript构建番茄工作法倒计时器目录项目介绍工具与环境准备项目结构HTML构建页面结构CSS美化倒计时页面JavaScript实现倒计时与番茄工作法功能总结1.项目介绍在本教程中，我们将使用HTML、CSS和JavaScript创建一个带有番茄工作法的倒计时器。番茄工作法是一种有效的时间管理方法，将工作时间分为25分钟的工作时间和5分钟的休息时间循环。你将学习如何：使</div>
</li>
<li><a href="/article/1894491523211390976.htm"
title="Vue01" target="_blank">Vue01</a>
<span class="text-muted">memorycx</span>
<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/ecmascript/1.htm">ecmascript</a>
<div>vuevue基础vue-clivue-routervuexelement-uivue3vue基础vue是什么一套用于构建用户界面的渐进式JavaScript框架采用组件化模式，提高diamagnetic复用率，让代码更好维护声明式编码，让编码人员无需直接操作DOM，提高开发效率去vue官网下载开发版本，然后在html文件中引入//这是在头部引入细节：root容器里的代码依然符合html规范，只不过</div>
</li>
<li><a href="/article/1894489000605970432.htm"
title="HarmonyOS 5.0应用开发——鸿蒙接入高德地图实现POI搜索" target="_blank">HarmonyOS 5.0应用开发——鸿蒙接入高德地图实现POI搜索</a>
<span class="text-muted">高心星</span>
<a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99os%E7%A7%BB%E5%8A%A8%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91/1.htm">鸿蒙os移动应用开发</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%BE%B7%E5%9C%B0%E5%9B%BE/1.htm">高德地图</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99%E6%8E%A5%E5%85%A5%E9%AB%98%E5%BE%B7%E5%9C%B0%E5%9B%BE/1.htm">鸿蒙接入高德地图</a><a class="tag" taget="_blank" href="/search/HarmonyOS5.0/1.htm">HarmonyOS5.0</a>
<div>【高心星出品】文章目录鸿蒙接入高德地图实现POI搜索运行结果：准备地图编写ArkUI布局来加载HTML地图鸿蒙接入高德地图实现POI搜索在当今数字化时代，地图应用已成为移动设备中不可或缺的一部分。随着鸿蒙系统的日益普及，如何在鸿蒙应用中接入高德地图并实现POI（兴趣点）检索功能，成为了众多开发者关注的焦点。本文将详细介绍这一过程，帮助开发者快速上手，为用户打造更优质的地图体验。鸿蒙系统作为华为自主</div>
</li>
<li><a href="/article/1894444505319403520.htm"
title="el-date-picker限制时间选择范围" target="_blank">el-date-picker限制时间选择范围</a>
<span class="text-muted">最初@</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>vue2+el-date-picker限制时间选择范围选择规定时间范围内的时间，即点击第一个时间的前后时间范围可选择，其余时间置灰不可选择官网组件文档：https://element.eleme.cn/#/zh-CN/component/datetime-picker限制时间选择范围的属性为：picker-optionshtml代码js代码data(return{//第一次选择时间---重置时间范</div>
</li>
<li><a href="/article/1894442739894906880.htm"
title="使用nginx 代理内网中的es的head插件访问" target="_blank">使用nginx 代理内网中的es的head插件访问</a>
<span class="text-muted">健康平安的活着</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a>
<div>一背景需求描述1.1需求描述es的访问地址：http://localhost:9200/_plugin/head/现在不想把9200端口暴露出去，改用80端口，现在使用nginx进行反向代理操作。1.2操作一1.nginx的配置location/es{proxy_passhttp://localhost:9200/;#roothtml;#indexindex.htmlindex.htm;}2.访问</div>
</li>
<li><a href="/article/1894441351475425280.htm"
title="elment ui 时间组件（el-date-picker）限制只能选择当前时间之后的时间(包括时分秒的限制)" target="_blank">elment ui 时间组件（el-date-picker）限制只能选择当前时间之后的时间(包括时分秒的限制)</a>
<span class="text-muted">IT博客技术分享</span>
<a class="tag" taget="_blank" href="/search/elment/1.htm">elment</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>方法一、只能限制日期和小时的方法实现的方式：option实现插件只能选取当前时间之后的时候(包括年月日)handle实现插件能选取当前时间的时、分、秒，但是选择完毕之后，只要选择的时、分、秒小于当前时间，会自动填充为当前的时、分、秒如图当前是2020-05-1317:00;年月日不能选取小于当前时间的，但是时分能选，但是点了ok之后，如果时间小于当前时间，会自动替换成当前时间html：js:imp</div>
</li>
<li><a href="/article/1894435056798199808.htm"
title="INX246 HTML CSS PHP" target="_blank">INX246 HTML CSS PHP</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>GroupProject2/2024INX246ADVANCEDCOMPUTERPROGRAMMINGFORMODERNMANAGEMENTProjectOverviewGroupproject:3-4memberspergroupDevelopawebsitewithdatabaseandagroupreportProjectsubmissionandpresentation(on-sit</div>
</li>
<li><a href="/article/1894428115510292480.htm"
title="CSS 真的会阻塞文档解析吗？从浏览器渲染原理深入探究一下" target="_blank">CSS 真的会阻塞文档解析吗？从浏览器渲染原理深入探究一下</a>
<span class="text-muted">银之夏雪</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8%E6%B8%B2%E6%9F%93/1.htm">浏览器渲染</a>
<div>在网页开发领域，一个常见的疑问是CSS是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题，需要从浏览器渲染网页的原理说起。浏览器渲染网页的基本流程浏览器在接收到HTML文档后，会依次进行以下几个主要步骤：解析HTML：浏览器从网络或本地获取HTML文件，然后开始解析，将HTML代码转换为DOM（DocumentObjectModel，文档对象模型）树。DOM</div>
</li>
<li><a href="/article/1894413747171160064.htm"
title="CSS对DOM解析的阻塞作用" target="_blank">CSS对DOM解析的阻塞作用</a>
<span class="text-muted">MggnHaskell</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/DOM/1.htm">DOM</a>
<div>CSS（层叠样式表）是用于定义网页元素外观和样式的语言。它与HTML（超文本标记语言）一起构成了Web页面的核心构建块。在浏览器渲染页面时，DOM（文档对象模型）树的构建和渲染是一个重要的过程。在这个过程中，CSS可能会对DOM解析产生一定的阻塞作用。当浏览器解析HTML文档时，它会构建DOM树，这是一个表示文档结构的树形结构。这个过程是逐步进行的，浏览器从上到下逐行读取HTML文档，并将每个元素</div>
</li>
<li><a href="/article/1894400501005479936.htm"
title="Python 学习之旅：高级阶段（十七）Web 开发之模板引擎（如 Jinja2）" target="_blank">Python 学习之旅：高级阶段（十七）Web 开发之模板引擎（如 Jinja2）</a>
<span class="text-muted">喜-喜</span>
<a class="tag" taget="_blank" href="/search/Python%E5%AD%A6%E4%B9%A0/1.htm">Python学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div> 在Python的Web开发进程中，模板引擎是一个关键的工具，它能帮助我们将动态数据和静态的HTML结构结合起来，生成最终呈现给用户的网页。Jinja2作为Python中广泛使用的模板引擎，以其简洁的语法和强大的功能，在众多Web框架中发挥着重要作用。接下来，让我们以Flask框架为依托，深入了解Jinja2模板引擎。一、模板引擎的作用 在Web开发中，我们常常需要根据不同的用户请求，动态生成</div>
</li>
<li><a href="/article/1894388653174616064.htm"
title="1/30每日一题" target="_blank">1/30每日一题</a>
<span class="text-muted">转码的小石</span>
<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>从输入URL到页面展示到底发生了什么？1.输入URL与浏览器解析当你在浏览器地址栏输入URL并按下回车，浏览器首先会解析这个URL（统一资源定位符），比如https://www.example.com。浏览器会解析这个URL中的不同部分：协议（如：http或https）：决定了数据传输的方式和安全性。域名（如：www.example.com）：确定请求的目标服务器。路径（如：/index.html</div>
</li>
<li><a href="/article/1894368472436109312.htm"
title="四、spark集群架构" target="_blank">四、spark集群架构</a>
<span class="text-muted">weixin_34411563</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/1.htm">开发工具</a>
<div>spark集群架构官方文档：http://spark.apache.org/docs/latest/cluster-overview.html集群架构我们先看这张图这张图把spark架构拆分成了两块内容：1）spark应用程序：即左边的DriverProgram这块;2）spark集群：即右边的ClusterManager和另外两个WorkerNode;这样的结构，我们大概可以猜测一下spark是</div>
</li>
<li><a href="/article/1894368473027506176.htm"
title="python3.8安装lxml库,Python3爬虫利器之lxml解析库的安装" target="_blank">python3.8安装lxml库,Python3爬虫利器之lxml解析库的安装</a>
<span class="text-muted">Intopia</span>
<div>lxml是Python的一个解析库，支持HTML和XML的解析，支持XPath解析方式，而且解析效率非常高。本节中，我们了解一下lxml的安装方式，这主要从Windows、Linux和Mac三大平台来介绍。1.相关链接官方网站：http://lxml.deGitHub：https://github.com/lxml/lxmlPyPI：https://pypi.python.org/pypi/lxm</div>
</li>
<li><a href="/article/1894366582868602880.htm"
title="android开发：web页面唤起其他应用app" target="_blank">android开发：web页面唤起其他应用app</a>
<span class="text-muted">士心山</span>
<a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a><a class="tag" taget="_blank" href="/search/webview/1.htm">webview</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/webview/1.htm">webview</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%94%A4%E9%86%92app/1.htm">网页唤醒app</a>
<div>如何在webview加载的网页，唤醒其他应用app？具体步骤：第一步：打开AndroidMenifest.xml文件，添加下面代码关键代码：第二步：创建html文件，测试启动应用程序格式：启动应用程序各个项目含义如下所示：scheme：判别启动的App。host：适当记述path：传值时必须的key※没有也可以query：获取值的Key和Value※没有也可以参考网站详解如何通过H5（浏览器/We</div>
</li>
<li><a href="/article/1894357131948257280.htm"
title="Python从0到100（三十三）：xpath和lxml类库" target="_blank">Python从0到100（三十三）：xpath和lxml类库</a>
<span class="text-muted">是Dream呀</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>1.为什么要学习xpath和lxmllxml是一款高性能的PythonHTML/XML解析器，我们可以利用XPath，来快速的定位特定元素以及获取节点信息2.什么是xpathXPath，全称为XMLPathLanguage，是一种用于在XML文档中进行导航和数据提取的语言，可用来在HTML\XML文档中对元素和属性进行遍历。W3School官方文档：http://www.w3school.com.</div>
</li>
<li><a href="/article/1894349314558324736.htm"
title="在python中使用wkhtmltopdf结合jinja2库实现pdf的批量转换与导出" target="_blank">在python中使用wkhtmltopdf结合jinja2库实现pdf的批量转换与导出</a>
<span class="text-muted">鱼鱼鱼-YYY</span>
<a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>目录1、简介1.1基本流程1.2wkhtmltopdf工具简介2、具体使用2.1安装并配置所需工具和库2.2结合上述几种工具实现pdf批量导出1、简介1.1基本流程（1）、本次采用html模版文件，使用jinja2库将数据动态渲染进入html模版，并生成新的html文件；（2）、使用wkhtmltopdf工具将html文件转换为pdf文件1.2wkhtmltopdf工具简介（1）、wkhtmlto</div>
</li>
<li><a href="/article/1894348052836184064.htm"
title="React之从0开始（2）" target="_blank">React之从0开始（2）</a>
<span class="text-muted">️○-</span>
<a class="tag" taget="_blank" href="/search/%E6%9D%82%E8%B0%88/1.htm">杂谈</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
<div>书接上回。我们介绍了index.html的基本结构。那么我就在想了，为啥必须得是index.html呢？我能不能换个名字？谁规定的运行React项目就要从index.html开始？好吧，应该是Facebook规定的。。。。。那没事了。反正结论就是不能改。如果硬要改，也不是不行，但是你得同时修改Vite或者其他构建工具的配置。然后我们还会发现，新建的一个项目里面有一个文件package.json。这</div>
</li>
<li><a href="/article/1894339734830903296.htm"
title="项目实战--网页五子棋（游戏大厅）(3)" target="_blank">项目实战--网页五子棋（游戏大厅）(3)</a>
<span class="text-muted">Ting-yu</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/java-ee/1.htm">java-ee</a><a class="tag" taget="_blank" href="/search/intellij-idea/1.htm">intellij-idea</a>
<div>我们的游戏大厅界面主要需要包含两个功能，一是显示用户信息，二是匹配游戏按钮1.页面实现hall.html游戏大厅五子棋开始匹配hall.css.container{height:calc(100%-50px);display:flex;justify-content:center;align-items:center;}.container.dialog{height:350px;width:29</div>
</li>
<li><a href="/article/1894331918049144832.htm"
title="UE4 3D Widget 不显示问题" target="_blank">UE4 3D Widget 不显示问题</a>
<span class="text-muted">sh15285118586</span>
<a class="tag" taget="_blank" href="/search/UE/1.htm">UE</a><a class="tag" taget="_blank" href="/search/UE4/1.htm">UE4</a><a class="tag" taget="_blank" href="/search/3Dwidget/1.htm">3Dwidget</a><a class="tag" taget="_blank" href="/search/%E4%B8%8D%E6%98%BE%E7%A4%BA/1.htm">不显示</a>
<div>这是Epic公司官方讲解3DWidget案例：https://docs.unrealengine.com/latest/INT/Engine/UMG/HowTo/Create3DWidgets/index.html不现实情况一：将Actor拖到场景中，要按照Z轴旋转180度，正面朝向摄像机才显视。不现实情况二：所有步骤都安装官网做，也不是第一种情况，那么解决办法是，删除Saved和Intermed</div>
</li>
<li><a href="/article/77.htm"
title="算法 单链的创建与删除" target="_blank">算法 单链的创建与删除</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/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>
先创建结构体
struct student {
int data;
//int tag;//标记这是第几个
struct student *next;
};
// addone 用于将一个数插入已从小到大排好序的链中
struct student *addone(struct student *h,int x){
if(h==NULL) //??????
</div>
</li>
<li><a href="/article/204.htm"
title="《大型网站系统与Java中间件实践》第2章读后感" target="_blank">《大型网站系统与Java中间件实践》第2章读后感</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/java%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">java中间件</a>
<div> 断断续续花了两天时间试读了《大型网站系统与Java中间件实践》的第2章，这章总述了从一个小型单机构建的网站发展到大型网站的演化过程---整个过程会遇到很多困难，但每一个屏障都会有解决方案，最终就是依靠这些个解决方案汇聚到一起组成了一个健壮稳定高效的大型系统。
看完整章内容，</div>
</li>
<li><a href="/article/331.htm"
title="zeus持久层spring事务单元测试" target="_blank">zeus持久层spring事务单元测试</a>
<span class="text-muted">deng520159</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a>
<div>今天把zeus事务单元测试放出来,让大家指出他的毛病,
1.ZeusTransactionTest.java 单元测试
package com.dengliang.zeus.webdemo.test;
import java.util.ArrayList;
import java.util.List;
import org.junit.Test;
import </div>
</li>
<li><a href="/article/458.htm"
title="Rss 订阅 开发" target="_blank">Rss 订阅 开发</a>
<span class="text-muted">周凡杨</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/%E8%AE%A2%E9%98%85/1.htm">订阅</a><a class="tag" taget="_blank" href="/search/rss/1.htm">rss</a><a class="tag" taget="_blank" href="/search/%E8%A7%84%E8%8C%83/1.htm">规范</a>
<div>
RSS是 Really Simple Syndication的缩写（对rss2.0而言，是这三个词的缩写，对rss1.0而言则是RDF Site Summary的缩写，1.0与2.0走的是两个体系）。
RSS</div>
</li>
<li><a href="/article/585.htm"
title="分页查询实现" target="_blank">分页查询实现</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5%E6%9F%A5%E8%AF%A2/1.htm">分页查询</a>
<div>在查询列表时我们常常会用到分页，分页的好处就是减少数据交换，每次查询一定数量减少数据库压力等等。
按实现形式分前台分页和服务器分页：
前台分页就是一次查询出所有记录，在页面中用js进行虚拟分页，这种形式在数据量较小时优势比较明显，一次加载就不必再访问服务器了，但当数据量较大时会对页面造成压力，传输速度也会大幅下降。
服务器分页就是每次请求相同数量记录，按一定规则排序，每次取一定序号直接的数据</div>
</li>
<li><a href="/article/712.htm"
title="spring jms异步消息处理" target="_blank">spring jms异步消息处理</a>
<span class="text-muted">510888780</span>
<a class="tag" taget="_blank" href="/search/jms/1.htm">jms</a>
<div>spring JMS对于异步消息处理基本上只需配置下就能进行高效的处理。其核心就是消息侦听器容器，常用的类就是DefaultMessageListenerContainer。该容器可配置侦听器的并发数量，以及配合MessageListenerAdapter使用消息驱动POJO进行消息处理。且消息驱动POJO是放入TaskExecutor中进行处理，进一步提高性能，减少侦听器的阻塞。具体配置如下： </div>
</li>
<li><a href="/article/839.htm"
title="highCharts柱状图" target="_blank">highCharts柱状图</a>
<span class="text-muted">布衣凌宇</span>
<a class="tag" taget="_blank" href="/search/hightCharts/1.htm">hightCharts</a><a class="tag" taget="_blank" href="/search/%E6%9F%B1%E5%9B%BE/1.htm">柱图</a>
<div>第一步：导入 exporting.js,grid.js,highcharts.js;第二步：写controller
@Controller@RequestMapping(value="${adminPath}/statistick")public class StatistickController { private UserServi</div>
</li>
<li><a href="/article/966.htm"
title="我的spring学习笔记2-IoC（反向控制 依赖注入）" target="_blank">我的spring学习笔记2-IoC（反向控制 依赖注入）</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/Spring+%E6%95%99%E7%A8%8B/1.htm">Spring 教程</a><a class="tag" taget="_blank" href="/search/spring3+%E6%95%99%E7%A8%8B/1.htm">spring3 教程</a><a class="tag" taget="_blank" href="/search/Spring+%E5%85%A5%E9%97%A8/1.htm">Spring 入门</a>
<div>IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。
IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明：
如：程序中有 Mysql.calss 、Oracle.class 、SqlSe</div>
</li>
<li><a href="/article/1093.htm"
title="TLS java简单实现" target="_blank">TLS java简单实现</a>
<span class="text-muted">antlove</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ssl/1.htm">ssl</a><a class="tag" taget="_blank" href="/search/keystore/1.htm">keystore</a><a class="tag" taget="_blank" href="/search/tls/1.htm">tls</a><a class="tag" taget="_blank" href="/search/secure/1.htm">secure</a>
<div>
1. SSLServer.java
package ssl;
import java.io.FileInputStream;
import java.io.InputStream;
import java.net.ServerSocket;
import java.net.Socket;
import java.security.KeyStore;
import </div>
</li>
<li><a href="/article/1220.htm"
title="Zip解压压缩文件" target="_blank">Zip解压压缩文件</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/Zip%E6%A0%BC%E5%BC%8F%E8%A7%A3%E5%8E%8B/1.htm">Zip格式解压</a><a class="tag" taget="_blank" href="/search/Zip%E6%B5%81%E7%9A%84%E4%BD%BF%E7%94%A8/1.htm">Zip流的使用</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E8%A7%A3%E5%8E%8B/1.htm">文件解压</a>
<div>
ZIP文件的解压缩实质上就是从输入流中读取数据。Java.util.zip包提供了类ZipInputStream来读取ZIP文件,下面的代码段创建了一个输入流来读取ZIP格式的文件;
ZipInputStream in = new ZipInputStream(new FileInputStream(zipFileName));
&n</div>
</li>
<li><a href="/article/1347.htm"
title="underscore.js 学习（一）" target="_blank">underscore.js 学习（一）</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/underscore/1.htm">underscore</a>
<div> 工作中需要用到underscore.js，发现这是一个包括了很多基本功能函数的js库，里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。 学</div>
</li>
<li><a href="/article/1474.htm"
title="java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon)" target="_blank">java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon)</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/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jstatd/1.htm">jstatd</a>
<div>1.介绍
jstatd是一个基于RMI（Remove Method Invocation）的服务程序，它用于监控基于HotSpot的JVM中资源的创建及销毁，并且提供了一个远程接口允许远程的监控工具连接到本地的JVM执行命令。
jstatd是基于RMI的，所以在运行jstatd的服务</div>
</li>
<li><a href="/article/1601.htm"
title="【Spring框架三】Spring常用注解之Transactional" target="_blank">【Spring框架三】Spring常用注解之Transactional</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/transactional/1.htm">transactional</a>
<div>Spring可以通过注解@Transactional来为业务逻辑层的方法(调用DAO完成持久化动作)添加事务能力，如下是@Transactional注解的定义：
/*
* Copyright 2002-2010 the original author or authors.
*
* Licensed under the Apache License, Version </div>
</li>
<li><a href="/article/1728.htm"
title="我(程序员)的前进方向" target="_blank">我(程序员)的前进方向</a>
<span class="text-muted">bitray</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
<div>作为一个普通的程序员,我一直游走在java语言中,java也确实让我有了很多的体会.不过随着学习的深入,java语言的新技术产生的越来越多,从最初期的javase,我逐渐开始转变到ssh,ssi,这种主流的码农,.过了几天为了解决新问题,webservice的大旗也被我祭出来了,又过了些日子jms架构的activemq也开始必须学习了.再后来开始了一系列技术学习,osgi,restful.....</div>
</li>
<li><a href="/article/1855.htm"
title="nginx lua开发经验总结" target="_blank">nginx lua开发经验总结</a>
<span class="text-muted">ronin47</span>
<div>使用nginx lua已经两三个月了，项目接开发完毕了，这几天准备上线并且跟高德地图对接。回顾下来lua在项目中占得必中还是比较大的，跟PHP的占比差不多持平了，因此在开发中遇到一些问题备忘一下 1：content_by_lua中代码容量有限制，一般不要写太多代码，正常编写代码一般在100行左右（具体容量没有细心测哈哈，在4kb左右），如果超出了则重启nginx的时候会报 too long pa</div>
</li>
<li><a href="/article/1982.htm"
title="java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶" target="_blank">java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
import java.util.Stack;
public class ReverseStackRecursive {
/**
* Q 66.颠倒栈。
* 题目：用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。
* 颠倒之后的栈为{5,4,3,2,1}，5处在栈顶。
*1. Pop the top element
*2. Revers</div>
</li>
<li><a href="/article/2109.htm"
title="正确理解Linux内存占用过高的问题" target="_blank">正确理解Linux内存占用过高的问题</a>
<span class="text-muted">cfyme</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>Linux开机后，使用top命令查看，4G物理内存发现已使用的多大3.2G，占用率高达80%以上：
Mem: 3889836k total, 3341868k used, 547968k free, 286044k buffers
Swap: 6127608k total,&nb</div>
</li>
<li><a href="/article/2236.htm"
title="[JWFD开源工作流]当前流程引擎设计的一个急需解决的问题" target="_blank">[JWFD开源工作流]当前流程引擎设计的一个急需解决的问题</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C%E6%B5%81/1.htm">工作流</a>
<div>
当我们的流程引擎进入IRC阶段的时候，当循环反馈模型出现之后，每次循环都会导致一大堆节点内存数据残留在系统内存中，循环的次数越多，这些残留数据将导致系统内存溢出，并使得引擎崩溃。。。。。。
而解决办法就是利用汇编语言或者其它系统编程语言，在引擎运行时，把这些残留数据清除掉。</div>
</li>
<li><a href="/article/2363.htm"
title="自定义类的equals函数" target="_blank">自定义类的equals函数</a>
<span class="text-muted">dai_lm</span>
<a class="tag" taget="_blank" href="/search/equals/1.htm">equals</a>
<div>仅作笔记使用
public class VectorQueue {
private final Vector<VectorItem> queue;
private class VectorItem {
private final Object item;
private final int quantity;
public VectorI</div>
</li>
<li><a href="/article/2490.htm"
title="Linux下安装R语言" target="_blank">Linux下安装R语言</a>
<span class="text-muted">datageek</span>
<a class="tag" taget="_blank" href="/search/R%E8%AF%AD%E8%A8%80+linux/1.htm">R语言 linux</a>
<div>命令如下：sudo gedit /etc/apt/sources.list1、deb http://mirrors.ustc.edu.cn/CRAN/bin/linux/ubuntu/ precise/ 2、deb http://dk.archive.ubuntu.com/ubuntu hardy universesudo apt-key adv --keyserver ke</div>
</li>
<li><a href="/article/2617.htm"
title="如何修改mysql 并发数(连接数)最大值" target="_blank">如何修改mysql 并发数(连接数)最大值</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>MySQL的连接数最大值跟MySQL没关系，主要看系统和业务逻辑了
方法一：进入MYSQL安装目录 打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为 max_connections=1000 服务里重起MYSQL即可
方法二：MySQL的最大连接数默认是100客户端登录：mysql -uusername -ppass</div>
</li>
<li><a href="/article/2744.htm"
title="单一功能原则" target="_blank">单一功能原则</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E7%9A%84%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/1.htm">面向对象的程序设计</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E8%AE%BE%E8%AE%A1/1.htm">软件设计</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%8E%9F%E5%88%99/1.htm">编程原则</a>
<div>单一功能原则[
编辑]
SOLID 原则
单一功能原则
开闭原则
Liskov代换原则
接口隔离原则
依赖反转原则
查
论
编
在面向对象编程领域中，单一功能原则（Single responsibility principle）规定每个类都应该有</div>
</li>
<li><a href="/article/2871.htm"
title="POJO、VO和JavaBean区别和联系" target="_blank">POJO、VO和JavaBean区别和联系</a>
<span class="text-muted">fanmingxing</span>
<a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/javabean/1.htm">javabean</a>
<div>POJO和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Plain Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比POJO复杂很多，JavaBean是一种组件技术，就好像你做了一个扳子，而这个扳子会在很多地方被</div>
</li>
<li><a href="/article/2998.htm"
title="SpringSecurity3.X--LDAP：AD配置" target="_blank">SpringSecurity3.X--LDAP：AD配置</a>
<span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/SpringSecurity/1.htm">SpringSecurity</a>
<div>前面介绍过基于本地数据库验证的方式，参考http://hanqunfeng.iteye.com/blog/1155226，这里说一下如何修改为使用AD进行身份验证【只对用户名和密码进行验证，权限依旧存储在本地数据库中】。
将配置文件中的如下部分删除：
<!-- 认证管理器，使用自定义的UserDetailsService，并对密码采用md5加密-->
</div>
</li>
<li><a href="/article/3125.htm"
title="mac mysql 修改密码" target="_blank">mac mysql 修改密码</a>
<span class="text-muted">IXHONG</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>$ sudo /usr/local/mysql/bin/mysqld_safe –user=root & //启动MySQL(也可以通过偏好设置面板来启动)$ sudo /usr/local/mysql/bin/mysqladmin -uroot password yourpassword //设置MySQL密码（注意，这是第一次MySQL密码为空的时候的设置命令，如果是修改密码，还需在-</div>
</li>
<li><a href="/article/3252.htm"
title="设计模式--抽象工厂模式" target="_blank">设计模式--抽象工厂模式</a>
<span class="text-muted">kerryg</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>抽象工厂模式：
工厂模式有一个问题就是，类的创建依赖于工厂类，也就是说，如果想要拓展程序，必须对工厂类进行修改，这违背了闭包原则。我们采用抽象工厂模式，创建多个工厂类，这样一旦需要增加新的功能，直接增加新的工厂类就可以了，不需要修改之前的代码。
总结：这个模式的好处就是，如果想增加一个功能，就需要做一个实现类，</div>
</li>
<li><a href="/article/3379.htm"
title="评"高中女生军训期跳楼”" target="_blank">评"高中女生军训期跳楼”</a>
<span class="text-muted">nannan408</span>
<div> 首先，先抛出我的观点，各位看官少点砖头。那就是，中国的差异化教育必须做起来。
孔圣人有云：有教无类。不同类型的人，都应该有对应的教育方法。目前中国的一体化教育，不知道已经扼杀了多少创造性人才。我们出不了爱迪生，出不了爱因斯坦，很大原因，是我们的培养思路错了，我们是第一要“顺从”。如果不顺从，我们的学校，就会用各种方法，罚站，罚写作业，各种罚。军</div>
</li>
<li><a href="/article/3506.htm"
title="scala如何读取和写入文件内容？" target="_blank">scala如何读取和写入文件内容？</a>
<span class="text-muted">qindongliang1922</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>直接看如下代码：
package file
import java.io.RandomAccessFile
import java.nio.charset.Charset
import scala.io.Source
import scala.reflect.io.{File, Path}
/**
* Created by qindongliang on 2015/</div>
</li>
<li><a href="/article/3633.htm"
title="C语言算法之百元买百鸡" target="_blank">C语言算法之百元买百鸡</a>
<span class="text-muted">qiufeihu</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>中国古代数学家张丘建在他的《算经》中提出了一个著名的“百钱买百鸡问题”，鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，问翁，母，雏各几何？
代码如下：
#include <stdio.h>
int main()
{
int cock,hen,chick; /*定义变量为基本整型*/
for(coc</div>
</li>
<li><a href="/article/3760.htm"
title="Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode" target="_blank">Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode</a>
<span class="text-muted">wyz2009107220</span>
<a class="tag" taget="_blank" href="/search/NameNode/1.htm">NameNode</a>
<div>正如大家所知，NameNode在Hadoop系统中存在单点故障问题，这个对于标榜高可用性的Hadoop来说一直是个软肋。本文讨论一下为了解决这个问题而存在的几个solution。
1. Secondary NameNode
原理：Secondary NN会定期的从NN中读取editlog，与自己存储的Image进行合并形成新的metadata image
优点：Hadoop较早的版本都自带，</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> 