ArcGis For JavaScript API (测量工具)
测量组件提供工具，用于计算当前位置（获取位置），测量距离测量距离：面积
var measurement = new esri 。迪吉特。测量（{ 地图： 地图}， 道场。byId （'measurementDiv' ））;
测量。startup （）;
你也可选择定义一个自定义的线和点符号，测量的部件将在地图上绘制时使用
SimpleFillSymbol的常量
| 常量 | 描述 |
|---|---|
| STYLE_BACKWARD_DIAGONAL | 填充是向后对角线。（向后的对角线） |
| STYLE_CROSS | 填充是一个十字架。（交叉线） |
| STYLE_DIAGONAL_CROSS | 填充是对角交叉。（对角交叉） |
| STYLE_FORWARD_DIAGONAL | 填充是前向对角线。（向前的对角线） |
| STYLE_HORIZONTAL | 填充是水平线。（水平线） |
| STYLE_NULL | 多边形没有填充。（无） |
| STYLE_SOLID | 填充是实心的。（实线） |
| STYLE_VERTICAL | 填充是垂直线。（垂直线） |
<！DOCTYPE html>
测量工具</ title></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<link rel =“stylesheet”href =“https://js.arcgis.com/3.25/esri/themes/calcite/dijit/calcite.css”></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<link rel =“stylesheet”href =“https://js.arcgis.com/3.25/esri/themes/calcite/esri/esri.css”></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<风格></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
html，body {</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
高度：100％;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
宽度：100％;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
余量：0;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
}</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
身体 {</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
背景色：#FFF;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
溢出：隐藏;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
font-family：“Trebuchet MS”;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
}</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
#map {</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
border：solid 2px＃808775;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
-moz-边界半径：4PX;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
-webkit-边界半径：4PX;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
边界半径：4PX;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
保证金：5px的;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
填充：0像素;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
}</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
#titlePane {</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
宽度：280像素;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
}</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
</样式></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<script src =“https://js.arcgis.com/3.25/”> </ script></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<SCRIPT></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
var map;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
//导入包</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
要求（[</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“道场/ DOM”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /颜色”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“道场/键”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“道场/分析器”，</span></span>
<span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /配置”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /嗅”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /地图”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI / SnappingManager”</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /的dijit /测量”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /层/ FeatureLayer”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /渲染/ SimpleRenderer”</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /任务/ GeometryService”</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /符号/的SimpleLineSymbol”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /符号/ SimpleFillSymbol”，</span></span>
<span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“ESRI /的dijit /比例尺”</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“的dijit /布局/使用BorderContainer”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“的dijit /布局/的contentPane”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“的dijit / TitlePane”</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“的dijit /形式/复选框”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“道场/ domready中！”</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
]，功能（</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
dom，颜色，键，解析器，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
esriConfig，has，Map，SnappingManager，Measurement，FeatureLayer，SimpleRenderer，GeometryService，SimpleLineSymbol，SimpleFillSymbol</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
）{</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
parser.parse（）;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
//这个示例可能需要一个代理页面来处理与ArcGIS的服务器服务的通信。您需要</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
//将下面的网址替换为您机器上的代理的位置。请参阅“使用代理页面”帮助主题。</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
//关于设置代理页面的详细信息</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
esriConfig.defaults.io.proxyUrl =“/ proxy /”;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
esriConfig.defaults.io.alwaysUseProxy = false;</span></span>
<span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
//此服务仅用于开发和测试目的。我们建议您创建自己的几何服务，以便在应用程序中使用，可以直接使用</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
esriConfig.defaults.geometryService = new GeometryService（“https://utility.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer”）;</span></span>
<span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
map = new Map（“map”，{</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
basemap：“satellite”，//指定的地图底图。（如果自己的地图当然也可以，修改相应地图服务即可）默认有效的选项：“streets”，“satellite”，“hybrid”，“topo” ， “灰色”， “海洋”， “国家地理”， “OSM”。</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
中心：[ - 85.743,38.256]，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
zoom：17 //缩放度</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
}）;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
// SimpleFillSymbol用于在图形图层上绘制的功能</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
var sfs = new SimpleFillSymbol（</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
“固体”，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
new SimpleLineSymbol（“solid”，new Color（[195,176,23]），2），//颜色像素</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
空值</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
）;</span></span>
<span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
var parcelsLayer = new FeatureLayer（“https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Louisville/LOJIC_LandRecords_Louisville/MapServer/0”，{</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
模式：FeatureLayer.MODE_ONDEMAND，</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
outFields：[“*”]</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
}）;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
parcelsLayer.setRenderer（new SimpleRenderer（sfs））;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
map.addLayers（[parcelsLayer]）; </span><span style="vertical-align:inherit;">//所有图层使用map.addLayers方法添加到地图后触发</span></span>
<span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
// copyKey映射到窗户上的CTRL和苹果机上的Cmd的</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
var snapManager = map.enableSnapping（{</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
snapKey：有（“mac”）？</span><span style="vertical-align:inherit;">keys.META：keys.CTRL</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
}）;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
var layerInfos = [{</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
layer：parcelsLayer</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
}];</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
snapManager.setLayerInfos（layerInfos）;</span></span>
<span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
var measurement = new Measurement（{//测量工具</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
地图：地图</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
}，dom.byId（“measurementDiv”））;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
measurement.startup（）; //激活工具</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
}）;</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
</ SCRIPT></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
</ HEAD></span></span>
<span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<body class =“calcite”></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<div id =“mainWindow”data-dojo-type =“dijit / layout / BorderContainer”data-dojo-props =“design：'headline'，gutters：false”</span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
style =“width：100％; height：100％;”></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<div id =“map”data-dojo-type =“dijit / layout / ContentPane”data-dojo-props =“region：'center'”></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<div style =“position：absolute; right：20px; top：10px; z-Index：999;”></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<div id =“titlePane”data-dojo-type =“dijit / TitlePane”data-dojo-props =“title：'Measurement'，closable：false”></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<div id =“measurementDiv”> </ div></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
<span style =“font-size：smaller; padding：5px 5px;”>按<b> CTRL </ b>启用捕捉。</ span></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
</ DIV></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
</ DIV></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
</ DIV></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
</ DIV></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
</ BODY></span></span><span style="vertical-align:inherit;"><span style="vertical-align:inherit;">
</ HTML></span></span>
</code></pre>
<br>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1306089579794698240"></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">你可能感兴趣的:(ArcGis For JavaScript API (测量工具))</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1892422258589233152.htm"
title="智享AI直播三代系统，马斯克旗下AI人工智能直播工具,媲美DeepSeek！" target="_blank">智享AI直播三代系统，马斯克旗下AI人工智能直播工具,媲美DeepSeek！</a>
<span class="text-muted">V__17671155793</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>智享AI直播三代系统，马斯克旗下AI人工智能直播工具,媲美DeepSeek！在科技飞速发展的当下，人工智能正以前所未有的态势重塑着各个行业的格局。直播领域，作为信息传播与商业交互的前沿阵地，也在AI技术的赋能下迎来了颠覆性的变革。其中，马斯克旗下的智享AI直播三代系统宛如一颗璀璨的新星，横空出世，以其卓越的性能和创新的理念，迅速在竞争激烈的直播市场中崭露头角，甚至被业界誉为可媲美DeepSeek的</div>
</li>
<li><a href="/article/1892419987675607040.htm"
title="在项目中调用本地Deepseek（接入本地Deepseek）" target="_blank">在项目中调用本地Deepseek（接入本地Deepseek）</a>
<span class="text-muted">mr_cmx</span>
<a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/DeepSeek/1.htm">DeepSeek</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a>
<div>前言之前发表的文章已经讲了如何本地部署Deepseek模型，并且如何给Deepseek模型投喂数据、搭建本地知识库，但大部分人不知道怎么应用，让自己的项目接入AI模型。文末有彩蛋哦！！！要接入本地部署的deepseek，我就要利用到我们之前部署时安装的ollama服务，并调用其API本地API接口1、生成文本（GenerateText）url:POST/api/generate功能：向模型发送提示</div>
</li>
<li><a href="/article/1892417211553869824.htm"
title="flutter pigeon gomobile 插件中使用go工具类" target="_blank">flutter pigeon gomobile 插件中使用go工具类</a>
<span class="text-muted">yujunlong3919</span>
<a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/swift/1.htm">swift</a><a class="tag" taget="_blank" href="/search/kotlin/1.htm">kotlin</a>
<div>文章目录为什么flutter要用go写工具类1.下载pigeon插件模版2.编写go代码3.生成greeting.aar，Greeting.xcframework4.ios5.android6.dart中使用为什么flutter要用go写工具类在Flutter应用中，有些场景涉及到大量的计算，比如复杂的加密算法、数据压缩/解压缩或者图形处理中的数学计算等1.下载pigeon插件模版base_plu</div>
</li>
<li><a href="/article/1892416580906708992.htm"
title="事件驱动-事件驱动应用于软件开发" target="_blank">事件驱动-事件驱动应用于软件开发</a>
<span class="text-muted">海水天涯</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%8B%E4%BB%B6%E9%A9%B1%E5%8A%A8/1.htm">事件驱动</a><a class="tag" taget="_blank" href="/search/%E9%A9%B1%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">驱动开发</a>
<div>一、前言1.1软件开发概述软件开发是一个涉及计算机科学、工程学、设计和项目管理等领域的广泛概念。它指的是创建、部署和维护软件应用程序或系统的整个过程。这包括从最初的构思和需求分析，到设计、编码、测试、部署，以及后续的维护和更新。在软件开发过程中，通常会遵循一定的方法论或开发模型，如瀑布模型、敏捷开发等，以确保项目能按时、按质完成。软件开发工具如集成开发环境（IDE）、版本控制系统等，也在这个过程中</div>
</li>
<li><a href="/article/1892415446636883968.htm"
title="null和undefined的区别" target="_blank">null和undefined的区别</a>
<span class="text-muted">编程星空</span>
<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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>null和undefined是JavaScript中两个特殊的值，它们都表示“无”或“空”，但在语义和使用场景上有明显区别。以下是它们的详细对比：1.定义undefined表示变量已声明但未赋值，或函数没有返回值时的默认返回值。是JavaScript引擎默认赋予的初始值。类型为undefined。null表示一个空对象指针，通常用于显式表示“无”或“空”。是开发者主动赋值的值。类型为object（</div>
</li>
<li><a href="/article/1892413304811352064.htm"
title="dreamweaver html语言,Dreamweaver网页设计与制作(HTML+CSS+JavaScript)" target="_blank">dreamweaver html语言,Dreamweaver网页设计与制作(HTML+CSS+JavaScript)</a>
<span class="text-muted">weixin_39979245</span>
<a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/html%E8%AF%AD%E8%A8%80/1.htm">html语言</a>
<div>Dreamweaver网页设计与制作(HTML+CSS+JavaScript)编辑锁定讨论上传视频本词条缺少信息栏，补充相关内容使词条更完整，还能快速升级，赶紧来编辑吧！《Dreamweaver网页设计与制作(HTML+CSS+JavaScript)》是2014年清华大学出版社出版的图书。Dreamweaver网页设计与制作(HTML+CSS+JavaScript)图书详细信息编辑ISBN：978</div>
</li>
<li><a href="/article/1892412800781840384.htm"
title="html 5中css的含义,HTML 5+CSS+JavaScript网页设计与制作" target="_blank">html 5中css的含义,HTML 5+CSS+JavaScript网页设计与制作</a>
<span class="text-muted">律保阁-Michael</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/5%E4%B8%ADcss%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">5中css的含义</a>
<div>HTML5+CSS+JavaScript网页设计与制作编辑锁定讨论上传视频《HTML5+CSS+JavaScript网页设计与制作》是2019年4月清华大学出版社出版的图书，作者是彭进香、张茂红、王玉娟、叶娟、孙秀娟、万幸、刘英。书名HTML5+CSS+JavaScript网页设计与制作作者彭进香张茂红王玉娟叶娟作者孙秀娟展开作者孙秀娟万幸刘英收起出版社清华大学出版社出版时间2019年4月定价48</div>
</li>
<li><a href="/article/1892412295414345728.htm"
title="html+css+javascript实用详解,HTML+CSS+JavaScript 课程标准" target="_blank">html+css+javascript实用详解,HTML+CSS+JavaScript 课程标准</a>
<span class="text-muted">vvv666s</span>
<div>②学会运用HTML语言中的标记设置颜色、文本格式和列表；熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法；③掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；④熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；⑤掌握JavaScript语言的语法；⑥掌握在HTML语言代码中嵌入</div>
</li>
<li><a href="/article/1892410529520087040.htm"
title="JavaScript的魔法世界：巧妙之处与实战技巧" target="_blank">JavaScript的魔法世界：巧妙之处与实战技巧</a>
<span class="text-muted">skyksksksksks</span>
<a class="tag" taget="_blank" href="/search/%E7%BB%BC%E5%90%88%E4%B8%AA%E4%BA%BA%E6%9D%82%E8%AE%B0/1.htm">综合个人杂记</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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/html5/1.htm">html5</a><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>
<div>一、从浏览器玩具到全栈利器的蜕变之路JavaScript诞生于1995年，原本只是网景公司为浏览器设计的"小脚本"。谁能想到这个曾被戏称为"玩具语言"的家伙，如今已蜕变成支撑现代Web开发的擎天柱？就像一只破茧成蝶的幼虫，JavaScript经历了ECMAScript标准的持续进化，在Node.js的加持下突破了浏览器的桎梏，实现了从客户端到服务端的华丽转身。V8引擎的涡轮增压让它跑得比猎豹还快，</div>
</li>
<li><a href="/article/1892409395581612032.htm"
title="深入解析 Flutter Riverpod：从原理到实战" target="_blank">深入解析 Flutter Riverpod：从原理到实战</a>
<span class="text-muted">陈皮话梅糖@</span>
<a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/Riverpod/1.htm">Riverpod</a>
<div>深入解析FlutterRiverpod：从原理到实战Riverpod是Flutter社区中一个强大且灵活的状态管理工具，被称为Provider的升级版。它解决了Provider的一些局限性，比如类型安全、全局状态管理的灵活性、不依赖BuildContext等。Riverpod的设计理念是简洁、灵活和高性能，适合从小型到大型项目的状态管理需求。本篇博客将详细分析Riverpod的核心原理、常见用法，</div>
</li>
<li><a href="/article/1892408764976394240.htm"
title="Redis 全方位解析：从入门到实战" target="_blank">Redis 全方位解析：从入门到实战</a>
<span class="text-muted">kiss strong</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</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/%E7%BC%93%E5%AD%98/1.htm">缓存</a>
<div>引言在当今互联网快速发展的时代，高并发、低延迟的应用场景越来越普遍。Redis，作为一款高性能的开源数据库，以其卓越的性能和灵活的功能，成为了许多开发者的首选工具。无论是在缓存、消息队列，还是在实时数据分析等领域，Redis都展现出了强大的能力。本文将从Redis的基本介绍、官网、安装、特性，到具体的存储类型、Java代码实例、SpringBoot整合，以及Redis的主要作用和应用场景，进行全面</div>
</li>
<li><a href="/article/1892407376435277824.htm"
title="前端开发入门指南：HTML、CSS和JavaScript基础知识" target="_blank">前端开发入门指南：HTML、CSS和JavaScript基础知识</a>
<span class="text-muted">方向感超强的</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</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>
<div>引言：大家好，我是一名简单的前端开发爱好者，对于网页设计和用户体验的追求让我深深着迷。在本篇文章中，我将带领大家探索前端开发的基础知识，涵盖HTML、CSS和JavaScript。如果你对这个领域感兴趣，或者想要了解如何开始学习前端开发，那么这篇文章将为你提供一个良好的起点。1.前端开发概述在我们深入了解前端开发的细节之前，让我们先了解一下前端开发的定义和作用。简而言之，前端开发涉及构建用户直接与</div>
</li>
<li><a href="/article/1892404728181092352.htm"
title="React 渲染 Flash 接口数据" target="_blank">React 渲染 Flash 接口数据</a>
<span class="text-muted">ox0080</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%8C%97%E6%BC%82%2B%E6%BB%B4%E6%BB%B4%E5%87%BA%E8%A1%8C/1.htm">北漂+滴滴出行</a><a class="tag" taget="_blank" href="/search/VIP/1.htm">VIP</a><a class="tag" taget="_blank" href="/search/%E6%BF%80%E5%8A%B1/1.htm">激励</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</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>1.后端Python代码使用Flask创建多个接口，每个接口返回不同的数据，并使用自定义装饰器来绑定路由。代码：#app.pyfromflaskimportFlask,jsonifyapp=Flask(__name__)defapi_route(route,methods=['GET']):"""自定义装饰器，用于将函数与HTTP路由绑定"""defdecorator(func):app.rout</div>
</li>
<li><a href="/article/1892404729082867712.htm"
title="前端504错误分析" target="_blank">前端504错误分析</a>
<span class="text-muted">ox0080</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%8C%97%E6%BC%82%2B%E6%BB%B4%E6%BB%B4%E5%87%BA%E8%A1%8C/1.htm">北漂+滴滴出行</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/VIP/1.htm">VIP</a><a class="tag" taget="_blank" href="/search/%E6%BF%80%E5%8A%B1/1.htm">激励</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>前端出现504错误（网关超时）通常是由于代理服务器未能及时从上游服务获取响应。以下是详细分析步骤和解决方案：1.确认错误来源504含义：代理服务器（如Nginx、Apache）在等待后端服务响应时超时。常见架构：前端→代理服务器→后端服务，问题通常出在代理与后端之间。2.排查步骤（1）检查后端服务状态确认服务是否运行：通过日志或监控工具（如systemctlstatus,KubernetesPod</div>
</li>
<li><a href="/article/1892404601848655872.htm"
title="16、电科院FTU检测标准学习笔记-基本性能2" target="_blank">16、电科院FTU检测标准学习笔记-基本性能2</a>
<span class="text-muted">six2me</span>
<a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%94%B5%E8%87%AA%E5%8A%A8%E5%8C%96%28FTU%29%E6%B5%8B%E8%AF%95%E7%AC%94%E8%AE%B0/1.htm">配电自动化(FTU)测试笔记</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/FTU/1.htm">FTU</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%94%B5%E6%A3%80%E6%B5%8B/1.htm">配电检测</a>
<div>作者简介：本人从事电力系统多年，岗位包含研发，测试，工程等，具有丰富的经验在配电自动化验收测试以及电科院测试中，本人全程参与，积累了不少现场的经验————————————————————————————————————目录交流工频电量影响量试验频率带来的影响谐波变化带来的影响不平衡电流对功率的影响三相功率测量元件之间相互作用引起的改变故障电流采集电流过载检测（大电流）状态量输出（遥控）输入SOE分</div>
</li>
<li><a href="/article/1892401826364452864.htm"
title="jQuery UI CSS 框架 API" target="_blank">jQuery UI CSS 框架 API</a>
<span class="text-muted">lly202406</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>jQueryUICSS框架API概述jQueryUI是一个基于jQuery的用户界面和交互库，它提供了一套丰富的交互组件和视觉效果，旨在帮助开发者快速构建具有吸引力和互动性的网页应用。jQueryUICSS框架API是jQueryUI的一部分，它允许开发者通过简单的CSS类来控制UI组件的样式和外观。本文将详细介绍jQueryUICSS框架API的使用方法、常用类和功能，帮助开发者更好地利用这一工</div>
</li>
<li><a href="/article/1892400189780586496.htm"
title="js如何直接下载文件流" target="_blank">js如何直接下载文件流</a>
<span class="text-muted">涔溪</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">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><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>在JavaScript中直接处理文件下载，尤其是在处理文件流的情况下，通常涉及到使用fetchAPI或者XMLHttpRequest来获取文件流，并通过创建一个临时的标签（锚点元素）触发下载。以下是使用fetchAPI的一个示例：fetch('你的文件URL',{method:'GET',headers:{//如果需要的话，可以在这里添加请求头}}).then(response=>response</div>
</li>
<li><a href="/article/1892398803407925248.htm"
title="部署前端项目2" target="_blank">部署前端项目2</a>
<span class="text-muted">augenstern416</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>前端项目的部署是将开发完成的前端代码发布到服务器或云平台，使其能够通过互联网访问。以下是前端项目部署的常见步骤和工具：1.准备工作在部署之前，确保项目已经完成以下步骤：代码优化：压缩JavaScript、CSS和图片文件，减少文件体积。环境配置：区分开发环境和生产环境（如API地址、环境变量等）。测试：确保项目在本地测试通过，没有明显Bug。2.部署流程1.构建项目大多数前端项目（如React、V</div>
</li>
<li><a href="/article/1892398677004185600.htm"
title="对象的操作" target="_blank">对象的操作</a>
<span class="text-muted">augenstern416</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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/ecmascript/1.htm">ecmascript</a>
<div>在前端开发中，JavaScript提供了许多内置对象和方法，用于处理数据、操作DOM、处理事件等。以下是一些常用对象及其方法和扩展技巧：1.Object对象Object是JavaScript中最基础的对象，几乎所有对象都继承自Object。常用方法Object.keys(obj)：返回对象的所有可枚举属性的键名数组。constobj={a:1,b:2};console.log(Object.key</div>
</li>
<li><a href="/article/1892397039782785024.htm"
title="SAT-3D饮食行为训练系统在营养教学中的应用心得体会" target="_blank">SAT-3D饮食行为训练系统在营养教学中的应用心得体会</a>
<span class="text-muted">上海GR</span>
<a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a>
<div>在营养学领域的探索之旅中，我有幸深入接触并实践了SAT-3D膳食诊断和饮食行为训练系统（以下简称SAT-3D系统，研制单位：上海共荣医学科技有限公司），这一经历不仅极大地拓宽了我的专业视野，也让我在营养实训教学上获得了前所未有的启示与感悟。SAT-3D系统，作为一个集科学性与实用性于一体的膳食评估与行为干预工具，其在营养实训教学中的应用，无疑为传统的教学模式注入了一股新鲜血液，让我深刻体会到科技赋</div>
</li>
<li><a href="/article/1892390738520502272.htm"
title="前端基础入门：HTML、CSS 和 JavaScript" target="_blank">前端基础入门：HTML、CSS 和 JavaScript</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a>
<div>在现代网页开发中，前端技术扮演着至关重要的角色。无论是个人网站、企业官网，还是复杂的Web应用程序，前端开发的基础技术HTML、CSS和JavaScript都是每个开发者必须掌握的核心技能。本文将详细介绍这三者的基本概念及其应用一、HTML——网页的骨架HTML（HyperTextMarkupLanguage）是构建网页的基础语言。它是网页的结构和内容的标记语言，决定了网页上的文本、图像、表单等元</div>
</li>
<li><a href="/article/1892389477767245824.htm"
title="网页制作03-html,css,javascript初认识のhtml的图像设置" target="_blank">网页制作03-html,css,javascript初认识のhtml的图像设置</a>
<span class="text-muted">Ama_tor</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C%E4%B8%93%E6%A0%8F/1.htm">网页制作专栏</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><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>
<div>一、图像格式网页中图像的格式有三种，Gif，Jpeg，PngGif：Graphicinterchangeformat图像交换格式，文件最多可使用256种颜色，最适合显示色调不连续或具有大面积单一颜色的图像，例如导航条、按钮、图标、徽标或其他具有统一色彩和色调的图像；还可以制作动态图像Jpeg：Giantphotographicexpectgroup，它是一种图像压缩格式，可包含数百万种颜色，不支持</div>
</li>
<li><a href="/article/1892387965171200000.htm"
title="java进阶篇--生产环境如何排查bug和优化 JVM？" target="_blank">java进阶篇--生产环境如何排查bug和优化 JVM？</a>
<span class="text-muted">爱分享的淘金达人</span>
<a class="tag" taget="_blank" href="/search/Java%E6%BA%90%E7%A0%81%E5%89%96%E6%9E%90%2830%E8%AE%B2%29/1.htm">Java源码剖析(30讲)</a><a class="tag" taget="_blank" href="/search/jvm%E4%BC%98%E5%8C%96/1.htm">jvm优化</a><a class="tag" taget="_blank" href="/search/jvm%E8%B0%83%E4%BC%98/1.htm">jvm调优</a><a class="tag" taget="_blank" href="/search/%E4%BC%98%E5%8C%96jvm/1.htm">优化jvm</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E4%BA%A7%E7%8E%AF%E5%A2%83%E4%BC%98%E5%8C%96jvm/1.htm">生产环境优化jvm</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E4%BA%A7%E7%8E%AF%E5%A2%83jvm%E4%BC%98%E5%8C%96/1.htm">生产环境jvm优化</a>
<div>通过前面几个课时的学习，相信你对JVM的理论及实践等相关知识有了一个大体的印象。而本课时将重点讲解JVM的排查与优化，这样就会对JVM的知识点有一个完整的认识，从而可以更好地应用于实际工作或者面试了。我们本课时的面试题是，生产环境如何排查问题？回答：如果是在生产环境中直接排查JVM的话，最简单的做法就是使用JDK自带的6个非常实用的命令行工具来排查。它们分别是：jps、jstat、jinfo、jm</div>
</li>
<li><a href="/article/1892387335333539840.htm"
title="Jira，一个强大灵活的项目和任务管理工具 Python 库" target="_blank">Jira，一个强大灵活的项目和任务管理工具 Python 库</a>
<span class="text-muted">图灵学者</span>
<a class="tag" taget="_blank" href="/search/python%E7%B2%BE%E5%8D%8E/1.htm">python精华</a><a class="tag" taget="_blank" href="/search/jira/1.htm">jira</a><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>目录01初识Jira为什么选择Jira？02安装与配置安装jira库配置Jira访问获取APItoken：配置Python环境：03基本操作创建项目创建任务查询任务更新任务删除任务04高级操作处理子任务搜索任务添加附件评论任务05实战案例自动化创建与分配任务自动生成项目报告06结语01初识JiraJira是Atlassian公司开发的一款项目和任务管理工具。它广泛应用于软件开发、IT支持、营销等各</div>
</li>
<li><a href="/article/1892386200312934400.htm"
title="JavaScript——操作浏览器窗口" target="_blank">JavaScript——操作浏览器窗口</a>
<span class="text-muted">yiqi_perss</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div>学习内容：今天学习了alert提示框，提示框中的内容，就是alert后边小括号中的内容例如：alert('我要学JavaScript!');alert('我要学习!');学习总结：日常小总结例如：后面的分号；可以随便去掉，不影响运行效果。不能去掉小括号，否则会报错，不信你可以试试。必须是英文引号，否则会报错。课外扩展：历史渊源例如：ECMAScript是一种语言标准，而JavaScript是网景公</div>
</li>
<li><a href="/article/1892385570013900800.htm"
title="Coze扣子专业版计费规则调整一览" target="_blank">Coze扣子专业版计费规则调整一览</a>
<span class="text-muted">落笔画忧愁e</span>
<a class="tag" taget="_blank" href="/search/%E6%89%A3%E5%AD%90%E5%95%86%E5%BA%97/1.htm">扣子商店</a><a class="tag" taget="_blank" href="/search/Coze%E6%8F%92%E4%BB%B6/1.htm">Coze插件</a>
<div>就在今晚(2025-01-24)，扣子更新了专业版的计费规则更新时间：2025年2月中旬主要更新内容：新增扣子资源包，原智能体资源包、大模型资源包下架。专业版用户每日赠送500资源点（仅限当日有效），可抵扣智能体调用费用和模型调用费用语音识别API、语音合成API、实时音视频SDK全面开放，无需申请即可使用更新详解：智能体资源包、大模型资源包下架处理，剩余资源用量使用完毕后，不支持续费。新增扣子资</div>
</li>
<li><a href="/article/1892385443702435840.htm"
title="sklearn.ConfusionMatrixDisplay可视化混淆矩阵" target="_blank">sklearn.ConfusionMatrixDisplay可视化混淆矩阵</a>
<span class="text-muted">Cachel wood</span>
<a class="tag" taget="_blank" href="/search/python%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%92%8C%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">python机器学习和数据挖掘</a><a class="tag" taget="_blank" href="/search/sklearn/1.htm">sklearn</a><a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5/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/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>文章目录ConfusionMatrixDisplay详细解释更多定制化ConfusionMatrixDisplayConfusionMatrixDisplay是scikit-learn库中用于可视化混淆矩阵的一个实用工具。混淆矩阵是一种常用的评估分类模型性能的工具，它可以直观地展示模型在各个类别上的预测结果与真实标签之间的关系。下面详细介绍如何使用ConfusionMatrixDisplay进行混</div>
</li>
<li><a href="/article/1892384434322206720.htm"
title="H264视频编码系列教程-3关键参数集与解码初始化" target="_blank">H264视频编码系列教程-3关键参数集与解码初始化</a>
<span class="text-muted">TogetherWeShare</span>
<a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>H264关键参数集与解码初始化1.参数集整体架构1.1层级包含关系视频码流VPS层SPS层PPS层约束约束图像参数PPS工具参数序列参数SPS工具配置编码能力VPS性能限制H264参数集采用三层架构设计，这种设计充分体现了参数管理的层次化和模块化思想。让我们深入分析每一层的功能和特点：===H264参数集层级结构===+-------------------VPS层----------------</div>
</li>
<li><a href="/article/1892384307952021504.htm"
title="定制Jira优先级图标以提升项目管理效率" target="_blank">定制Jira优先级图标以提升项目管理效率</a>
<span class="text-muted">tianjiaxiaoer</span>
<div>本文还有配套的精品资源，点击获取简介：Jira是软件开发团队中广泛使用的项目管理和问题追踪工具，其默认优先级图标可能不满足所有团队的需求。用户可以自定义优先级图标来更好地反映任务的紧急性和重要性。定制步骤包括访问系统设置、上传和关联新图标、调整显示设置以及通知团队成员。自定义图标有助于团队更有效地沟通和管理任务优先级，提升工作流程的效率。1.Jira在项目管理中的应用在现代企业中，有效管理项目对成</div>
</li>
<li><a href="/article/1892383549030461440.htm"
title="Fastgpt本地或服务器私有化部署常见问题" target="_blank">Fastgpt本地或服务器私有化部署常见问题</a>
<span class="text-muted">泰山AI</span>
<a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91/1.htm">AI大模型应用开发</a><a class="tag" taget="_blank" href="/search/fastgpt/1.htm">fastgpt</a><a class="tag" taget="_blank" href="/search/rag/1.htm">rag</a><a class="tag" taget="_blank" href="/search/llm/1.htm">llm</a>
<div>一、错误排查方式遇到问题先按下面方式排查。dockerps-a查看所有容器运行状态，检查是否全部running，如有异常，尝试dockerlogs容器名查看对应日志。容器都运行正常的，dockerlogs容器名查看报错日志带有requestId的，都是OneAPI提示错误，大部分都是因为模型接口报错。无法解决时，可以找找Issue，或新提Issue，私有部署错误，务必提供详细的日志，否则很难排查。</div>
</li>
<li><a href="/article/29.htm"
title="SQL的各种连接查询" target="_blank">SQL的各种连接查询</a>
<span class="text-muted">xieke90</span>
<a class="tag" taget="_blank" href="/search/UNION+ALL/1.htm">UNION ALL</a><a class="tag" taget="_blank" href="/search/UNION/1.htm">UNION</a><a class="tag" taget="_blank" href="/search/%E5%A4%96%E8%BF%9E%E6%8E%A5/1.htm">外连接</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E8%BF%9E%E6%8E%A5/1.htm">内连接</a><a class="tag" taget="_blank" href="/search/JOIN/1.htm">JOIN</a>
<div>一、内连接
概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。
内连接（join 或者inner join ）
SQL语法：
select * fron</div>
</li>
<li><a href="/article/156.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%BB%A7%E6%89%BF/1.htm">继承</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86/1.htm">代理</a><a class="tag" taget="_blank" href="/search/%E7%BB%84%E5%90%88/1.htm">组合</a><a class="tag" taget="_blank" href="/search/final%E7%B1%BB/1.htm">final类</a>
<div> 复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书
一:组合语法:就是将对象的引用放到新类中即可
代码:
package com.wj.reuse;
/**
*
* @author Administrator 组</div>
</li>
<li><a href="/article/283.htm"
title="[开源与生态系统]国产CPU的生态系统" target="_blank">[开源与生态系统]国产CPU的生态系统</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/cpu/1.htm">cpu</a>
<div>
计算机要从娃娃抓起...而孩子最喜欢玩游戏....
要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....
投入一些资金和资源,人力和政策,让游</div>
</li>
<li><a href="/article/410.htm"
title="JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释" target="_blank">JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释</a>
<span class="text-muted">商人shang</span>
<a class="tag" taget="_blank" href="/search/jvm%E5%86%85%E5%AD%98/1.htm">jvm内存</a>
<div>jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。 非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。
HotSpot虚拟机GC算法采用分代收</div>
</li>
<li><a href="/article/537.htm"
title="页面上调用 QQ" target="_blank">页面上调用 QQ</a>
<span class="text-muted">oloz</span>
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
<div><A href="tencent://message/?uin=707321921&Site=有事Q我&Menu=yes">
<img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a></div>
</li>
<li><a href="/article/664.htm"
title="一些问题" target="_blank">一些问题</a>
<span class="text-muted">文强chu</span>
<a class="tag" taget="_blank" href="/search/%E9%97%AE%E9%A2%98/1.htm">问题</a>
<div>1.eclipse 导出 doc 出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 .....
SQL:3.mysql * 必须得放前面 否则 select&nbs</div>
</li>
<li><a href="/article/791.htm"
title="生活没有安全感" target="_blank">生活没有安全感</a>
<span class="text-muted">小桔子</span>
<a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E5%AD%A4%E7%8B%AC/1.htm">孤独</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%84%9F/1.htm">安全感</a>
<div> 圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明</div>
</li>
<li><a href="/article/918.htm"
title="php 基础语法" target="_blank">php 基础语法</a>
<span class="text-muted">aichenglong</span>
<a class="tag" taget="_blank" href="/search/php+%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/1.htm">php 基本语法</a>
<div>1 .1 php变量必须以$开头
<?php
$a=” b”;
echo
?>
1 .2 php基本数据库类型 Integer float/double Boolean string
1 .3 复合数据类型 数组array和对象 object
1 .4 特殊数据类型 null 资源类型(resource) $co</div>
</li>
<li><a href="/article/1045.htm"
title="mybatis tools 配置详解" target="_blank">mybatis tools 配置详解</a>
<span class="text-muted">AILIKES</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a>
<div>MyBatis Generator中文文档
MyBatis Generator中文文档地址：
http://generator.sturgeon.mopaas.com/
该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。
本文使用Markdown进行编辑，但是博客显示效</div>
</li>
<li><a href="/article/1172.htm"
title="继承与多态的探讨" target="_blank">继承与多态的探讨</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/JAVA%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1+%E7%BB%A7%E6%89%BF+%E5%AF%B9%E8%B1%A1/1.htm">JAVA面向对象 继承 对象</a>
<div>继承 extends 多态
继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：
在A类中定义属性和方法；
class A{
//定义属性
int age；
//定义方法
public void go</div>
</li>
<li><a href="/article/1299.htm"
title="JS的undefined与null的实例" target="_blank">JS的undefined与null的实例</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/JavaScript/1.htm">JavaScript</a>
<div><form name="theform" id="theform">
</form>
<script language="javascript">
var a
alert(typeof(b)); //这里提示undefined
if(theform.datas</div>
</li>
<li><a href="/article/1426.htm"
title="TDD实践（一）" target="_blank">TDD实践（一）</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/%E6%95%8F%E6%8D%B7/1.htm">敏捷</a><a class="tag" taget="_blank" href="/search/TDD/1.htm">TDD</a>
<div>一.TDD概述
TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。
</div>
</li>
<li><a href="/article/1553.htm"
title="[Maven学习笔记十]Maven Profile与资源文件过滤器" target="_blank">[Maven学习笔记十]Maven Profile与资源文件过滤器</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>什么是Maven Profile
Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息
Profile的激活机制
1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P</div>
</li>
<li><a href="/article/1680.htm"
title="【Hive八】Hive用户自定义生成表函数(UDTF)" target="_blank">【Hive八】Hive用户自定义生成表函数(UDTF)</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
<div>1. 什么是UDTF
UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table， 貌似更应该理解为生成了类似关系表的二维行数据集
2. 如何实现UDTF
继承org.apache.hadoop.hive.ql.udf.generic</div>
</li>
<li><a href="/article/1807.htm"
title="tfs restful api 加auth 2.0认计" target="_blank">tfs restful api 加auth 2.0认计</a>
<span class="text-muted">ronin47</span>
<div> 目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点：
一是基于客户端的ip设置。这个比较容易实现。
二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。
现在重点介绍第二种方法实现思路。
前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe</div>
</li>
<li><a href="/article/1934.htm"
title="jdk环境变量配置" target="_blank">jdk环境变量配置</a>
<span class="text-muted">byalias</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a>
<div>进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置：
1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe
2、安装jdk-7u79-windows-x64.exe
3、配置环境变量：右击"计算机"-->&quo</div>
</li>
<li><a href="/article/2061.htm"
title="《代码大全》表驱动法-Table Driven Approach-2" target="_blank">《代码大全》表驱动法-Table Driven Approach-2</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>package com.ljn.base;
import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.Collections;
import java.uti</div>
</li>
<li><a href="/article/2188.htm"
title="SQL 数值四舍五入 小数点后保留2位" target="_blank">SQL 数值四舍五入 小数点后保留2位</a>
<span class="text-muted">chicony</span>
<a class="tag" taget="_blank" href="/search/%E5%9B%9B%E8%88%8D%E4%BA%94%E5%85%A5/1.htm">四舍五入</a>
<div>
1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。
2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。
例如：
select cast(round(12.5,2) as numeric(5,2)) </div>
</li>
<li><a href="/article/2315.htm"
title="c++运算符重载" target="_blank">c++运算符重载</a>
<span class="text-muted">CrazyMizzz</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a>
<div>一、加+，减-，乘*，除/ 的运算符重载
Rational operator*(const Rational &x) const{
return Rational(x.a * this->a);
}
在这里只写乘法的，加减除的写法类似
二、<<输出,>>输入的运算符重载
&nb</div>
</li>
<li><a href="/article/2442.htm"
title="hive DDL语法汇总" target="_blank">hive DDL语法汇总</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E5%88%97/1.htm">修改列</a><a class="tag" taget="_blank" href="/search/DDL/1.htm">DDL</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E8%A1%A8/1.htm">修改表</a>
<div>hive DDL语法汇总
１、对表重命名
hive> ALTER TABLE table_name RENAME TO new_table_name;
2、修改表备注
hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm</div>
</li>
<li><a href="/article/2569.htm"
title="jbox使用说明" target="_blank">jbox使用说明</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [
点击下载]
技术交流QQGroup：172543951 100521167
[2011-11-11] jBox v2.3 正式版
- [调整&修复] IE6下有iframe或页面有active、applet控件</div>
</li>
<li><a href="/article/2696.htm"
title="UISegmentedControl 开发笔记" target="_blank">UISegmentedControl 开发笔记</a>
<span class="text-muted">dcj3sjt126com</span>
<div> // typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {
// UISegmentedControlStylePlain, // large plain
&</div>
</li>
<li><a href="/article/2823.htm"
title="Slick生成表映射文件" target="_blank">Slick生成表映射文件</a>
<span class="text-muted">ekian</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包
"com.typesafe.slick" %% "slick-codegen" % slickVersion
因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包
"com.typesa</div>
</li>
<li><a href="/article/2950.htm"
title="ES-TEST" target="_blank">ES-TEST</a>
<span class="text-muted">gengzg</span>
<a class="tag" taget="_blank" href="/search/test/1.htm">test</a>
<div>package com.MarkNum;
import java.io.IOException;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.annotation</div>
</li>
<li><a href="/article/3077.htm"
title="为何外键不再推荐使用" target="_blank">为何外键不再推荐使用</a>
<span class="text-muted">hugh.wang</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/DB/1.htm">DB</a>
<div>表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。
在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不</div>
</li>
<li><a href="/article/3204.htm"
title="领域驱动设计" target="_blank">领域驱动设计</a>
<span class="text-muted">julyflame</span>
<a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</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/DTO/1.htm">DTO</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a>
<div>概念：
VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。
DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对</div>
</li>
<li><a href="/article/3331.htm"
title="单例设计模式" target="_blank">单例设计模式</a>
<span class="text-muted">hm4123660</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Singleton/1.htm">Singleton</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">单例设计模式</a><a class="tag" taget="_blank" href="/search/%E6%87%92%E6%B1%89%E5%BC%8F/1.htm">懒汉式</a><a class="tag" taget="_blank" href="/search/%E9%A5%BF%E6%B1%89%E5%BC%8F/1.htm">饿汉式</a>
<div> 单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。
&nb</div>
</li>
<li><a href="/article/3458.htm"
title="logback" target="_blank">logback</a>
<span class="text-muted">zhb8015</span>
<a class="tag" taget="_blank" href="/search/log/1.htm">log</a><a class="tag" taget="_blank" href="/search/logback/1.htm">logback</a>
<div>一、logback的介绍
Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class</div>
</li>
<li><a href="/article/3585.htm"
title="整合Kafka到Spark Streaming——代码示例和挑战" target="_blank">整合Kafka到Spark Streaming——代码示例和挑战</a>
<span class="text-muted">Stark_Summer</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/storm/1.htm">storm</a><a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/PARALLELISM/1.htm">PARALLELISM</a><a class="tag" taget="_blank" href="/search/processing/1.htm">processing</a>
<div>作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版</div>
</li>
<li><a href="/article/3712.htm"
title="spring-master-slave-commondao" target="_blank">spring-master-slave-commondao</a>
<span class="text-muted">王新春</span>
<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/dataSource/1.htm">dataSource</a><a class="tag" taget="_blank" href="/search/slave/1.htm">slave</a><a class="tag" taget="_blank" href="/search/master/1.htm">master</a>
<div>互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。
为此，往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数</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>