前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[分布式 a href ]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
转载文章
...标准差为1的标准正态分布区间。在Python中,可以使用sklearn库提供的StandardScaler()函数来实现这一操作。特征缩放有助于消除特征间量纲的影响,使得不同规模的特征在机器学习算法中具有可比性,从而优化模型训练效果。 独热编码 , 独热编码是一种将离散类别型特征转换为数值型特征的方法,主要用于解决分类特征在机器学习算法中的处理问题。在本文提到的场景下,Python的sklearn库提供了OneHotEncoder()函数,用于将非数值型、类别型特征转化为多维度的二进制向量表示,每个维度对应原类别特征的一个可能取值,而具体维度上的值则代表该类别的出现与否。这样处理后的特征形式更便于输入到许多基于数值计算的机器学习模型中进行训练和预测。
2024-02-09 12:42:15
705
转载
Python
...号在不同频率上的能量分布。 python 转换为dB值以便于观察 spec_db = librosa.amplitude_to_db(abs(stft), ref=np.max) 绘制频谱图 plt.figure(figsize=(10, 4)) librosa.display.specshow(spec_db, x_axis='time', y_axis='log', sr=sr, fmax=8000) plt.colorbar(format='%+2.0f dB') plt.title('Song Spectrogram') plt.tight_layout() plt.show() 5. 第三步 提取音乐特征 利用librosa,我们可以轻松提取诸如节奏、音调、节拍强度等音乐特征。 python 提取节奏特征 tempo, beat_frames = librosa.beat.beat_track(y=y, sr=sr) 提取音高特征 chroma = librosa.feature.chroma_stft(y=y, sr=sr) 提取 MFCC 特征(Mel Frequency Cepstral Coefficients) mfcc = librosa.feature.mfcc(y=y, sr=sr) 6. 探讨与思考 以上代码演示了如何运用Python对歌曲音频进行基本的加载、可视化以及特征提取。然而,这只是冰山一角,实际上Python在音频分析领域可实现的功能远不止于此,比如情感识别、风格分类、相似度比较等深度学习应用。 在这个过程中,我们犹如一位音乐侦探,使用Python这一锐利的工具,揭开隐藏在旋律背后的数据秘密,从而获得更深层次的理解。这个过程简直就像坐过山车,满载着意想不到的惊喜和让人热血沸腾的挑战。而且每回有新的发现,都像是给咱对音乐的理解来了一次大扫除,然后又给它升级打怪似的,让咱们对音乐的认知更上一层楼。 总的来说,Python不仅赋予了我们解读音乐的能力,也让我们在技术与艺术间架起了一座桥梁,让音乐世界因为科技而变得更加丰富多彩。将来,我们热切期盼更多小伙伴能握住Python这把神奇钥匙,一起加入这场嗨翻天的音乐理解和创作大狂欢,共同谱写并奏响专属于咱们这个时代的美妙旋律。
2023-08-07 14:07:02
221
风轻云淡
转载文章
...><a href="" ng-click="reSearch(0)">全部评价({$total})</a></span> <span><a href="" ng-click="reSearch(1)">好评({$good})</a></span> <span><a href="" ng-click="reSearch(2)">中评({$medium})</a></span> <span><a href="" ng-click="reSearch(3)">差评({$pool})</a></span> </p></div></div><ul class="_comments" ><li ng-repeat="item in commentlist"><div class="fl"><img src="{ {item.image} }" alt="" /><p class="tel">{ { item.cellphone } }</p></div><div class="fr"><div class="desc"><p>{ { item.content } }</p><div class="tips"><div class="tip">实用高效</div><div class="tip">服务态度好</div></div><p class="doservice"><span> 办理业务:香港公司注册</span> <span class="datetime">{ {item.add_time} }</span></p></div></div></li> </ul><div class="pagination" ng-if="totalNum!=1"><a ng-if="hasPrev()" ng-click="paging($event,0)">上一页</a><a ng-click="paging($event,1)">1</a><a ng-click="paging($event,2)">2</a><a ng-if="totalNum>2" ng-click="paging($event,3)">3</a><a ng-if="hasNext()" ng-click="paging($event,-1)">下一页</a><a ng-click="paging($event,-2)">末页</a><a>总共{ {totalNum} }页</a></div></div> js代码 var app=angular.module('myApp',[]);app.controller('commCtrl', function($scope, $http) {var reSearch=function(postPoints){var postData={'id':goods_id, //产品id'post_points':postPoints||$scope.paginationConf.postPoints, //全部0,好评1,中评2,差评3'limit':$scope.paginationConf.itemsPerPage, //行数'page':$scope.paginationConf.currentPage //页数};$http({method: 'POST',url: '/comment',data:postData,}).then(function successCallback(response) {// 请求成功执行代码// console.log(response.data)$scope.totalNum=Math.ceil(response.data.total/$scope.paginationConf.itemsPerPage);$scope.commentlist=response.data.list;}, function errorCallback(response) {// 请求失败执行代码console.log('请求失败')});}$scope.reSearch=reSearch;$scope.paginationConf={firstPage:1, //起始页 currentPage:1, //当前页itemsPerPage:5, //每页展示的数据条数postPoints:0 // 全部0,好评1,中评2,差评3}; $scope.paging=function(evt,nType){$(evt.target).addClass("active").siblings().removeClass("active");switch(nType){case -2:$scope.paginationConf.currentPage=$scope.totalNum;break;case -1:$scope.paginationConf.currentPage++;break;case 1:$scope.paginationConf.currentPage=1;break;case 2:$scope.paginationConf.currentPage=2;break;case 3:$scope.paginationConf.currentPage=3;break;default:$scope.paginationConf.currentPage--;} $scope.reSearch(0);}$scope.hasNext=function(){if($scope.paginationConf.currentPage<$scope.totalNum){return true;}else{return false;} }$scope.hasPrev=function(){if($scope.paginationConf.currentPage>1){return true;}else{return false;} }$scope.reSearch(0);// $scope.$watch('paginationConf.currentPage + paginationConf.postPoints', reSearch(0));}) 第一次用angular分页,处理的有些简陋,还有一些疑问留着下次解答: 1.ng-controller放在排序的外层包裹内容显示不出来,也不报错,放在最外层或者body下面包裹的第一层上才显示数据 在angular的函数里面获取元素de属性值,可通过click方法传参($event.target),相当于jquery的this 更多参考:https://www.cnblogs.com/sxz2008/p/6379427.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/samscat/article/details/103328461。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-12 14:36:16
73
转载
转载文章
...策略以适应不同的数据分布特性,进一步提升了超参数搜索的效率和准确性。这一研究成果为未来Auto-Sklearn等自动机器学习工具的优化与发展提供了新的理论指导和技术路径。 综上所述,尽管Auto-Sklearn是目前广泛应用的自动机器学习工具之一,但整个领域正以前所未有的速度演进和发展。无论是科技巨头推出的最新AutoML产品,还是学界前沿的科研突破,都值得我们密切关注与深入研究,以便更好地把握自动机器学习的发展趋势,将其更有效地应用于实际问题解决中。
2023-06-13 13:27:17
115
转载
转载文章
...ylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 2、初始化jquery插件,以下是最简单的配置的js代码 复制代码代码如下: $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); }); 下面是每种类型的html代码 1、单张图片 复制代码代码如下: <a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description"> <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" /> </a> 2、图片相册 复制代码代码如下: <a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."> <img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /> </a> <a href="images/fullscreen/2.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /> </a> <a href="images/fullscreen/3.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /> </a> <a href="images/fullscreen/4.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /> </a> <a href="images/fullscreen/5.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /> </a> 3、单个flash 复制代码代码如下: <a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294" rel="prettyPhoto[flash]" title="Flash 10 demo"> <img src="images/thumbnails/flash-logo.jpg" alt="Flash 10 demo" width="60" /> </a> 4、YouTube视频 复制代码代码如下: <a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""> <img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /> </a> 5、Vimeo 复制代码代码如下: <a href="http://vimeo.com/8245346" rel="prettyPhoto" title=""> <img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /> </a> 6、QuickTime影片 复制代码代码如下: <a title="Despicable Me" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/universal/despicableme/despicableme-tlr1_r640s.mov?width=640&height=360"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Despicable Me" width="50" /> </a> <a title="Tales from Earthsea" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/disney/talesfromearthsea/talesfromearthsea-tlr1_r640s.mov?width=640&height=340"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Tales from Earthsea" width="50" /> </a> <a title="Grease Sing-A-Long" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/paramount/greasesingalong/greasesingalong-tlr1_r640s.mov?width=640&height=272"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Grease Sing-A-Long" width="50" /> </a> 7、外部网站(iframe) 复制代码代码如下: <a href="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="Google.com opened at 100%">Google.com</a> <a href="http://www.apple.com?iframe=true&width=500&height=250" rel="prettyPhoto[iframes]">Apple.com</a> <a href="http://www.twitter.com?iframe=true&width=400&height=200" rel="prettyPhoto[iframes]">Twitter.com</a> 8、普通文本 复制代码代码如下: <a href="inline-1" rel="prettyPhoto" ><img src="/wp-content/themes/NMFE/images/thumbnails/earth-logo.jpg" alt="" width="50" /></a> <div id="inline-1" class="hide"> <p>这里是普通的文本</p> <p>今天给大家介绍的prettyPhoto希望大家能喜欢,这个是播放普通文本的html</p> </div> 9、AJAX内容 复制代码代码如下: <a rel="prettyPhoto[ajax]" href="/demos/prettyPhoto-jquery-lightbox-clone/xhr_response.html? ajax=true&width=325&height=185">Ajax content</a> 三、总结 prettyBox图片播放插件很好用,赶紧用它来打造你的专属相册吧! 本篇文章为转载内容。原文链接:https://blog.csdn.net/gong1422425666/article/details/72817469。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-01-14 22:09:23
279
转载
Mahout
...。比如,假如评分数据分布得比较均匀,那皮尔逊相关系数就是个挺不错的选择。但如果评分数据少得可怜,这时候余弦相似度可能就更显神通了。因为它压根不在乎具体的评分数值大小,只关心相对的偏好方向,所以在这种极端稀疏的情况下,效果可能会更好。 四、总结与探讨 Mahout为我们搭建推荐系统的用户相似度计算提供了有力支持。不过,在实际操作的时候,咱们得灵活应变,根据实际情况对参数进行微调,优化那个算法。有时候,为了更上一层楼的推荐效果,咱可能还需要把用户的社交关系、时间因素等其他信息一并考虑进去,让推荐结果更加精准、接地气儿。在我们一路摸索的过程中,可别光依赖冷冰冰的算法分析,更得把咱们用户的感受和体验揣摩透彻,这样才能够实实在在打造出符合每个人个性化需求的推荐系统,让大家用起来觉得贴心又满意。 总的来说,利用Mahout实现用户相似度计算并不复杂,关键在于理解不同相似度计算方法背后的数学原理以及它们在实际业务中的适用性。实践中,我们要善于运用这些工具,同时保持开放思维,不断迭代和优化我们的推荐策略。
2023-02-13 08:05:07
88
百转千回
Python
...析示例:统计各列数据分布 df.describe() 这段代码展示了如何使用Pandas加载CSV文件,并对缺失值进行填充以及快速了解数据的基本统计信息。 2. Web后端开发 此外,我还尝试了Python在Web后端开发中的应用,Django框架为我打开了新的视角。下面是一个简单的视图函数示例: python from django.http import HttpResponse from .models import BlogPost def list_posts(request): posts = BlogPost.objects.all() return HttpResponse(f"Here are all the posts: {posts}") 这段代码展示了如何在Django中创建一个简单的视图函数,用于获取并返回所有博客文章。 三、实习反思与成长 在Python的实际运用中,我不断深化理解并体悟到编程不仅仅是写代码,更是一种解决问题的艺术。每次我碰到难题,像是性能瓶颈要优化啦,异常处理的棘手问题啦,这些都会让我特别来劲儿,忍不住深入地去琢磨Python这家伙的内在运行机制,就像在解剖一个精密的机械钟表一样,非得把它的里里外外都研究个透彻不可。 python 面对性能优化问题,我会尝试使用迭代器代替列表操作 def large_data_processing(data): for item in data: 进行高效的数据处理... pass 这段代码是为了说明,在处理大量数据时,合理利用Python的迭代器特性可以显著降低内存占用,提升程序运行效率。 总结这次实习经历,Python如同一位良师益友,陪伴我在实习路上不断试错、学习和成长。每一次手指在键盘上跳跃,每一次精心调试代码的过程,其实就像是在磨砺自己的知识宝剑,让它更加锋利和完善。这就是在日常点滴中,让咱的知识体系不断升级、日益精进的过程。未来这趟旅程还长着呢,但我打心底相信,有Python这位给力的小伙伴在手,甭管遇到啥样的挑战,我都敢拍胸脯保证,一定能够一往无前、无所畏惧地闯过去。
2023-09-07 13:41:24
323
晚秋落叶_
Tomcat
...则确保了请求能够均匀分布到集群中的各个实例上,提高系统的整体性能和可用性。 - 滚动更新与灰度发布:Kubernetes支持在不中断服务的情况下更新应用版本,通过逐步替换旧实例为新实例,实现平稳的灰度发布过程。 - 故障隔离与恢复:通过Kubernetes的Pod和Namespace概念,可以隔离并恢复单个服务或组件,即使整个系统出现故障,也能迅速恢复关键服务。 结论 随着云计算和微服务架构的普及,Kubernetes已成为现代应用部署和管理的首选工具。通过提供自动化、高可用性和资源优化等功能,Kubernetes显著提升了开发和运维团队的生产力,帮助企业快速响应市场变化,提供更高质量的服务。随着技术的不断发展,Kubernetes将持续演进,为企业带来更多的创新可能。 --- 通过上述内容,我们可以看到Kubernetes在现代应用管理中的重要作用。它不仅简化了复杂的应用部署流程,还提供了强大的自动化和管理能力,帮助企业实现高效、可靠的现代化应用部署。随着云原生技术的不断发展,Kubernetes将继续成为推动企业数字化转型的关键力量。
2024-08-02 16:23:30
108
青春印记
Saiku
...观反映数据内在关系和分布特点的视图。 钻取功能 , 在商业智能和数据分析领域,钻取是指用户可以从汇总数据深入到细节数据的过程,或者从一个粒度级别切换到另一个更细或更粗粒度级别的能力。在Saiku中,用户可以利用钻取功能,在查看某一层次的数据统计结果时,进一步向下挖掘至下一级别或上一级别的明细数据,以便于从不同维度深入理解数据,实现多层级的数据洞察。 商业智能(BI) , 商业智能是一套综合的方法论、应用软件和服务,用于收集、整合、分析企业内外部数据,并通过可视化的方式将这些信息呈现给决策者,以便他们做出明智、数据驱动的业务决策。在文中,Saiku被描述为顺应现代BI发展趋势的工具,它通过提供自助服务式的分析平台,助力非技术人员也能独立完成深度数据探索。
2023-10-04 11:41:45
105
初心未变
DorisDB
...好规划一下怎么分割和分布这些数据,就能大大加快导入速度。 示例代码 sql CREATE TABLE partitioned_table ( date DATE, value INT ) ENGINE=OLAP PARTITION BY RANGE(date) ( PARTITION p202301 VALUES LESS THAN ("2023-02-01"), PARTITION p202302 VALUES LESS THAN ("2023-03-01") ) DISTRIBUTED BY HASH(date) BUCKETS 3 PROPERTIES ( "replication_num" = "1" ); 4.2.2 并行导入 DorisDB支持并行导入,可以在多个节点上同时进行数据加载,极大地提升了导入速度。在实际应用中,可以通过配置多个数据源并行加载数据来达到最佳效果。 示例代码 sql -- 在多个节点上并行加载数据 LOAD LABEL example_label ( DATA INFILE("hdfs://localhost:9000/data1.csv") INTO TABLE example_table COLUMNS TERMINATED BY "," (id, name, age), DATA INFILE("hdfs://localhost:9000/data2.csv") INTO TABLE example_table COLUMNS TERMINATED BY "," (id, name, age) ); 4.3 兼容性问题 4.3.1 数据格式转换 在数据迁移过程中,可能会遇到不同数据源之间的格式不一致问题。DorisDB提供了强大的数据类型转换功能,可以方便地处理各种数据格式的转换。 示例代码 sql -- 将CSV文件中的字符串转换为日期类型 LOAD LABEL example_label ( DATA INFILE("hdfs://localhost:9000/data.csv") INTO TABLE example_table COLUMNS TERMINATED BY "," (id, CAST(date_str AS DATE), age) ); 4.3.2 使用ETL工具 除了直接使用DorisDB的功能外,还可以借助ETL(Extract, Transform, Load)工具来处理数据迁移过程中的兼容性问题。DorisDB与多种ETL工具(如Apache NiFi、Talend等)无缝集成,使得数据迁移变得更加简单高效。 5. 结论 通过以上讨论,我们可以看到DorisDB在数据迁移方面的强大能力和灵活性。不管你是想保持数据的一致性、加快搬家的速度,还是解决不同系统之间的兼容问题,DorisDB 都能给你不少帮手。作为一名数据库爱好者,我深深地被DorisDB的魅力所吸引。希望本文能帮助大家更好地理解和运用DorisDB进行数据迁移工作。 最后,我想说的是,技术永远是为人服务的。不管多牛的技术,归根结底都是为了让我们生活得更爽,更方便,过得更滋润。让我们一起努力,探索更多可能性吧!
2025-02-28 15:48:51
36
素颜如水
转载文章
...测 分析数据不同类别分布 分析图片长宽比例分布 切分数据集和验证集 数据可视化展示(可视化工具 pyecharts,seaborn,matplotlib) 代码结构 ├── data│ ├── garbage-classify-for-pytorch│ │ ├── train│ │ ├── train.txt│ │ ├── val│ │ └── val.txt│ └── garbage_label.txt├── analyzer│ ├── 01 垃圾分类_一级分类 数据分布.ipynb│ ├── 02 垃圾分类_二级分类 数据分析.ipynb│ ├── 03 数据加载以及可视化.ipynb│ ├── 03 数据预处理-缩放&裁剪&标准化.ipynb│ ├── garbage_label_40 标签生成.ipynb├── models│ ├── alexnet.py│ ├── densenet.py│ ├── inception.py│ ├── resnet.py│ ├── squeezenet.py│ └── vgg.py├── facebook│ ├── app_resnext101_WSL.py│ ├── facebookresearch_WSL-Images_resnext.ipynb│ ├── ResNeXt101_pre_trained_model.ipynb├── checkpoint│ ├── checkpoint.pth.tar│ ├── garbage_resnext101_model_9_9547_9588.pth├── utils│ ├── eval.py│ ├── json_utils.py│ ├── logger.py│ ├── misc.py│ └── utils.py├── args.py├── model.py├── transform.py├── garbage-classification-using-pytorch.py├── app_garbage.py data: 训练数据和验证数据、标签数据 checkpoint: 日志数据、模型文件、训练过程checkpoint中间数据 app_garbage.py:在线预测服务 garbage-classification-using-pytorch.py:训练模型 models:提供各种pre_trained_model ,例如:alexlet、densenet、resnet,resnext等 utils:提供各种工具类,例如;重新flask json 格式,日志工具类、效果评估 facebook: 提供facebook 分类器神奇的分类预测和数据预处理 analyzer: 数据分析和数据预处理模块 transform.py:通过pytorch 进行数据预处理 model.py: resnext101 模型集成以及调整、模型训练和验证函数封装 resnext101网络架构 pre_trained_model resnext101 网络架构原理 基于pytorch 数据处理、resnext101 模型分类预测 在线服务API 接口 垃圾分类-训练 python garbage-classification-using-pytorch.py \--model_name resnext101_32x16d \--lr 0.001 \--optimizer adam \--start_epoch 1 \--epochs 10 \--num_classes 40 model_name 模型名称 lr 学习率 optimizer 优化器 start_epoch 训练过程断点重新训练 num_classes 分类个数 垃圾分类-评估 python garbage-classification-using-pytorch.py \--model_name resnext101_32x16d \--evaluate \--resume checkpoint/checkpoint.pth.tar \--num_classes 40 model_name 模型名称 evaluate 模型评估 resume 指定checkpoint 文件路径,保存模型以及训练过程参数 垃圾分类-在线预测 python app_garbage.py \--model_name resnext101_32x16d \--resume checkpoint/garbage_resnext101_model_2_1111_4211.pth model_name 模型名称 resume 训练模型文件路径 模型预测 命令行验证和postman 方式验证 举例说明:命令行模式下预测 curl -X POST -F file=@cat.jpg http://ip:port/predict 最后,我们从0到1教大家掌握如何进行垃圾分类。通过本学习,让你彻底掌握AI图像分类技术在我们实际工作中的应用。 1. 你是什么垃圾? 2. 告诉你,你是什么垃圾 3. 使用它告诉你,你是啥垃圾 本篇文章为转载内容。原文链接:https://blog.csdn.net/shenfuli/article/details/103008003。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-02-10 23:48:11
518
转载
Kibana
...清楚地知道你的用户都分布在哪儿啦! 代码示例: json PUT /users/_mapping { "properties": { "location": { "type": "geo_point" }, "age": { "type": "integer" } } } 2.4 利用可视化工具进行高级数据切片 Kibana的可视化工具(如图表、仪表板)提供了强大的数据可视化能力,使我们可以直观地看到数据之间的关系。比如说,你可以画个饼图来看看各种产品卖得咋样,比例多大;还可以画个时间序列图,看看每天的销售额是涨了还是跌了。 代码示例: 虽然直接通过API创建可视化对象不是最常见的方式,但你可以通过Kibana的界面来设计你的可视化,并将其导出为JSON格式。下面是一个简单的示例,展示了如何通过API创建一个简单的柱状图: json POST /api/saved_objects/visualization { "attributes": { "title": "Sales by Category", "visState": "{\"title\":\"Sales by Category\",\"type\":\"histogram\",\"params\":{\"addTimeMarker\":false,\"addTooltip\":true,\"addLegend\":true,\"addTimeAxis\":true,\"addDistributionBands\":false,\"scale\":\"linear\",\"mode\":\"stacked\",\"times\":[],\"yAxis\":{},\"xAxis\":{},\"grid\":{},\"waterfall\":{} },\"aggs\":[{\"id\":\"1\",\"enabled\":true,\"type\":\"count\",\"schema\":\"metric\",\"params\":{} },{\"id\":\"2\",\"enabled\":true,\"type\":\"terms\",\"schema\":\"segment\",\"params\":{\"field\":\"category\",\"size\":5,\"order\":\"desc\",\"orderBy\":\"1\"} }],\"listeners\":{} }", "uiStateJSON": "{}", "description": "", "version": 1, "kibanaSavedObjectMeta": { "searchSourceJSON": "{\"index\":\"sales\",\"filter\":[],\"highlight\":{},\"query\":{\"query_string\":{\"query\":\"\",\"analyze_wildcard\":true} }}" } }, "references": [], "migrationVersion": {}, "updated_at": "2023-09-28T00:00:00.000Z" } 3. 思考与实践 在实际操作中,数据切片并不仅仅是简单的过滤和查询,它还涉及到如何有效地组织和呈现数据。这就得咱们不停地试各种招儿,比如说用聚合函数搞更复杂的统计分析,或者搬出机器学习算法来预测未来的走向。每一次尝试都可能带来新的发现,让数据背后的故事更加生动有趣。 4. 结语 数据切片是数据分析中不可或缺的一部分,它帮助我们在海量数据中寻找有价值的信息。Kibana这家伙可真不赖,简直就是个数据分析神器,有了它,我们实现目标简直易如反掌!希望本文能为你提供一些灵感和思路,让你在数据分析的路上越走越远! --- 以上就是本次关于如何在Kibana中实现数据切片的技术分享,希望能对你有所帮助。如果你有任何疑问或想了解更多内容,请随时留言讨论!
2024-10-28 15:42:51
43
飞鸟与鱼
Apache Atlas
...形式,但在整体结构和分布特征上与原数据保持一致。在本文的上下文中,Apache Atlas 提供了平台,让用户能够定义并实施各种数据脱敏策略,如对电话号码部分数字替换为星号,或隐藏身份证号码的部分数字,以此在满足法规要求的同时,降低数据泄露的风险,保障数据安全。 Apache Atlas , Apache Atlas 是一款开源的数据治理工具,由 Apache 软件基金会开发维护。该工具专注于元数据管理、数据血缘分析、数据分类和数据安全等方面,为企业提供了一个统一的数据治理框架。在本文中,Apache Atlas 作为实现数据脱敏策略的主要平台,用户可以通过它设置数据实体的脱敏规则,控制数据在查询、传输、存储过程中的敏感信息可见性,确保数据隐私保护和合规性要求。 数据实体 , 在数据库或数据管理系统中,数据实体是具有特定属性和关系的数据对象的抽象表示。在Apache Atlas 中,数据实体用来描述业务相关的数据模型,如用户表(User)、订单表(Order)等,包含多个字段(属性)。在本文所讨论的数据脱敏场景下,用户需要在Apache Atlas 中为数据实体定义脱敏策略,例如为用户表(User)中的userId 和 email 字段分别设置不同的脱敏规则,以确保敏感信息在展示或使用时得到有效的遮蔽处理。
2024-03-26 11:34:39
470
桃李春风一杯酒-t
Saiku
...Saiku服务和用户分布在不同的VPC内,可以通过设置VPC对等连接来确保用户能够顺利访问到Saiku服务。
2023-08-17 15:07:18
167
百转千回
转载文章
...不连续性决定了其累积分布函数(cdf)也不连续。 共轭先验(conjugate prior) 所谓共轭(conjugate),描述刻画的是两者之间的关系,单独的事物不构成共轭,举个通俗的例子,兄弟这一概念,只能是两者才能构成兄弟。所以,我们讲这两个人是兄弟关系,A是B的兄弟,这两个分布成共轭分布关系,A是B的共轭分布。 p(θ|X)=p(θ)p(X|θ)p(x) p(X|θ) :似然(likelihood) p(θ) :先验(prior) p(X) :归一化常数(normalizing constant) 我们定义:如果先验分布(p(θ) )和似然函数(p(X|θ) )可以使得先验分布(p(θ) )和后验分布(p(θ|X) )有相同的形式(如,Beta(a+k, b+n-k)=Beta(a, b)binom(n, k)),那么就称先验分布与似然函数是共轭的(成Beta分布与二项分布是共轭的)。 几个常见的先验分布与其共轭分布 先验分布 共轭分布 伯努利分布 beta distribution Multinomial Dirichlet Distribution Gaussian, Given variance, mean unknown Gaussian Distribution Gaussian, Given mean, variance unknown Gamma Distribution Gaussian, both mean and variance unknown Gaussian-Gamma Distribution 最大似然估计(MLE) 首先来看,大名鼎鼎的贝叶斯公式: p(θ|X)=p(θ)p(X|θ)p(X) 可将θ 看成欲估计的分布的参数,X 表示样本,p(X|θ) 则表示似然。 现给定样本集\mathcal{D}=\{x_1,x_2,\ldots,x_N\}D={x1,x2,…,xN} ,似然函数为: p(\mathcal{D}|\theta)=\prod_{n=1}^Np(x_n|\theta) p(D|θ)=∏n=1Np(xn|θ) 为便于计算,再将其转换为对数似然函数形式: \ln p(\mathcal{D}|\theta)=\sum_{n=1}^N\ln p(x_n|\theta) lnp(D|θ)=∑n=1Nlnp(xn|θ) 我们不妨以伯努利分布为例,利用最大似然估计的方式计算其分布的参数(pp ),伯努利分布其概率密度函数(pdf)为: f_X(x)=p^x(1-p)^{1-x}=\left \{ \begin{array}{ll} p,&\mathrm{x=1},\\ q\equiv1-p ,&\mathrm{x=0},\\ 0,&\mathrm{otherwise} \end{array} \right. fX(x)=px(1−p)1−x=⎧⎩⎨⎪⎪p,q≡1−p,0,x=1,x=0,otherwise 整个样本集的对数似然函数为: \ln p(\mathcal{D}|\theta)=\sum_{n=1}^N\ln p(x_n|\theta)=\sum_{n=1}^N\ln (\theta^{x_n}(1-\theta)^{1-x_n})=\sum_{n=1}^Nx_n\ln\theta+(1-x_n)\ln(1-\theta) lnp(D|θ)=∑n=1Nlnp(xn|θ)=∑n=1Nln(θxn(1−θ)1−xn)=∑n=1Nxnlnθ+(1−xn)ln(1−θ) 等式两边对\thetaθ 求导: \frac{\partial \ln(\mathcal{D}|\theta)}{\partial \theta}=\frac{\sum_{n=1}^Nx_n}{\theta}-\frac{N}{1-\theta}+\frac{\sum_{n=1}^Nx_n}{1-\theta} ∂ln(D|θ)∂θ=∑Nn=1xnθ−N1−θ+∑Nn=1xn1−θ 令其为0,得: θml=∑Nn=1xnN Beta分布 f(μ|a,b)=Γ(a+b)Γ(a)Γ(b)μa−1(1−μ)b−1=1B(a,b)μa−1(1−μ)b−1 Beta 分布的峰值在a−1b+a−2 处取得。其中Γ(x)≡∫∞0ux−1e−udu 有如下性质: Γ(x+1)=xΓ(x)Γ(1)=1andΓ(n+1)=n! 我们来看当先验分布为 Beta 分布时的后验分布: p(θ)=1B(a,b)θa−1(1−θ)b−1p(X|θ)=(nk)θk(1−θ)n−kp(θ|X)=1B(a+k,b+n−k)θa+k−1(1−θ)b+n−k−1 对应于python中的math.gamma()及matlab中的gamma()函数(matlab中beta(a, b)=gamma(a)gamma(b)/gamma(a+b))。 条件概率(conditional probability) P(X|Y) 读作: P of X given Y ,下划线读作given X :所关心事件 Y :条件(观察到的,已发生的事件),conditional 条件概率的计算 仍然从样本空间(sample space)的角度出发。此时我们需要定义新的样本空间(给定条件之下的样本空间)。所以,所谓条件(conditional),本质是对样本空间的进一步收缩,或者叫求其子空间。 比如一个人答题,有A,B,C,D 四个选项,在答题者对题目一无所知的情况下,他答对的概率自然就是 14 ,而是如果具备一定的知识,排除了 A,C 两个错误选项,此时他答对的概率简单计算就增加到了 12 。 本质是样本空间从S={A,B,C,D} ,变为了S′={B,D} 。 新样本空间下P(A|排除A/C)=0,P(C|排除A/C)=0 ,归纳出来,也即某实验结果(outcome,oi )与某条件Y 不相交,则: P(oi|Y)=0 最后我们得到条件概率的计算公式: P(oi|Y)=P(oi)P(o1)+P(o2)+⋯+P(on)=P(oi)P(Y)Y={o1,o2,…,on} 考虑某事件X={o1,o2,q1,q2} ,已知条件Y={o1,o2,o3} 发生了,则: P(X|Y)=P(o1|Y)+P(o2|Y)+0+0=P(o1)P(Y)+P(o2)P(Y)=P(X∩Y)P(Y) 条件概率与贝叶斯公式 条件概率: P(X|Y)=P(X∩Y)P(Y) 贝叶斯公式: P(X|Y)=P(X)P(Y|X)P(Y) 其实是可从条件概率推导贝叶斯公式的: P(A|B)=P(B|A)=P(A|B)P(B)===P(B|A)=P(A∩B)P(B)P(A∩B)P(A)P(A∩B)P(B)P(B)P(A∩B)P(A)P(B|A)P(A|B)P(B)P(A) 证明:P(B,p|D)=P(B|p,D)P(p|D) P(B,p|D)====P(B,p,D)P(D)P(B|p,D)P(p,D)P(D)P(B|p,D)P(p,D)P(D)P(B|p,D)P(p|D) References [1] 概率质量函数 本篇文章为转载内容。原文链接:https://blog.csdn.net/lanchunhui/article/details/49799405。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-02-26 12:45:04
518
转载
Saiku
... 布局混乱:界面元素分布缺乏逻辑性,导致用户在寻找特定功能时费时费力。 - 信息密度高:大量的配置选项集中在一个页面上,容易造成视觉疲劳,降低操作效率。 二、案例分析 以“时间序列分析”为例 假设我们正在为一家零售公司构建一个销售趋势分析仪表板,需要配置时间序列数据进行展示。在Saiku配置文件编辑器中,用户可能首先会面临以下挑战: 1. 选择维度与度量 - 用户可能不清楚如何在众多维度(如产品类别、地区、时间)和度量(如销售额、数量)中做出最佳选择来反映他们的分析需求。 - 缺乏直观的提示或预览功能,使得用户难以预见到不同选择的最终效果。 2. 配置时间序列 - 在配置时间序列时,用户可能会遇到如何正确设置时间粒度(如日、周、月)以及如何处理缺失数据的问题。 - 缺乏可视化的指导,使得用户在调整时间序列设置时感到迷茫。 三、改进建议 增强直观性和用户友好性 针对上述挑战,我们可以从以下几个方面着手改进Saiku配置文件编辑器: 1. 简化术语 引入更易于理解的语言替换专业术语,例如将“维度”改为“视角”,“度量”改为“指标”。 2. 优化布局与导航 采用更加清晰的分层结构,将相关功能模块放置在一起,减少跳转次数。同时,增加搜索功能,让用户能够快速定位到需要的配置项。 3. 提供可视化预览 在用户进行配置时,实时展示配置结果的预览图,帮助用户直观地理解设置的效果。 4. 引入动态示例 在配置页面中嵌入动态示例,通过实际数据展示不同的配置效果,让用户在操作过程中学习和适应。 5. 增加教程与资源 开发一系列针对不同技能水平用户的教程视频、指南和在线问答社区,帮助用户更快掌握Saiku的使用技巧。 四、结语 从实践到反馈的闭环 改进Saiku配置文件编辑器的直观性是一个持续的过程,需要结合用户反馈不断迭代优化。哎呀,听我说啊,要是咱们按照这些建议去操作,嘿,那可是能大大提升大家用咱们Saiku的体验感!这样一来,不光能让更多的人知道并爱上Saiku,还能让数据分析这块儿的整体发展更上一层楼呢!你懂我的意思吧?就像是给整个行业都添了把火,让数据这事儿变得更热乎,更受欢迎!哎呀,兄弟!在咱们这项目推进的过程中,得保持跟用户之间的交流超级通畅,听听他们在使用咱们产品时遇到的具体难题,还有他们的一些建议。这样咱们才能对症下药,确保咱们改进的措施不是空洞的理论,而是真正能解决实际问题,让大家都满意的好办法。毕竟,用户的反馈可是我们优化产品的大金矿呢! --- 通过这次深入探讨,我们不仅认识到Saiku配置文件编辑器在直观性上的挑战,也找到了相应的解决路径。哎呀,希望Saiku在将来能给咱们的数据分析师们打造一个既温馨又高效的工具平台,就像家里那台超级好用的咖啡机,让人一上手就爱不释手。这样一来,大家就能专心挖出数据背后隐藏的金矿,而不是老是跟那些烦人的技术小难题过不去,对吧?
2024-10-12 16:22:48
74
春暖花开
转载文章
...过程,实现对未知噪声分布图像的去噪能力。 UNet模型 , UNet(U-Net)是一种用于图像分割的卷积神经网络架构,由Olaf Ronneberger等人于2015年提出。该模型因其独特的“U”形结构而得名,其特点是包含一个收缩路径(编码器)和一个扩展路径(解码器),两者之间通过跳层连接传递上下文信息。在本文所讨论的场景下,UNet被应用于自监督去噪任务,通过学习从含噪图像到原始无噪声图像的映射关系,从而实现任意尺寸图像的高效去噪处理。 高斯噪声与泊松噪声 , 高斯噪声来源于高斯分布,是自然界中最常见的一种噪声类型,具有均值为0、方差固定的特性,在图像处理中表现为像素值随机变化,每个像素的噪声独立且符合正态分布规律。而泊松噪声则源于泊松分布,常出现在成像系统中,如光学或放射学领域,其特性是像素值的随机变化率与当前像素强度成正比。在图像去噪的背景下,AugmentNoise类根据用户指定的参数分别生成不同类型的高斯噪声或泊松噪声,以模拟真实情况下的噪声干扰,并通过训练后的UNet模型去除这些噪声,恢复图像原本清晰的内容。
2023-06-13 14:44:26
129
转载
转载文章
...度,即集合内部各类别分布的均匀程度。一个集合的信息熵越小,表示该集合内的样本类别越集中、纯度越高;反之,信息熵越大,则意味着集合内各类别分布越分散,纯度越低。例如,在决策树构建过程中,若某个属性划分后子集的信息熵降低,说明通过这个属性将数据集进行了有效的分类。 信息增益 , 信息增益是决策树学习中的一个重要概念,用于选择最优划分属性。它是基于信息熵计算得到的,反映的是使用某一属性进行划分前后的信息不确定性减少的程度。具体来说,信息增益等于划分前的数据集信息熵减去划分后各子集信息熵的加权和。在构造决策树时,通常会选择信息增益最大的属性作为当前节点的划分依据,因为这代表使用该属性划分能最大程度地提高决策树的纯度或减少决策过程中的不确定性。 树剪枝 , 树剪枝是决策树学习中用于防止过拟合的重要技术手段。它主要分为预剪枝(prepruning)和后剪枝(post pruning)两种策略。预剪枝是指在构建决策树的过程中,对每个结点在进行划分之前先进行估计,如果当前结点划分不能显著提升模型的泛化性能,则停止划分并将当前结点标记为叶结点。而后剪枝则是先生成一棵完整的决策树,然后自底向上地考察每一个非叶结点,如果将该结点及其所有后代替换为一个叶结点能够提升模型的泛化能力,则执行剪枝操作。通过剪枝,可以简化决策树结构,降低模型复杂性,从而避免过拟合问题,提高模型在未知数据上的预测准确性。
2023-08-27 21:53:08
284
转载
转载文章
...elector('[href="/new-index/"]').click()handles=driver.window_handles返回所有打开server的浏览器句柄print(handles)返回listdriver.switch_to.window(handles[1])driver.find_element_by_css_selector('newtag').send_keys(1111)找到新页面上的元素driver.close()关闭当前tab页 from selenium import webdriverdriver=webdriver.Chrome()driver.get("http://ui.imdsx.cn/uitester/")driver.maximize_window()将窗口放大driver.execute_script('window.scrollTo(0,0);')执行js的apidriver.find_element_by_css_selector('[href="/new-index/"]').click()handles=driver.window_handlesprint(handles)driver.switch_to.window(handles[1])driver.find_element_by_css_selector('newtag').send_keys(1111)driver.quit() 关闭所有页面,结束服务 其他 返回页面源码driver.page_source 返回tag标题driver.title 返回当前Urldriver.current_url 获取浏览器名称 如:chromedriver.name ElementApi接口 根据标签属性名称,获取属性valueelement.get_attribute('style') 向输入框输入字符串 如果input的type为file类型 可以输入文件绝对路径上传文件element.send_keys() 清除文本内容element.clear() 鼠标左键点击操作element.click() 通过属性名称获取属性element.get_property('id') 返回元素是否可见 True or Falseelement.is_displayed() 返回元素是否被选中 True or Falseelement.is_selected() 返回标签元素的名字element.tag_name 获取当前标签的宽和高element.size 获取元素的文本内容element.text 模仿回车按钮 提交数据element.submit() 获取当前元素的坐标element.location 截取图片element.screenshot() from selenium import webdriverdriver=webdriver.Chrome()driver.get("http://ui.imdsx.cn/uitester/")driver.maximize_window()将窗口放大driver.execute_script('window.scrollTo(0,0);')执行js的apie=driver.find_element_by_css_selector('i1')e.send_keys(1111)import timetime.sleep(1)e.clear() 清除文本框内内容 转载于:https://www.cnblogs.com/wxcx/p/8934540.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_34377065/article/details/94686128。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-12-03 12:51:11
46
转载
Go Gin
...析接口调用频率和流量分布,动态调整路由规则,从而实现资源的最优分配。这一创新举措不仅优化了用户体验,还有效降低了服务器成本。该公司负责人表示,这种智能化路由管理方案将在未来几年内推广至更多业务线,进一步推动企业的数字化转型进程。 此外,值得注意的是,Gin 框架的社区也在不断发展壮大。近期,一位开源贡献者提交了一项新特性提案,建议在 Group 中加入对 HTTP/3 协议的支持,以更好地应对现代互联网应用中日益增长的高并发需求。虽然该提案目前仍处于讨论阶段,但已经引发了广泛关注。业内人士普遍认为,这项改进一旦落地,将极大提升 Gin 框架在高负载场景下的性能表现。 从以上案例可以看出,路由分组不仅仅是一种技术手段,更是一种驱动业务发展的核心能力。无论是电商、金融还是其他行业,只要合理运用这一工具,就能在激烈的市场竞争中占据有利地位。因此,对于广大开发者而言,掌握并善用 Gin 的 Group 功能,无疑是迈向成功的关键一步。
2025-04-10 16:19:55
43
青春印记
Mongo
...,基于读写模式、数据分布和查询频率等因素,选择最适合的索引类型和结构,以达到最佳的性能表现。 安全性与合规性:在提升性能的同时,MongoDB 4.4也加强了安全性,增强了数据保护措施。这包括对敏感数据的加密存储、访问控制的细化以及对潜在安全漏洞的修补,确保了数据在存储和传输过程中的安全,符合现代数据保护法规的要求。 综上所述,MongoDB 4.4版本不仅在索引管理上取得了显著进展,还在其他多个领域实现了技术突破,为用户提供了一个更为强大、安全、高效的数据库平台。对于依赖MongoDB进行数据管理和分析的企业和开发者来说,了解并充分利用这些更新,将有助于优化业务流程,提升数据分析效率,进而驱动业务增长。 --- 通过这次“延伸阅读”,我们可以看到MongoDB作为一款广泛使用的NoSQL数据库,在持续优化其功能以满足日益增长的性能需求和安全性要求。这种不断迭代的技术进步不仅反映了MongoDB团队致力于提升用户体验和解决实际问题的决心,也为广大开发者和数据库管理员提供了更多创新的工具和策略,以应对复杂的数据管理和分析挑战。
2024-10-14 15:51:43
88
心灵驿站
转载文章
...alt="Sun" href="/statics/images/course/sun.gif"><area shape="circle" coords="90,58,3" target="_blank" alt="Mercury" href="/statics/images/course/merglobe.gif"><area shape="circle" coords="124,58,8" target="_blank" alt="Venus" href="/statics/images/course/venglobe.gif"></map></body></html> 4、HTML <select> 标签定义及使用说明 <select> 元素用来创建下拉列表。 <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><select><option value="volvo" style="display:none">Volvo</option><option value="saab">Saab</option><option value="opel">Opel</option><option value="audi">Audi</option></select></body></html> 5、HTML <style> 标签 <style> 标签包含了 HTML 文档的样式详细,在默认情况下,在该元素内写入的样式指令将被认为是CSS。 <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title><style type="text/css">h1 {color:red;}p {color:blue;}</style></head><body><h1>这是一个标题</h1><p>这是一个段落。</p></body></html> 7、HTML <sub> 标签 包含在 <sub> 标签和其结束标签 </sub> 中的内容会以正常内容的一半的高度显示在下方,而且通常较小,请参见下述例子: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head><body><p>这个文本包含 <sub>下标</sub>文本。</p><p>这个文本包含 <sup>上标</sup> 文本。</p></body></html> 8、HTML <summary> 标签 <summary> 标签元素作为一个<datails>元素的标题,该标题可以包含详细的信息,但是默认情况下不显示,需要单击才能显示详细信息,请参考下述示 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><details><summary>Copyright 1999-2011.</summary><p> - by Refsnes Data. All Rights Reserved.</p><p>All content and graphics on this web site are the property of the company Refsnes Data.</p></details><p><b>注意:</b>目前只有 Chrome 和 Safari 6 支持 summary 标签。</p></body></html> 9、HTML <table> 标签 <table> 标签用来定义 HTML 表格,一个简单的 HTML 表格应该包括两行两列,如下述示例所示: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head><body><table border="1"><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr><tr><td>February</td><td>$80</td></tr></table></body></html> 10、HTML <textarea> 标签 <textarea> 标签表示多行纯文本编辑控件,用户可在其文本区域中写入文本,请参考下述示例: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool 在线教程(w3cschool.cn)</title> </head><body><textarea rows="10" cols="30">我是一个文本框。</textarea></body></html> 11、HTML <tt> 标签 - HTML5 不支持 <tt> 标签用来改变字体样式,使标签中的文本显示为打字机文本,请参考下述例子: <!DOCTYPE html><html><body><p>This text is normal.</p><p><tt>This text is teletype text.</tt></p></body></html> 12、HTML <u> 标签 <u> 标签可以用来对标签内的文本实现下划线样式,请参考下述示例: <!DOCTYPE html><html><body><p>This is a <u>parragraph</u>.</p></body></html> 13、HTML <ul> 标签 <ul> 标签表示HTML页面中项目的无序列表,一般会以项目符号列表呈现,请参考下述例子: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><h4>无序列表:</h4><ul><li>咖啡</li><li>茶</li><li>牛奶</li></ul></body></html> 14、HTML <video> 标签 <video> 标签可以将视频内容嵌入到HTML文档中,请参考下述示例: <!DOCTYPE html><html><body><video width="320" height="240" controls><source src="/statics/demosource/movie.mp4" type="video/mp4"><source src="/statics/demosource/movie.ogg" type="video/ogg">您的浏览器不支持 HTML5 video 标签。</video></body></html> 15、HTML <ol> 标签 <ol> 标签在 HTML 中表示有序列表,是 ordered lists 的缩写。您可以自定义有序列表的初始序号,请参考下面的实例: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><ol><li>咖啡</li><li>茶</li><li>牛奶</li></ol><ol start="50"><li>咖啡</li><li>茶</li><li>牛奶</li></ol></body></html> 16、HTML <noframes> 标签HTML5不支持该标签 <noframes> 标签用于支持不支持 <frame> 元素的浏览器,请参考下面的示例: <html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><frameset cols="25%,50%,25%"><frame src="/statics/demosource/frame_a.htm"><frame src="/statics/demosource/frame_b.htm"><frame src="/statics/demosource/frame_c.htm"><noframes>抱歉,您的浏览器不支持 frame 属性!</noframes></frameset></html> 17、HTML <hr> 标签 <hr> 标签表示段落级元素之间的主题划分。例如,在下面的实例中我们对具有主题变化的内容使用了 <hr> 标签: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><h1>HTML</h1><p>HTML 是用于描述 web 页面的一种语言。</p><hr><h1>CSS</h1><p>CSS 定义如何显示 HTML 元素。</p></body></html> 18、HTML <h1> - <h6> 标签 <h1> - <h6> 标签用来定义 HTML 标题,表示了 HTML 网页中六个级别的标题。您可以通过下面的这个实例来看看每个级别的标题有什么区别: <!DOCTYPE html><html><head><meta charset="utf-8"><title>W3Cschool(w3cschool.cn)</title></head><body><h1>这是标题1</h1><h2>这是标题2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6></body></html> 19、HTML <center> 标签 - HTML 5 不支持 <center> 标签控制文本的居中显示,不能在 HTML5 中使用。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>这是一些文本。</p><center>这个文本居中对齐。</center><p>这是一些文本</p></body></html> 20、HTML <button> 标签 <button> 标签用来设置 HTML 中的按钮。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><button type="button" onclick="alert('Hello world!')">Click Me!</button></body></html> 21、HTML <br> 标签 <br> 标签是空标签,可插入一个简单的换行符。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>使用br元素<br>在文本中<br>换行。</p></body></html> 22、HTML <dt> 标签 <dt> 标签只能够作为 <dl> 标签的一个子元素出现,常常后跟一个 <dd> 标签。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><dl><dt>咖啡</dt><dd>黑色的热饮</dd><dt>牛奶</dt><dd>白色的冷饮</dd></dl></body></html> 23、HTML <fieldset> 标签 <fieldset> 标签内的一组表单元素会在 WEB 浏览器中以特殊的方式显示,比如不同样式的边界、3D效果等。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><form><fieldset><legend>个人信息:</legend>姓名: <input type="text"><br>邮箱: <input type="text"><br>生日: <input type="text"></fieldset></form></body></html> 24、HTML <embed> 标签 <embed> 标签用来定义在页面中嵌入的内容,比如插件。比如,在下面的实例中我们嵌入了一个 flash 动画: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><embed src="/statics/demosource/helloworld.swf" tppabs="http://W3Cschool.com/tags/helloworld.swf"></body></html> 25、HTML <font> 标签 - HTML5 不支持 <font> 标签的使用示例如下所示,该标签已经过时,因此我们不建议您使用该标签。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p><font size="3" color="red">这是一些文本!</font></p><p><font size="2" color="blue">这是一些文本!</font></p><p><font face="verdana" color="green">这是一些文本!</font></p></body></html> 26、HTML <label> 标签 <label> 标签是一种常见的表单控件,触发对应表单控件功能,让用户在使用表单的时候能够有更好的体验。参考下述的实例: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>点击其中一个文本标签选中选项:</p><form action="/statics/demosource/demo-form.php"><label for="male">Male</label><input type="radio" name="sex" id="male" value="male"><br><label for="female">Female</label><input type="radio" name="sex" id="female" value="female"><br><br><input type="submit" value="提交"></form></body></html> 记录一些重要标签! 本篇文章为转载内容。原文链接:https://blog.csdn.net/chehec2010/article/details/85060460。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-11 23:43:21
297
转载
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
Ctrl + R
- 在Bash shell中进行反向搜索历史命令。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"