主頁 > 前端設計 > Flume監控之Ganglia安裝與簡單實踐

Flume監控之Ganglia安裝與簡單實踐

2020-09-21 18:06:08 前端設計

寫在前面: 博主是一名大資料的初學者,昵稱來源于《愛麗絲夢游仙境》中的Alice和自己的昵稱,作為一名互聯網小白,寫博客一方面是為了記錄自己的學習歷程,一方面是希望能夠幫助到很多和自己一樣處于起步階段的萌新,由于水平有限,博客中難免會有一些錯誤,有紕漏之處懇請各位大佬不吝賜教!個人小站:http://alices.ibilibili.xyz/ , 博客主頁:https://alice.blog.csdn.net/
盡管當前水平可能不及各位大佬,但我還是希望自己能夠做得更好,因為一天的生活就是一生的縮影,我希望在最美的年華,做最好的自己

上一篇博客,小菌為大家介紹了在Flume中如何實作過濾器的效果👉大資料小白必知必會之Flume實作過濾器效果,相信大家在看后一定還有很多的疑惑,我們該如何監控到Flume在運行程序中的變化呢?不用擔心,本篇博客,我們就來學習一下,關于Flume的監控之Ganglia的安裝與簡單實踐

碼字不易,先贊后看!

在這里插入圖片描述

文章目錄

      • Flume 監控之 Ganglia
        • 1、Ganglia的安裝與部署
          • <1> 安裝httpd服務與php
          • <2> 安裝其他依賴
          • <3> 安裝ganglia
          • <4>修改組態檔
            • 1)、修改組態檔/etc/httpd/conf.d/ganglia.conf
            • 2)、修改組態檔/etc/ganglia/gmetad.conf
            • 3)、修改組態檔/etc/ganglia/gmond.conf
            • 4)、修改組態檔/etc/selinux/config
          • <5>啟動ganglia
          • <6>打開網頁瀏覽ganglia頁面
        • 2、操作Flume測驗監控
          • <1> 修改conf目錄下的flume-env.sh配置:
          • <2>啟動Flume任務
          • <3>發送資料觀察ganglia監測圖
      • 小結


Flume 監控之 Ganglia

1、Ganglia的安裝與部署

<1> 安裝httpd服務與php

sudo yum -y install httpd php

[root@node01 ~]# sudo yum -y install httpd php
已加載插件:fastestmirror, security
設定安裝行程
Determining fastest mirrors
 * base: mirrors.163.com
 * extras: mirrors.163.com
 * updates: mirrors.163.com
base                                                      | 3.7 kB     00:00
extras                                                    | 3.4 kB     00:00
extras/primary_db                                         |  29 kB     00:00
updates                                                   | 3.4 kB     00:00
updates/primary_db                                        |  11 MB     00:01
包 httpd-2.2.15-69.el6.centos.x86_64 已安裝并且是最新版本
解決依賴關系
--> 執行事務檢查
---> Package php.x86_64 0:5.3.3-50.el6_10 will be 安裝
--> 處理依賴關系 php-common(x86-64) = 5.3.3-50.el6_10,它被軟體包 php-5.3.3-50.e6_10.x86_64 需要
--> 處理依賴關系 php-cli(x86-64) = 5.3.3-50.el6_10,它被軟體包 php-5.3.3-50.el6_0.x86_64 需要
--> 執行事務檢查
---> Package php-cli.x86_64 0:5.3.3-50.el6_10 will be 安裝
---> Package php-common.x86_64 0:5.3.3-50.el6_10 will be 安裝
--> 完成依賴關系計算

依賴關系解決

================================================================================
 軟體包             架構           版本                    倉庫             大小
================================================================================
正在安裝:
 php                x86_64         5.3.3-50.el6_10         updates         1.1 M
為依賴而安裝:
 php-cli            x86_64         5.3.3-50.el6_10         updates         2.2 M
 php-common         x86_64         5.3.3-50.el6_10         updates         530 k

事務概要
================================================================================
Install       3 Package(s)

總下載量:3.8 M
Installed size: 13 M
下載軟體包:
(1/3): php-5.3.3-50.el6_10.x86_64.rpm                     | 1.1 MB     00:00
(2/3): php-cli-5.3.3-50.el6_10.x86_64.rpm                 | 2.2 MB     00:00
(3/3): php-common-5.3.3-50.el6_10.x86_64.rpm              | 530 kB     00:00
--------------------------------------------------------------------------------
總計                                             4.7 MB/s | 3.8 MB     00:00
運行 rpm_check_debug
執行事務測驗
事務測驗成功
執行事務
  正在安裝   : php-common-5.3.3-50.el6_10.x86_64                             1/3
  正在安裝   : php-cli-5.3.3-50.el6_10.x86_64                                2/3
  正在安裝   : php-5.3.3-50.el6_10.x86_64                                    3/3
  Verifying  : php-5.3.3-50.el6_10.x86_64                                    1/3
  Verifying  : php-cli-5.3.3-50.el6_10.x86_64                                2/3
  Verifying  : php-common-5.3.3-50.el6_10.x86_64                             3/3

已安裝:
  php.x86_64 0:5.3.3-50.el6_10

作為依賴被安裝:
  php-cli.x86_64 0:5.3.3-50.el6_10      php-common.x86_64 0:5.3.3-50.el6_10

完畢!

<2> 安裝其他依賴

sudo yum -y install rrdtool perl-rrdtool rrdtool-devel

[root@node01 ~]# sudo yum -y install rrdtool
已加載插件:fastestmirror, security
設定安裝行程
Loading mirror speeds from cached hostfile
 * base: mirrors.163.com
 * extras: mirrors.163.com
 * updates: mirrors.163.com
解決依賴關系
--> 執行事務檢查
---> Package rrdtool.x86_64 0:1.3.8-10.el6 will be 安裝
--> 處理依賴關系 dejavu-sans-mono-fonts,它被軟體包 rrdtool-1.3.8-10.el6.x86_64
--> 處理依賴關系 dejavu-lgc-sans-mono-fonts,它被軟體包 rrdtool-1.3.8-10.el6.x86
--> 執行事務檢查
---> Package dejavu-lgc-sans-mono-fonts.noarch 0:2.33-1.el6 will be 安裝
---> Package dejavu-sans-mono-fonts.noarch 0:2.33-1.el6 will be 安裝
--> 完成依賴關系計算

依賴關系解決

================================================================================
 軟體包                               架構             版本                    倉
================================================================================
正在安裝:
 rrdtool                              x86_64           1.3.8-10.el6            b
為依賴而安裝:
 dejavu-lgc-sans-mono-fonts           noarch           2.33-1.el6              b
 dejavu-sans-mono-fonts               noarch           2.33-1.el6              b

事務概要
================================================================================
Install       3 Package(s)

總下載量:1.1 M
Installed size: 2.7 M
下載軟體包:
(1/3): dejavu-lgc-sans-mono-fonts-2.33-1.el6.noarch.rpm                      | 3
(2/3): dejavu-sans-mono-fonts-2.33-1.el6.noarch.rpm                          | 4
(3/3): rrdtool-1.3.8-10.el6.x86_64.rpm                                       | 2
--------------------------------------------------------------------------------
總計                                                                1.6 MB/s | 1
運行 rpm_check_debug
執行事務測驗
事務測驗成功
執行事務
  正在安裝   : dejavu-lgc-sans-mono-fonts-2.33-1.el6.noarch
  正在安裝   : dejavu-sans-mono-fonts-2.33-1.el6.noarch
  正在安裝   : rrdtool-1.3.8-10.el6.x86_64
  Verifying  : dejavu-sans-mono-fonts-2.33-1.el6.noarch
  Verifying  : rrdtool-1.3.8-10.el6.x86_64
  Verifying  : dejavu-lgc-sans-mono-fonts-2.33-1.el6.noarch

已安裝:
  rrdtool.x86_64 0:1.3.8-10.el6

作為依賴被安裝:
  dejavu-lgc-sans-mono-fonts.noarch 0:2.33-1.el6     dejavu-sans-mono-fonts.noar

完畢!

sudo yum -y install apr-devel

[root@node01 ~]# sudo yum -y install apr-devel
已加載插件:fastestmirror, security
設定安裝行程
Loading mirror speeds from cached hostfile
 * base: mirrors.163.com
 * extras: mirrors.163.com
 * updates: mirrors.163.com
解決依賴關系
--> 執行事務檢查
---> Package apr-devel.x86_64 0:1.3.9-5.el6_9.1 will be 安裝
--> 完成依賴關系計算

依賴關系解決

================================================================================
 軟體包                 架構                版本                            倉庫
================================================================================
正在安裝:
 apr-devel              x86_64              1.3.9-5.el6_9.1                 base

事務概要
================================================================================
Install       1 Package(s)

總下載量:176 k
Installed size: 717 k
下載軟體包:
apr-devel-1.3.9-5.el6_9.1.x86_64.rpm                                         | 1
運行 rpm_check_debug
執行事務測驗
事務測驗成功
執行事務
  正在安裝   : apr-devel-1.3.9-5.el6_9.1.x86_64
  Verifying  : apr-devel-1.3.9-5.el6_9.1.x86_64

已安裝:
  apr-devel.x86_64 0:1.3.9-5.el6_9.1

完畢!

<3> 安裝ganglia

sudo rpm -Uvh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm

[root@node01 ~]# sudo rpm -Uvh http://dl.fedoraproject.org/pub/epel/6/x86_64/epe.rpm
Retrieving http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch
warning: /var/tmp/rpm-tmp.jfeJoR: Header V3 RSA/SHA256 Signature, key ID 0608b89
Preparing...                ########################################### [100%]
   1:epel-release           ########################################### [100%]

sudo yum -y install ganglia-gmetad

[root@node01 ~]# sudo yum -y install ganglia-gmetad
已加載插件:fastestmirror, security
設定安裝行程
Loading mirror speeds from cached hostfile
epel/metalink                                              | 7.9 kB     00:00
 * base: mirrors.163.com
 * epel: mirrors.tuna.tsinghua.edu.cn
 * extras: mirrors.163.com
 * updates: mirrors.163.com
epel                                                       | 4.7 kB     00:00
epel/primary_db                                            | 6.1 MB     00:04
解決依賴關系
--> 執行事務檢查
---> Package ganglia-gmetad.x86_64 0:3.7.2-2.el6 will be 安裝
--> 處理依賴關系 ganglia = 3.7.2-2.el6,它被軟體包 ganglia-gmetad-3.7.2-2.el6.x864 需要
--> 處理依賴關系 libconfuse.so.0()(64bit),它被軟體包 ganglia-gmetad-3.7.2-2.el686_64 需要
--> 處理依賴關系 libganglia.so.0()(64bit),它被軟體包 ganglia-gmetad-3.7.2-2.el686_64 需要
--> 執行事務檢查
---> Package ganglia.x86_64 0:3.7.2-2.el6 will be 安裝
---> Package libconfuse.x86_64 0:2.7-4.el6 will be 安裝
--> 完成依賴關系計算

依賴關系解決

================================================================================
 軟體包                  架構            版本                 倉庫           大小
================================================================================
正在安裝:
 ganglia-gmetad          x86_64          3.7.2-2.el6          epel           52
為依賴而安裝:
 ganglia                 x86_64          3.7.2-2.el6          epel           88
 libconfuse              x86_64          2.7-4.el6            epel           79

事務概要
================================================================================
Install       3 Package(s)

總下載量:220 k
Installed size: 926 k
下載軟體包:
(1/3): ganglia-3.7.2-2.el6.x86_64.rpm                      |  88 kB     00:00
(2/3): ganglia-gmetad-3.7.2-2.el6.x86_64.rpm               |  52 kB     00:00
(3/3): libconfuse-2.7-4.el6.x86_64.rpm                     |  79 kB     00:00
--------------------------------------------------------------------------------
總計                                              905 kB/s | 220 kB     00:00
warning: rpmts_HdrFromFdno: Header V3 RSA/SHA256 Signature, key ID 0608b895: NOK
Retrieving key from file:///etc/pki/rpm-gpg/RPM-GPG-KEY-EPEL-6
Importing GPG key 0x0608B895:
 Userid : EPEL (6) <epel@fedoraproject.org>
 Package: epel-release-6-8.noarch (installed)
 From   : /etc/pki/rpm-gpg/RPM-GPG-KEY-EPEL-6
運行 rpm_check_debug
執行事務測驗
事務測驗成功
執行事務
Warning: RPMDB altered outside of yum.
  正在安裝   : libconfuse-2.7-4.el6.x86_64                                    1/
  正在安裝   : ganglia-3.7.2-2.el6.x86_64                                     2/
  正在安裝   : ganglia-gmetad-3.7.2-2.el6.x86_64                              3/
  Verifying  : ganglia-gmetad-3.7.2-2.el6.x86_64                              1/
  Verifying  : ganglia-3.7.2-2.el6.x86_64                                     2/
  Verifying  : libconfuse-2.7-4.el6.x86_64                                    3/

已安裝:
  ganglia-gmetad.x86_64 0:3.7.2-2.el6

作為依賴被安裝:
  ganglia.x86_64 0:3.7.2-2.el6            libconfuse.x86_64 0:2.7-4.el6

完畢!

sudo yum -y install ganglia-web

[root@node01 ~]# sudo yum -y install ganglia-web
已加載插件:fastestmirror, security
設定安裝行程
Loading mirror speeds from cached hostfile
 * base: mirrors.163.com
 * epel: mirrors.tuna.tsinghua.edu.cn
 * extras: mirrors.163.com
 * updates: mirrors.163.com
解決依賴關系
--> 執行事務檢查
---> Package ganglia-web.x86_64 0:3.7.1-2.el6 will be 安裝
--> 處理依賴關系 php-ZendFramework,它被軟體包 ganglia-web-3.7.1-2.el6.x86_64 需
--> 處理依賴關系 php-gd,它被軟體包 ganglia-web-3.7.1-2.el6.x86_64 需要
--> 執行事務檢查
---> Package php-ZendFramework.noarch 0:1.12.20-1.el6 will be 安裝
--> 處理依賴關系 php-bcmath,它被軟體包 php-ZendFramework-1.12.20-1.el6.noarch 要
--> 處理依賴關系 php-process,它被軟體包 php-ZendFramework-1.12.20-1.el6.noarch 要
--> 處理依賴關系 php-xml,它被軟體包 php-ZendFramework-1.12.20-1.el6.noarch 需要
---> Package php-gd.x86_64 0:5.3.3-50.el6_10 will be 安裝
--> 處理依賴關系 libXpm.so.4()(64bit),它被軟體包 php-gd-5.3.3-50.el6_10.x86_64 要
--> 執行事務檢查
---> Package libXpm.x86_64 0:3.5.10-2.el6 will be 安裝
---> Package php-bcmath.x86_64 0:5.3.3-50.el6_10 will be 安裝
---> Package php-process.x86_64 0:5.3.3-50.el6_10 will be 安裝
---> Package php-xml.x86_64 0:5.3.3-50.el6_10 will be 安裝
--> 完成依賴關系計算

依賴關系解決

================================================================================
 軟體包                  架構         版本                    倉庫           大小
================================================================================
正在安裝:
 ganglia-web             x86_64       3.7.1-2.el6             epel          782
為依賴而安裝:
 libXpm                  x86_64       3.5.10-2.el6            base           51
 php-ZendFramework       noarch       1.12.20-1.el6           epel          4.1
 php-bcmath              x86_64       5.3.3-50.el6_10         updates        40
 php-gd                  x86_64       5.3.3-50.el6_10         updates       112
 php-process             x86_64       5.3.3-50.el6_10         updates        44
 php-xml                 x86_64       5.3.3-50.el6_10         updates       108

事務概要
================================================================================
Install       7 Package(s)

總下載量:5.2 M
Installed size: 38 M
下載軟體包:
(1/7): ganglia-web-3.7.1-2.el6.x86_64.rpm                  | 782 kB     00:00
(2/7): libXpm-3.5.10-2.el6.x86_64.rpm                      |  51 kB     00:00
(3/7): php-ZendFramework-1.12.20-1.el6.noarch.rpm          | 4.1 MB     00:00
(4/7): php-bcmath-5.3.3-50.el6_10.x86_64.rpm               |  40 kB     00:00
(5/7): php-gd-5.3.3-50.el6_10.x86_64.rpm                   | 112 kB     00:00
(6/7): php-process-5.3.3-50.el6_10.x86_64.rpm              |  44 kB     00:00
(7/7): php-xml-5.3.3-50.el6_10.x86_64.rpm                  | 108 kB     00:00
--------------------------------------------------------------------------------
總計                                              2.6 MB/s | 5.2 MB     00:01
運行 rpm_check_debug
執行事務測驗
事務測驗成功
執行事務
  正在安裝   : php-process-5.3.3-50.el6_10.x86_64                             1/
  正在安裝   : libXpm-3.5.10-2.el6.x86_64                                     2/
  正在安裝   : php-gd-5.3.3-50.el6_10.x86_64                                  3/
  正在安裝   : php-bcmath-5.3.3-50.el6_10.x86_64                              4/
  正在安裝   : php-xml-5.3.3-50.el6_10.x86_64                                 5/
  正在安裝   : php-ZendFramework-1.12.20-1.el6.noarch                         6/
  正在安裝   : ganglia-web-3.7.1-2.el6.x86_64                                 7/
  Verifying  : php-xml-5.3.3-50.el6_10.x86_64                                 1/
  Verifying  : ganglia-web-3.7.1-2.el6.x86_64                                 2/
  Verifying  : php-bcmath-5.3.3-50.el6_10.x86_64                              3/
  Verifying  : libXpm-3.5.10-2.el6.x86_64                                     4/
  Verifying  : php-process-5.3.3-50.el6_10.x86_64                             5/
  Verifying  : php-gd-5.3.3-50.el6_10.x86_64                                  6/
  Verifying  : php-ZendFramework-1.12.20-1.el6.noarch                         7/

已安裝:
  ganglia-web.x86_64 0:3.7.1-2.el6

作為依賴被安裝:
  libXpm.x86_64 0:3.5.10-2.el6          php-ZendFramework.noarch 0:1.12.20-1.el6
  php-bcmath.x86_64 0:5.3.3-50.el6_10   php-gd.x86_64 0:5.3.3-50.el6_10
  php-process.x86_64 0:5.3.3-50.el6_10  php-xml.x86_64 0:5.3.3-50.el6_10

完畢!

sudo yum install -y ganglia-gmond

[root@node01 ~]# sudo yum install -y ganglia-gmond
已加載插件:fastestmirror, security
設定安裝行程
Loading mirror speeds from cached hostfile
 * base: mirrors.163.com
 * epel: mirrors.tuna.tsinghua.edu.cn
 * extras: mirrors.163.com
 * updates: mirrors.163.com
解決依賴關系
--> 執行事務檢查
---> Package ganglia-gmond.x86_64 0:3.7.2-2.el6 will be 安裝
--> 完成依賴關系計算

依賴關系解決

================================================================================
 軟體包                 架構            版本                  倉庫           大小
================================================================================
正在安裝:
 ganglia-gmond          x86_64          3.7.2-2.el6           epel           78

事務概要
================================================================================
Install       1 Package(s)

總下載量:78 k
Installed size: 178 k
下載軟體包:
ganglia-gmond-3.7.2-2.el6.x86_64.rpm                       |  78 kB     00:00
運行 rpm_check_debug
執行事務測驗
事務測驗成功
執行事務
  正在安裝   : ganglia-gmond-3.7.2-2.el6.x86_64                               1/
  Verifying  : ganglia-gmond-3.7.2-2.el6.x86_64                               1/

已安裝:
  ganglia-gmond.x86_64 0:3.7.2-2.el6

完畢!

其中,Ganglia由gmond、gmetad 和 gweb三部分組成,

gmond(Ganglia Monitoring Daemon)是一種輕量級服務,安裝在每臺需要收集指標資料的節點主機上,使用gmond,你可以很容易收集很多系統指標資料,如CPU、記憶體、磁盤、網路和活躍行程的資料等,

gmetad(Ganglia Meta Daemon)整合所有資訊,并將其以RRD格式存盤至磁盤的服務,

gweb(Ganglia Web)Ganglia可視化工具,gweb是一種利用瀏覽器顯示gmetad所存盤資料的PHP前端,在Web界面中以圖表方式展現集群的運行狀態下收集的多種不同指標資料,

<4>修改組態檔
1)、修改組態檔/etc/httpd/conf.d/ganglia.conf

sudo vim /etc/httpd/conf.d/ganglia.conf

修改為紅顏色的配置:

# Ganglia monitoring system php web frontend
Alias /ganglia /usr/share/ganglia
<Location /ganglia>
Order deny,allow
#Deny from all
Allow from all
#Allow from 127.0.0.1
#Allow from ::1

#Allow from .example.com

2)、修改組態檔/etc/ganglia/gmetad.conf

sudo vim /etc/ganglia/gmetad.conf

修改為:

data_source “node01” 192.168.100.100

3)、修改組態檔/etc/ganglia/gmond.conf

sudo vim /etc/ganglia/gmond.conf

修改為:

cluster {
name = “hadoop102”
owner = “unspecified”
latlong = “unspecified”
url = “unspecified”
}
udp_send_channel {
#bind_hostname = yes # Highly recommended, soon to be default.
# This option tells gmond to use a source address
# that resolves to the machine’s hostname. Without
# this, the metrics may appear to come from any
# interface and the DNS names associated with
# those IPs will be used to create the RRDs.
#mcast_join = 239.2.11.71
host = 192.168.100.100
port = 8649
ttl = 1
}
udp_recv_channel {
# mcast_join = 239.2.11.71
port = 8649
bind = 192.168.100.100
retry_bind = true
#Size of the UDP buffer. If you are handling lots of metrics you really
#should bump it up to e.g. 10MB or even higher.
#buffer = 10485760
}

4)、修改組態檔/etc/selinux/config

sudo vim /etc/selinux/config

修改為:

# This file controls the state of SELinux on the system.
#SELINUX= can take one of these three values:
#enforcing - SELinux security policy is enforced.
#permissive - SELinux prints warnings instead of enforcing.
#disabled - No SELinux policy is loaded.
SELINUX=disabled
#SELINUXTYPE= can take one of these two values:
#targeted - Targeted processes are protected,
#mls - Multi Level Security protection.
SELINUXTYPE=targeted

提示:

selinux本次生效關閉必須重啟,如果此時不想重啟,可以臨時生效之:

sudo setenforce 0

<5>啟動ganglia

sudo service httpd start

sudo service gmetad start

sudo service gmond start

<6>打開網頁瀏覽ganglia頁面

http://192.168.100.100/ganglia

一切都正常的情況下,可以看到類似的頁面,

在這里插入圖片描述

提示:如果完成以上操作依然出現權限不足錯誤,請修改/var/lib/ganglia目錄的權限:

sudo chmod -R 777 /var/lib/ganglia

2、操作Flume測驗監控

<1> 修改conf目錄下的flume-env.sh配置:
JAVA_OPTS="-Dflume.monitoring.type=ganglia
-Dflume.monitoring.hosts=192.168.1.102:8649
-Xms100m
-Xmx200m"
<2>啟動Flume任務
[root@node01 conf]# bin/flume-ng agent --conf conf/ --name a1 --conf-file conf/netcat-logger.conf -Dflume.root.logger==INFO,console -Dflume.monitoring.type=ganglia -Dflume.monitoring.hosts=192.168.100.100:8649
<3>發送資料觀察ganglia監測圖
[root@node01 ~]# nc node01  44444

在Web頁面,我們選擇監控的節點

在這里插入圖片描述

往下翻,我們可以看見這樣的一個監控畫面

在這里插入圖片描述
圖例說明:

欄位(圖表名稱)欄位含義
EventPutAttemptCountsource嘗試寫入channel的事件總數量
EventPutSuccessCount成功寫入channel且提交的事件總數量
EventTakeAttemptCountsink嘗試從channel拉取事件的總數量,這不意味著每次事件都被回傳,因為sink拉取的時候channel可能沒有任何資料
EventTakeSuccessCountsink成功讀取的事件的總數量
StartTimechannel啟動的時間(毫秒)
StopTimechannel停止的時間(毫秒)
ChannelSize目前channel中事件的總數量
ChannelFillPercentagechannel占用百分比
ChannelCapacitychannel的容量

小結

關于Ganglia更多的演示說明就不過多敘述了,感興趣的朋友們可以去http://ganglia.info/了解更多~

受益的朋友或對大資料技術感興趣的伙伴記得點贊關注支持一波🙏

希望我們都能在學習的道路上越走越遠😉
在這里插入圖片描述

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/98819.html

標籤:其他

上一篇:四面阿里,三面百度,成功斬獲阿里offer!分享下經驗總結和面試問題(Java崗)

下一篇:Java學習路線從入門到入土

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more