主頁 > 前端設計 > 鏈家租房-深圳租房分析(2/2)資料分析

鏈家租房-深圳租房分析(2/2)資料分析

2020-09-13 04:29:07 前端設計

深圳租房分析(2/2)資料分析

  • 1、資料處理分析準備
    • 1.1、匯入資料
    • 1.2、處理重復值
    • 1.3、資料型別轉換
  • 2、房源數量,位置分布分析
    • 2.1、各城區房源數量對比(橫柱狀圖)
    • 2.2、各戶型數量分析(橫柱狀圖)
    • 2.3、各個城區平均租金(柱狀圖和折線圖)
    • 2.4、面積區間分析(餅狀圖)
    • 2.5、朝向對于價格影響(柱狀圖和折線圖)
  • 3、結語

資料來源鏈家租房網站,隨機爬蟲了5000多資料,洗掉了資訊相同的一部分資訊,余下的會從五個維度進行分析!

  • 01各個城區房源數量對比(橫柱狀圖)
  • 02各種戶型之間數量對比(橫柱狀圖)(洗掉了部分數量太少的戶型)
  • 03各個城區租金對比(柱狀圖和折線統計圖)
  • 04面積區間分布圖(餅狀圖)
  • 05房屋朝向不同的房屋價格對比(柱狀圖和折線統計圖)
# 導包
import pandas as pd
import matplotlib.pyplot as plt
import numpy as np
import seaborn as sns

處理中文字符無法正常顯示

from pylab import mpl
# 設定顯示中文字體
mpl.rcParams["font.sans-serif"] = ["SimHei"]
# 設定正常顯示符號
mpl.rcParams["axes.unicode_minus"] = False

1、資料處理分析準備

1.1、匯入資料

data = pd.read_csv("./shenzhenlianjia.csv", encoding='gbk')
data
城區小區面積房間格局方向價格
0大鵬新區承翰半山海36㎡1室1廳1衛東南1500
1大鵬新區承翰半山海36㎡1室1廳1衛西北1800
2大鵬新區承翰半山海36㎡1室1廳1衛1800
3大鵬新區承翰半山海36㎡1室1廳1衛東南1800
4大鵬新區承翰半山海36㎡1室1廳1衛東南1800
.....................
4320福田區特區報社宿舍樓14㎡5室1廳2衛西2390
4321南山區佳兆業前海廣場一期88㎡4室2廳1衛東南9500
4322福田區錦林新居17㎡3室1廳1衛2560
4323福田區眾孚大廈7㎡4室1廳2衛東南1790
4324龍崗區東方半島花園A區13㎡4室1廳2衛西北1660

4325 rows × 6 columns

1.2、處理重復值

# 檢測重復資料,
data.duplicated()
data.shape
(4325, 6)
data = data.drop_duplicates()
data = data[data['城區'] != '城區']
data
城區小區面積房間格局方向價格
0大鵬新區承翰半山海36㎡1室1廳1衛東南1500
1大鵬新區承翰半山海36㎡1室1廳1衛西北1800
2大鵬新區承翰半山海36㎡1室1廳1衛1800
3大鵬新區承翰半山海36㎡1室1廳1衛東南1800
6大鵬新區承翰半山海36㎡1室1廳1衛2000
.....................
4320福田區特區報社宿舍樓14㎡5室1廳2衛西2390
4321南山區佳兆業前海廣場一期88㎡4室2廳1衛東南9500
4322福田區錦林新居17㎡3室1廳1衛2560
4323福田區眾孚大廈7㎡4室1廳2衛東南1790
4324龍崗區東方半島花園A區13㎡4室1廳2衛西北1660

2762 rows × 6 columns

data.shape
(2762, 6)

1.3、資料型別轉換

# 把面積轉化為陣列int
data_area_new = np.array([])
data_area = data['面積'].values
data_area
data
城區小區面積房間格局方向價格
0大鵬新區承翰半山海36㎡1室1廳1衛東南1500
1大鵬新區承翰半山海36㎡1室1廳1衛西北1800
2大鵬新區承翰半山海36㎡1室1廳1衛1800
3大鵬新區承翰半山海36㎡1室1廳1衛東南1800
6大鵬新區承翰半山海36㎡1室1廳1衛2000
.....................
4320福田區特區報社宿舍樓14㎡5室1廳2衛西2390
4321南山區佳兆業前海廣場一期88㎡4室2廳1衛東南9500
4322福田區錦林新居17㎡3室1廳1衛2560
4323福田區眾孚大廈7㎡4室1廳2衛東南1790
4324龍崗區東方半島花園A區13㎡4室1廳2衛西北1660

2762 rows × 6 columns

for i in data_area:
    data_area_new = np.append(data_area_new, np.array(i[:-1]))
data_area_new = data_area_new.astype(np.float64)
data.loc[:, '面積'] = data_area_new
dataprice = data['價格'].astype(np.float64)
data.loc[:, '價格'] = dataprice
data
城區小區面積房間格局方向價格
0大鵬新區承翰半山海36.01室1廳1衛東南1500.0
1大鵬新區承翰半山海36.01室1廳1衛西北1800.0
2大鵬新區承翰半山海36.01室1廳1衛1800.0
3大鵬新區承翰半山海36.01室1廳1衛東南1800.0
6大鵬新區承翰半山海36.01室1廳1衛2000.0
.....................
4320福田區特區報社宿舍樓14.05室1廳2衛西2390.0
4321南山區佳兆業前海廣場一期88.04室2廳1衛東南9500.0
4322福田區錦林新居17.03室1廳1衛2560.0
4323福田區眾孚大廈7.04室1廳2衛東南1790.0
4324龍崗區東方半島花園A區13.04室1廳2衛西北1660.0

2762 rows × 6 columns

2、房源數量,位置分布分析

2.1、各城區房源數量對比(橫柱狀圖)

# 一共有10個城區
num = data['城區'].nunique()
num
10
# 城區串列
area_df = pd.DataFrame({'城區': data['城區'].unique(), '數量': [0]*num})
area_df
城區數量
0大鵬新區0
1龍崗區0
2鹽田區0
3南山區0
4坪山區0
5龍華區0
6寶安區0
7羅湖區0
8光明區0
9福田區0
grouparea = data.groupby(by='城區').count()
grouparea
小區面積房間格局方向價格
城區
光明區2222222222
南山區458458458458458
坪山區5050505050
大鵬新區7171717171
寶安區288288288288288
鹽田區6666666666
福田區570570570570570
羅湖區428428428428428
龍華區245245245245245
龍崗區564564564564564
area_df['數量'] = grouparea.values
area_df
城區數量
0大鵬新區22
1龍崗區458
2鹽田區50
3南山區71
4坪山區288
5龍華區66
6寶安區570
7羅湖區428
8光明區245
9福田區564
area_df.sort_values(by='數量', ascending=False)
城區數量
6寶安區570
9福田區564
1龍崗區458
7羅湖區428
4坪山區288
8光明區245
3南山區71
5龍華區66
2鹽田區50
0大鵬新區22
# 可視化展示
distance_type = area_df['城區']
num_type = area_df['數量']

plt.figure(figsize=(20, 13), dpi=100)
plt.barh(range(10), num_type, height=0.7)
# 替換標簽
plt.yticks(range(10), distance_type)


# x坐標延長
plt.xlim(0, 600)
plt.xlabel('數量')
plt.ylabel('城區')
plt.title('深圳市各城區租房數量')

# 顯示數量
for x, y in enumerate(num_type):
    plt.text(y+0.5, x, '%s' % y)
plt.show()

在這里插入圖片描述

2.2、各戶型數量分析(橫柱狀圖)

這里的戶型太多了,有些戶型太少,所以進行了取舍,舍棄戶型數量小于的50的,只需要分析戶型大于50的!

num = data['房間格局'].nunique()
num
52
room_df = pd.DataFrame({'房間格局': data['房間格局'].unique(), '數量': [0]*num})
room_df
房間格局數量
01室1廳1衛0
11室0廳1衛0
22室2廳1衛0
32室1廳1衛0
43室2廳1衛0
53室2廳2衛0
64室2廳2衛0
73室1廳3衛0
83室1廳2衛0
98室2廳5衛0
105室2廳5衛0
115室3廳5衛0
123室1廳1衛0
136室2廳4衛0
146室2廳3衛0
152室2廳2衛0
163室2廳3衛0
171室1廳2衛0
184室2廳4衛0
194室1廳1衛0
204室1廳2衛0
214室3廳4衛0
225室1廳2衛0
231室0廳0衛0
243室0廳4衛0
255室0廳1衛0
265室1廳1衛0
271室0廳2衛0
285室0廳5衛0
295室0廳4衛0
301室1廳0衛0
315室1廳3衛0
322室1廳2衛0
335室2廳4衛0
341室2廳1衛0
355室1廳4衛0
365室0廳2衛0
372室0廳1衛0
384室0廳1衛0
392室1廳0衛0
404室1廳3衛0
414室2廳1衛0
425室1廳5衛0
435室0廳3衛0
44未知室1廳1衛0
45未知室0廳0衛0
465室2廳2衛0
472室0廳2衛0
486室1廳3衛0
494室0廳4衛0
502室2廳3衛0
516室2廳2衛0
grouproom = data.groupby(by='房間格局').count()
grouproom
城區小區面積方向價格
房間格局
1室0廳0衛2121212121
1室0廳1衛453453453453453
1室0廳2衛11111
1室1廳0衛66666
1室1廳1衛521521521521521
1室1廳2衛22222
1室2廳1衛55555
2室0廳1衛66666
2室0廳2衛11111
2室1廳0衛11111
2室1廳1衛366366366366366
2室1廳2衛55555
2室2廳1衛106106106106106
2室2廳2衛1313131313
2室2廳3衛11111
3室0廳4衛11111
3室1廳1衛213213213213213
3室1廳2衛5858585858
3室1廳3衛33333
3室2廳1衛109109109109109
3室2廳2衛7676767676
3室2廳3衛11111
4室0廳1衛66666
4室0廳4衛11111
4室1廳1衛278278278278278
4室1廳2衛196196196196196
4室1廳3衛33333
4室2廳1衛55555
4室2廳2衛3131313131
4室2廳4衛33333
4室3廳4衛11111
5室0廳1衛88888
5室0廳2衛22222
5室0廳3衛33333
5室0廳4衛44444
5室0廳5衛1818181818
5室1廳1衛4747474747
5室1廳2衛156156156156156
5室1廳3衛1313131313
5室1廳4衛22222
5室1廳5衛33333
5室2廳2衛22222
5室2廳4衛11111
5室2廳5衛22222
5室3廳5衛11111
6室1廳3衛11111
6室2廳2衛11111
6室2廳3衛11111
6室2廳4衛11111
8室2廳5衛11111
未知室0廳0衛11111
未知室1廳1衛11111
room_df['數量'] = grouproom.values
room_df
房間格局數量
01室1廳1衛21
11室0廳1衛453
22室2廳1衛1
32室1廳1衛6
43室2廳1衛521
53室2廳2衛2
64室2廳2衛5
73室1廳3衛6
83室1廳2衛1
98室2廳5衛1
105室2廳5衛366
115室3廳5衛5
123室1廳1衛106
136室2廳4衛13
146室2廳3衛1
152室2廳2衛1
163室2廳3衛213
171室1廳2衛58
184室2廳4衛3
194室1廳1衛109
204室1廳2衛76
214室3廳4衛1
225室1廳2衛6
231室0廳0衛1
243室0廳4衛278
255室0廳1衛196
265室1廳1衛3
271室0廳2衛5
285室0廳5衛31
295室0廳4衛3
301室1廳0衛1
315室1廳3衛8
322室1廳2衛2
335室2廳4衛3
341室2廳1衛4
355室1廳4衛18
365室0廳2衛47
372室0廳1衛156
384室0廳1衛13
392室1廳0衛2
404室1廳3衛3
414室2廳1衛2
425室1廳5衛1
435室0廳3衛2
44未知室1廳1衛1
45未知室0廳0衛1
465室2廳2衛1
472室0廳2衛1
486室1廳3衛1
494室0廳4衛1
502室2廳3衛1
516室2廳2衛1
room_df = room_df[room_df['數量'] > 50]
room_df
房間格局數量
11室0廳1衛453
43室2廳1衛521
105室2廳5衛366
123室1廳1衛106
163室2廳3衛213
171室1廳2衛58
194室1廳1衛109
204室1廳2衛76
243室0廳4衛278
255室0廳1衛196
372室0廳1衛156
num = room_df.shape[0]
num
11
house_type = room_df['房間格局']
num_type = room_df['數量']

# 繪圖
plt.figure(figsize=(20, 13), dpi=100)
plt.barh(range(num), num_type, height=0.7)
# 替換標簽
plt.yticks(range(num), house_type)

# 延長x軸
plt.xlim(0, 550)

plt.xlabel('數量')
plt.ylabel('房間型別')
plt.title('深圳市租房主要戶型')
for x, y in enumerate(num_type):
    plt.text(y, x, '%s' % y)

plt.show()

在這里插入圖片描述

2.3、各個城區平均租金(柱狀圖和折線圖)

mean_df = pd.DataFrame(
    {'城區': data['城區'].unique(), '房租總金額': [0]*10, '總面積': [0]*10})
mean_df
城區房租總金額總面積
0大鵬新區00
1龍崗區00
2鹽田區00
3南山區00
4坪山區00
5龍華區00
6寶安區00
7羅湖區00
8光明區00
9福田區00
# 總價格
sum_price = data['價格'].groupby(data['城區']).sum()
sum_price
城區
光明區       87100.0
南山區     1786082.0
坪山區      135056.0
大鵬新區     318690.0
寶安區      992655.0
鹽田區      222521.0
福田區     1812617.0
羅湖區     1320652.0
龍華區      731725.0
龍崗區     1510020.0
Name: 價格, dtype: float64
# 總面積
sum_area = data['面積'].groupby(data['城區']).sum()
sum_area
城區
光明區      1821.0
南山區     13555.0
坪山區      3422.0
大鵬新區     5664.0
寶安區     14348.0
鹽田區      4017.0
福田區     15982.0
羅湖區     14374.0
龍華區     11286.0
龍崗區     28506.0
Name: 面積, dtype: float64
mean_df['總面積'] = sum_area.values
mean_df['房租總金額'] = sum_price.values
mean_df
城區房租總金額總面積
0大鵬新區87100.01821.0
1龍崗區1786082.013555.0
2鹽田區135056.03422.0
3南山區318690.05664.0
4坪山區992655.014348.0
5龍華區222521.04017.0
6寶安區1812617.015982.0
7羅湖區1320652.014374.0
8光明區731725.011286.0
9福田區1510020.028506.0
mean_df['每平米租金(元)'] = round(mean_df['房租總金額']/mean_df['總面積'], 2)
mean_df
城區房租總金額總面積每平米租金(元)
0大鵬新區87100.01821.047.83
1龍崗區1786082.013555.0131.77
2鹽田區135056.03422.039.47
3南山區318690.05664.056.27
4坪山區992655.014348.069.18
5龍華區222521.04017.055.39
6寶安區1812617.015982.0113.42
7羅湖區1320652.014374.091.88
8光明區731725.011286.064.83
9福田區1510020.028506.052.97
# 合并城區數量表
df_merge = pd.merge(area_df, mean_df)
df_merge
城區數量房租總金額總面積每平米租金(元)
0大鵬新區2287100.01821.047.83
1龍崗區4581786082.013555.0131.77
2鹽田區50135056.03422.039.47
3南山區71318690.05664.056.27
4坪山區288992655.014348.069.18
5龍華區66222521.04017.055.39
6寶安區5701812617.015982.0113.42
7羅湖區4281320652.014374.091.88
8光明區245731725.011286.064.83
9福田區5641510020.028506.052.97
# 可視化
num = df_merge['數量']
price = df_merge['每平米租金(元)']
l = [i for i in range(10)]
lx = df_merge['城區']

fig = plt.figure(figsize=(15, 10), dpi=100)

# 顯示折線圖
ax1 = fig.add_subplot(111)
ax1.plot(l, price, 'or-', label='價格')
for i, (_x, _y) in enumerate(zip(l, price)):
    plt.text(_x+0.1, _y, price[i])
ax1.set_ylim([0, 160])
ax1.set_ylabel('價格/平米')
plt.legend(loc='upper left')

# 繪制條形圖
ax2 = ax1.twinx()
plt.bar(l, num, alpha=0.3, color='green', label='數量')
ax2.set_ylabel('數量')
plt.legend(loc='upper right')
plt.xticks(l, lx)
# for x,y in enumerate(num):
#     plt.text(y,x,'%2f'%y)

plt.title('深圳市各區租房數量與價格')
plt.show()

在這里插入圖片描述

2.4、面積區間分析(餅狀圖)

# 查看房屋最貴,最便宜
print('房屋最貴是{}元每月'.format(data['價格'].max()))
print('房屋最便宜是{}元每月'.format(data['價格'].min()))
房屋最貴是180000.0元每月
房屋最便宜是950.0元每月
# 查看房屋的最大面積和最小面積
print('房屋最大面積是{}平方米'.format(data['面積'].max()))
print('房屋最小面積是{}平方米'.format(data['面積'].min()))
房屋最大面積是830.0平方米
房屋最小面積是5.0平方米
# 面積區間劃分
area_divide = [0, 8, 15, 25, 40, 55, 70, 90, 120, 850]
area_cut = pd.cut(list(data['面積']), area_divide)
area_cut_data = area_cut.describe()
area_cut_data
countsfreqs
categories
(0, 8]3120.112962
(8, 15]5050.182839
(15, 25]2070.074946
(25, 40]5830.211079
(40, 55]4180.151340
(55, 70]2270.082187
(70, 90]3820.138306
(90, 120]950.034395
(120, 850]330.011948
# 資料可視化,使用餅狀圖
area_percentage = (area_cut_data['freqs'].values)*100
area_percentage
array([11.2961622 , 18.28385228,  7.49456915, 21.10789283, 15.1339609 ,
        8.21868211, 13.83055757,  3.43953657,  1.19478639])
labels = ['8平米以下', '8-15平米', '15-25平米', '25-40平米', '40-55平米', '55-70平米', '70-90平米',
          '90-120平米', '120平米以上']
plt.figure(figsize=(20, 10), dpi=100)
# 顯示的是圓形,如果不加,是橢圓形
plt.axes(aspect=1)
plt.pie(x=area_percentage, labels=labels, autopct='%.2f %%', shadow=True)
plt.legend(loc='best')
plt.title('深圳市租房面積區間統計圖')
plt.show
<function matplotlib.pyplot.show(*args, **kw)>

在這里插入圖片描述

2.5、朝向對于價格影響(柱狀圖和折線圖)

face_df_value = data['方向'].unique()
face_df_value
array(['東南', '西北', '南', '西', '西南', '東', '北', '東北'], dtype=object)
face_df = pd.DataFrame({'方向': data['方向'].unique(), '數量': [
                       0]*face_df_value.shape[0], '總價格': [0]*face_df_value.shape[0], '總面積': [0]*face_df_value.shape[0]})
face_df
方向數量總價格總面積
0東南000
1西北000
2000
3西000
4西南000
5000
6000
7東北000
num_sum = data.groupby(by=data['方向']).count()
num_sum
城區小區面積房間格局價格
方向
266266266266266
東北8383838383
東南590590590590590
406406406406406
10101010101010101010
西139139139139139
西北108108108108108
西南160160160160160
# 總價格
price_sum = data['價格'].groupby(by=data['方向']).sum()
price_sum
方向
東      846353.0
東北     259858.0
東南    2281168.0
北     1149286.0
南     3158155.0
西      388531.0
西北     332181.0
西南     501586.0
Name: 價格, dtype: float64
# 總面積
area_sum = data['面積'].groupby(by=data['方向']).sum()
area_sum
方向
東      9311.0
東北     3275.0
東南    32360.0
北     10820.0
南     42690.0
西      3198.0
西北     3706.0
西南     7615.0
Name: 面積, dtype: float64
# 賦值寫入
face_df['數量'] = num_sum.values
face_df['總價格'] = price_sum.values
face_df['總面積'] = area_sum.values
face_df
方向數量總價格總面積
0東南266846353.09311.0
1西北83259858.03275.0
25902281168.032360.0
3西4061149286.010820.0
4西南10103158155.042690.0
5139388531.03198.0
6108332181.03706.0
7東北160501586.07615.0
# 平均價格
face_df['平均價格'] = round(face_df['總價格']/face_df['總面積'], 2)
face_df
方向數量總價格總面積平均價格
0東南266846353.09311.090.90
1西北83259858.03275.079.35
25902281168.032360.070.49
3西4061149286.010820.0106.22
4西南10103158155.042690.073.98
5139388531.03198.0121.49
6108332181.03706.089.63
7東北160501586.07615.065.87
# 準備資料
l = [i for i in range(8)]
_num = face_df['數量']
# _sumprice = face_df['總價格']
# _sumarea = face_df['總面積']
_meanprice = face_df['平均價格']

fig = plt.figure(figsize=(20, 8), dpi=100)

# 繪制數量柱狀圖
ax3 = fig.add_subplot(111)
ax3.bar(l, _num, label='數量', alpha=0.5, color='green')
ax3.set_ylabel('數量')
ax3.set_ylim(0, 1200)
plt.legend(loc='upper left')
for x, y in enumerate(_num):
    plt.text(x-0.1, y+18, '%s' % y)
# 替換x標簽
plt.xticks(l, face_df['方向'])

# 繪制折線圖
ax4 = ax3.twinx()
plt.plot(l, _meanprice, 'or-', label='價格')
ax4.legend(loc='upper right')
ax4.set_ylim(0, 150)
ax4.set_ylabel('價格')
for i, (_x, _y) in enumerate(zip(l, _meanprice)):
    plt.text(_x+0.1, _y-0.1, _meanprice[i])

plt.title('深圳租房朝向對價格影響')
plt.show()

在這里插入圖片描述

3、結語

主要來深圳一段時間,租房的問題是一個大問題,就自己爬取了一些資訊,然后就進行了一部分分析,采取的樣本并不是特別多,以上只是個人的資料分析與其他無關!
關注技術,學習進步!

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

標籤:其他

上一篇:【Python爬蟲+js逆向】使用Python爬取騰訊漫畫的逆向分析(典型簽名驗證反爬蟲的解決方案)——以騰訊動漫《一人之下》第一話為例

下一篇:python實作可視化的MD5、sha256哈希加密小工具

標籤雲
其他(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