Matplotlib 教程

本文为译文,原文载于此,译文原载于此。本文欢迎转载,但请保留本段文字,尊重作者和译者的权益。谢谢。: )

介绍

Matplotlib 可能是 Python 2D-绘图领域使用最广泛的套件。它能让使用者很轻松地将数据图形化,并且提供多样化的输出格式。这里将会探索 matplotlib 的常见用法。

IPython 以及 pylab 模式

IPython 是 Python 的一个增强版本。它在下列方面有所增强:命名输入输出、使用系统命令(shell commands)、排错(debug)能力。我们在命令行终端给 IPython 加上参数 -pylab (0.12 以后的版本是 --pylab)之后,就可以像 Matlab 或者 Mathematica 那样以交互的方式绘图。

pylab

pylab 是 matplotlib 面向对象绘图库的一个接口。它的语法和 Matlab 十分相近。也就是说,它主要的绘图命令和 Matlab 对应的命令有相似的参数。

初级绘制

这一节中,我们将从简到繁:先尝试用默认配置在同一张图上绘制正弦和余弦函数图像,然后逐步美化它。

第一步,是取得正弦函数和预先函数的值:

  1. 1
  2. 2
  3. 3
  4. 4
  1. from pylab import *
  2.  
  3. X = np.linspace(-np.pi, np.pi, 256,endpoint=True)
  4. C,S = np.cos(X), np.sin(X)

X 是一个 numpy 数组,包含了从  到  等间隔的 256 个值。C 和 S 则分别是这 256 个值对应的余弦和正弦函数值组成的numpy 数组。

你可以在 IPython 的交互模式下测试代码,也可以下载代码(下载链接就是这些示例图),然后执行:

  1. 1
  1. python exercise_1.py

使用默认配置

Matplotlib 的默认配置都允许用户自定义。你可以调整大多数的默认配置:图片大小和分辨率(dpi)、线宽、颜色、风格、坐标轴、坐标轴以及网格的属性、文字与字体属性等。不过,matplotlib 的默认配置在大多数情况下已经做得足够好,你可能只在很少的情况下才会想更改这些默认配置。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  1. from pylab import *
  2.  
  3. X = np.linspace(-np.pi, np.pi, 256,endpoint=True)
  4. C,S = np.cos(X), np.sin(X)
  5.  
  6. plot(X,C)
  7. plot(X,S)
  8.  
  9. show()

默认配置的具体内容

下面的代码中,我们展现了 matplotlib 的默认配置并辅以注释说明,这部分配置包含了有关绘图样式的所有配置。代码中的配置与默认配置完全相同,你可以在交互模式中修改其中的值来观察效果。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  1. # 导入 matplotlib 的所有内容(nympy 可以用 np 这个名字来使用)
  2. from pylab import *
  3.  
  4. # 创建一个 8 * 6 点(point)的图,并设置分辨率为 80
  5. figure(figsize=(8,6), dpi=80)
  6.  
  7. # 创建一个新的 1 * 1 的子图,接下来的图样绘制在其中的第 1 块(也是唯一的一块)
  8. subplot(1,1,1)
  9.  
  10. X = np.linspace(-np.pi, np.pi, 256,endpoint=True)
  11. C,S = np.cos(X), np.sin(X)
  12.  
  13. # 绘制余弦曲线,使用蓝色的、连续的、宽度为 1 (像素)的线条
  14. plot(X, C, color="blue", linewidth=1.0, linestyle="-")
  15.  
  16. # 绘制正弦曲线,使用绿色的、连续的、宽度为 1 (像素)的线条
  17. plot(X, S, color="green", linewidth=1.0, linestyle="-")
  18.  
  19. # 设置横轴的上下限
  20. xlim(-4.0,4.0)
  21.  
  22. # 设置横轴记号
  23. xticks(np.linspace(-4,4,9,endpoint=True))
  24.  
  25. # 设置纵轴的上下限
  26. ylim(-1.0,1.0)
  27.  
  28. # 设置纵轴记号
  29. yticks(np.linspace(-1,1,5,endpoint=True))
  30.  
  31. # 以分辨率 72 来保存图片
  32. # savefig("exercice_2.png",dpi=72)
  33.  
  34. # 在屏幕上显示
  35. show()

改变线条的颜色和粗细

首先,我们以蓝色和红色分别表示余弦和正弦函数,而后将线条变粗一点。接下来,我们在水平方向拉伸一下整个图。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  1. ...
  2. figure(figsize=(10,6), dpi=80)
  3. plot(X, C, color="blue", linewidth=2.5, linestyle="-")
  4. plot(X, S, color="red", linewidth=2.5, linestyle="-")
  5. ...

设置图片边界

当前的图片边界设置得不好,所以有些地方看得不是很清楚。

  1. 1
  2. 2
  3. 3
  4. 4
  1. ...
  2. xlim(X.min()*1.1, X.max()*1.1)
  3. ylim(C.min()*1.1, C.max()*1.1)
  4. ...

更好的方式是这样:

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  1. xmin ,xmax = X.min(), X.max()
  2. ymin, ymax = Y.min(), Y.max()
  3.  
  4. dx = (xmax - xmin) * 0.2
  5. dy = (ymax - ymin) * 0.2
  6.  
  7. xlim(xmin - dx, xmax + dx)
  8. ylim(ymin - dy, ymax + dy)

设置记号

我们讨论正弦和余弦函数的时候,通常希望知道函数在  和  的值。这样看来,当前的设置就不那么理想了。

  1. 1
  2. 2
  3. 3
  4. 4
  1. ...
  2. xticks( [-np.pi, -np.pi/2, 0, np.pi/2, np.pi])
  3. yticks([-1, 0, +1])
  4. ...

设置记号的标签

记号现在没问题了,不过标签却不大符合期望。我们可以把  当做是 ,但毕竟不够精确。当我们设置记号的时候,我们可以同时设置记号的标签。注意这里使用了 LaTeX。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  1. ...
  2. xticks([-np.pi, -np.pi/2, 0, np.pi/2, np.pi],
  3. [r'$-\pi$', r'$-\pi/2$', r'$0$', r'$+\pi/2$', r'$+\pi$'])
  4.  
  5. yticks([-1, 0, +1],
  6. [r'$-1$', r'$0$', r'$+1$'])
  7. ...

移动脊柱

坐标轴线和上面的记号连在一起就形成了脊柱(Spines,一条线段上有一系列的凸起,是不是很像脊柱骨啊~),它记录了数据区域的范围。它们可以放在任意位置,不过至今为止,我们都把它放在图的四边。

实际上每幅图有四条脊柱(上下左右),为了将脊柱放在图的中间,我们必须将其中的两条(上和右)设置为无色,然后调整剩下的两条到合适的位置——数据空间的 0 点。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  1. ...
  2. ax = gca()
  3. ax.spines['right'].set_color('none')
  4. ax.spines['top'].set_color('none')
  5. ax.xaxis.set_ticks_position('bottom')
  6. ax.spines['bottom'].set_position(('data',0))
  7. ax.yaxis.set_ticks_position('left')
  8. ax.spines['left'].set_position(('data',0))
  9. ...

添加图例

我们在图的左上角添加一个图例。为此,我们只需要在 plot 函数里以「键 - 值」的形式增加一个参数。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  1. ...
  2. plot(X, C, color="blue", linewidth=2.5, linestyle="-", label="cosine")
  3. plot(X, S, color="red", linewidth=2.5, linestyle="-", label="sine")
  4.  
  5. legend(loc='upper left')
  6. ...

给一些特殊点做注释

我们希望在  的位置给两条函数曲线加上一个注释。首先,我们在对应的函数图像位置上画一个点;然后,向横轴引一条垂线,以虚线标记;最后,写上标签。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  1. ...
  2.  
  3. t = 2*np.pi/3
  4. plot([t,t],[0,np.cos(t)], color ='blue', linewidth=2.5, linestyle="--")
  5. scatter([t,],[np.cos(t),], 50, color ='blue')
  6.  
  7. annotate(r'$\sin(\frac{2\pi}{3})=\frac{\sqrt{3}}{2}$',
  8. xy=(t, np.sin(t)), xycoords='data',
  9. xytext=(+10, +30), textcoords='offset points', fontsize=16,
  10. arrowprops=dict(arrowstyle="->", connectionstyle="arc3,rad=.2"))
  11.  
  12. plot([t,t],[0,np.sin(t)], color ='red', linewidth=2.5, linestyle="--")
  13. scatter([t,],[np.sin(t),], 50, color ='red')
  14.  
  15. annotate(r'$\cos(\frac{2\pi}{3})=-\frac{1}{2}$',
  16. xy=(t, np.cos(t)), xycoords='data',
  17. xytext=(-90, -50), textcoords='offset points', fontsize=16,
  18. arrowprops=dict(arrowstyle="->", connectionstyle="arc3,rad=.2"))
  19. ...

精益求精

坐标轴上的记号标签被曲线挡住了,作为强迫症患者(雾)这是不能忍的。我们可以把它们放大,然后添加一个白色的半透明底色。这样可以保证标签和曲线同时可见。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  1. ...
  2. for label in ax.get_xticklabels() + ax.get_yticklabels():
  3. label.set_fontsize(16)
  4. label.set_bbox(dict(facecolor='white', edgecolor='None', alpha=0.65 ))
  5. ...

图像、子图、坐标轴和记号

到目前为止,我们都用隐式的方法来绘制图像和坐标轴。快速绘图中,这是很方便的。我们也可以显式地控制图像、子图、坐标轴。Matplotlib 中的「图像」指的是用户界面看到的整个窗口内容。在图像里面有所谓「子图」。子图的位置是由坐标网格确定的,而「坐标轴」却不受此限制,可以放在图像的任意位置。我们已经隐式地使用过图像和子图:当我们调用 plot 函数的时候,matplotlib 调用 gca() 函数以及 gcf() 函数来获取当前的坐标轴和图像;如果无法获取图像,则会调用 figure() 函数来创建一个——严格地说,是用 subplot(1,1,1) 创建一个只有一个子图的图像。

图像

所谓「图像」就是 GUI 里以「Figure #」为标题的那些窗口。图像编号从 1 开始,与 MATLAB 的风格一致,而于 Python 从 0 开始编号的风格不同。以下参数是图像的属性:

参数 默认值 描述
num 1 图像的数量
figsize figure.figsize 图像的长和宽(英寸)
dpi figure.dpi 分辨率(点/英寸)
facecolor figure.facecolor 绘图区域的背景颜色
edgecolor figure.edgecolor 绘图区域边缘的颜色
frameon True 是否绘制图像边缘

这些默认值可以在源文件中指明。不过除了图像数量这个参数,其余的参数都很少修改。

你在图形界面中可以按下右上角的 X 来关闭窗口(OS X 系统是左上角)。Matplotlib 也提供了名为 close 的函数来关闭这个窗口。close 函数的具体行为取决于你提供的参数:

  1. 不传递参数:关闭当前窗口;
  2. 传递窗口编号或窗口实例(instance)作为参数:关闭指定的窗口;
  3. all:关闭所有窗口。

和其他对象一样,你可以使用 setp 或者是 set_something 这样的方法来设置图像的属性。

子图

你可以用子图来将图样(plot)放在均匀的坐标网格中。用 subplot 函数的时候,你需要指明网格的行列数量,以及你希望将图样放在哪一个网格区域中。此外,gridspec 的功能更强大,你也可以选择它来实现这个功能。

坐标轴

坐标轴和子图功能类似,不过它可以放在图像的任意位置。因此,如果你希望在一副图中绘制一个小图,就可以用这个功能。

记号

良好的记号是图像的重要组成部分。Matplotlib 里的记号系统里的各个细节都是可以由用户个性化配置的。你可以用 Tick Locators 来指定在那些位置放置记号,用 Tick Formatters 来调整记号的样式。主要和次要的记号可以以不同的方式呈现。默认情况下,每一个次要的记号都是隐藏的,也就是说,默认情况下的次要记号列表是空的——NullLocator

Tick Locators

下面有为不同需求设计的一些 Locators。

类型 说明
NullLocator

No ticks.

IndexLocator

Place a tick on every multiple of some base number of points plotted.

FixedLocator

Tick locations are fixed.

LinearLocator

Determine the tick locations.

MultipleLocator

Set a tick on every integer that is multiple of some base.

AutoLocator

Select no more than n intervals at nice locations.

LogLocator

Determine the tick locations for log axes.

这些 Locators 都是 matplotlib.ticker.Locator 的子类,你可以据此定义自己的 Locator。以日期为 ticks 特别复杂,因此 Matplotlib 提供了 matplotlib.dates 来实现这一功能。

其他类型的图

接下来的内容是练习。请运用你学到的知识,从提供的代码开始,实现配图所示的效果。具体的答案可以点击配图下载。

普通图

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  1. from pylab import *
  2.  
  3. n = 256
  4. X = np.linspace(-np.pi,np.pi,n,endpoint=True)
  5. Y = np.sin(2*X)
  6.  
  7. plot (X, Y+1, color='blue', alpha=1.00)
  8. plot (X, Y-1, color='blue', alpha=1.00)
  9. show()

散点图

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  1. from pylab import *
  2.  
  3. n = 1024
  4. X = np.random.normal(0,1,n)
  5. Y = np.random.normal(0,1,n)
  6.  
  7. scatter(X,Y)
  8. show()

条形图

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  1. from pylab import *
  2.  
  3. n = 12
  4. X = np.arange(n)
  5. Y1 = (1-X/float(n)) * np.random.uniform(0.5,1.0,n)
  6. Y2 = (1-X/float(n)) * np.random.uniform(0.5,1.0,n)
  7.  
  8. bar(X, +Y1, facecolor='#9999ff', edgecolor='white')
  9. bar(X, -Y2, facecolor='#ff9999', edgecolor='white')
  10.  
  11. for x,y in zip(X,Y1):
  12. text(x+0.4, y+0.05, '%.2f' % y, ha='center', va= 'bottom')
  13.  
  14. ylim(-1.25,+1.25)
  15. show()

等高线图

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  1. from pylab import *
  2.  
  3. def f(x,y): return (1-x/2+x**5+y**3)*np.exp(-x**2-y**2)
  4.  
  5. n = 256
  6. x = np.linspace(-3,3,n)
  7. y = np.linspace(-3,3,n)
  8. X,Y = np.meshgrid(x,y)
  9.  
  10. contourf(X, Y, f(X,Y), 8, alpha=.75, cmap='jet')
  11. C = contour(X, Y, f(X,Y), 8, colors='black', linewidth=.5)
  12. show()

灰度图(Imshow)

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  1. from pylab import *
  2.  
  3. def f(x,y): return (1-x/2+x**5+y**3)*np.exp(-x**2-y**2)
  4.  
  5. n = 10
  6. x = np.linspace(-3,3,4*n)
  7. y = np.linspace(-3,3,3*n)
  8. X,Y = np.meshgrid(x,y)
  9. imshow(f(X,Y)), show()

饼状图

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  1. from pylab import *
  2.  
  3. n = 20
  4. Z = np.random.uniform(0,1,n)
  5. pie(Z), show()

量场图(Quiver Plots)

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  1. from pylab import *
  2.  
  3. n = 8
  4. X,Y = np.mgrid[0:n,0:n]
  5. quiver(X,Y), show()

网格

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  1. from pylab import *
  2.  
  3. axes = gca()
  4. axes.set_xlim(0,4)
  5. axes.set_ylim(0,3)
  6. axes.set_xticklabels([])
  7. axes.set_yticklabels([])
  8.  
  9. show()

多重网格

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  1. from pylab import *
  2.  
  3. subplot(2,2,1)
  4. subplot(2,2,3)
  5. subplot(2,2,4)
  6.  
  7. show()

极轴图

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  1. from pylab import *
  2.  
  3. axes([0,0,1,1])
  4.  
  5. N = 20
  6. theta = np.arange(0.0, 2*np.pi, 2*np.pi/N)
  7. radii = 10*np.random.rand(N)
  8. width = np.pi/4*np.random.rand(N)
  9. bars = bar(theta, radii, width=width, bottom=0.0)
  10.  
  11. for r,bar in zip(radii, bars):
  12. bar.set_facecolor( cm.jet(r/10.))
  13. bar.set_alpha(0.5)
  14.  
  15. show()

3D 图

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  1. from pylab import *
  2. from mpl_toolkits.mplot3d import Axes3D
  3.  
  4. fig = figure()
  5. ax = Axes3D(fig)
  6. X = np.arange(-4, 4, 0.25)
  7. Y = np.arange(-4, 4, 0.25)
  8. X, Y = np.meshgrid(X, Y)
  9. R = np.sqrt(X**2 + Y**2)
  10. Z = np.sin(R)
  11.  
  12. ax.plot_surface(X, Y, Z, rstride=1, cstride=1, cmap='hot')
  13.  
  14. show()

手稿

结束篇

Matplotlib 能有今天这样强大的功能和广泛的使用得益于大量的文档和社区开发者。这里提供一些有益的链接。

入门教程

Matplotlib 文档

随代码分发的文档

Matplotlib 的代码是自文档(Self-documented)的。你可以在 Python 中快速查询某个命令的用法。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  1. >>> from pylab import *
  2. >>> help(plot)
  3. Help on function plot in module matplotlib.pyplot:
  4.  
  5. plot(*args, **kwargs)
  6. Plot lines and/or markers to the
  7. :class:`~matplotlib.axes.Axes`. *args* is a variable length
  8. argument, allowing for multiple *x*, *y* pairs with an
  9. optional format string. For example, each of the following is
  10. legal::
  11.  
  12. plot(x, y) # plot x and y using default line style and color
  13. plot(x, y, 'bo') # plot x and y using blue circle markers
  14. plot(y) # plot y using x as index array 0..N-1
  15. plot(y, 'r+') # ditto, but with red plusses
  16.  
  17. If *x* and/or *y* is 2-dimensional, then the corresponding columns
  18. will be plotted.
  19. ...

画廊

Matplotlib 画廊 也非常有用。其中的例子都有配图和对应的代码,当你不知道某一个效果如何实现的时候,你可以在这里找找。

哦,这里还有一个小一点的画廊

邮件列表

你可以在用户邮件列表提问,或者在开发者邮件列表里交流技术。

译注:邮件列表是一个很正式的交流平台,其内的每一封邮件,列表的收听者都会看到,所以请不要在邮件列表灌水或发表质量低劣的文章。

快速查询

你可以在这里找到 Matplotlib 主要的属性表,以便按照需求个性化配置你的输出图样。

【Python】一份非常好的Matplotlib教程的更多相关文章

  1. python人工智能爬虫系列:怎么查看python版本_电脑计算机编程入门教程自学

    首发于:python人工智能爬虫系列:怎么查看python版本_电脑计算机编程入门教程自学 http://jianma123.com/viewthread.aardio?threadid=431 本文 ...

  2. windows下python安装Numpy、Scipy、matplotlib模块(转载)

    python下载链接     Numpy下载链接 python中Numpy包的安装及使用 Numpy包的安装 准备工作 Python安装 pip安装 将pip所在的文件夹添加到环境变量path路径中 ...

  3. Python、 Pycharm、Django安装详细教程(图文)

    前言 这篇文章主要介绍了Python. Pycharm.Django安装详细教程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧. ...

  4. 小白学 Python 数据分析(17):Matplotlib(二)基础操作

    人生苦短,我用 Python 前文传送门: 小白学 Python 数据分析(1):数据分析基础 小白学 Python 数据分析(2):Pandas (一)概述 小白学 Python 数据分析(3):P ...

  5. 小白学 Python 数据分析(18):Matplotlib(三)常用图表(上)

    人生苦短,我用 Python 前文传送门: 小白学 Python 数据分析(1):数据分析基础 小白学 Python 数据分析(2):Pandas (一)概述 小白学 Python 数据分析(3):P ...

  6. 小白学 Python 数据分析(19):Matplotlib(四)常用图表(下)

    人生苦短,我用 Python 前文传送门: 小白学 Python 数据分析(1):数据分析基础 小白学 Python 数据分析(2):Pandas (一)概述 小白学 Python 数据分析(3):P ...

  7. Python爬虫丨大众点评数据爬虫教程(1)

    大众点评数据获取 --- 基础版本 大众点评是一款非常受普罗大众喜爱的一个第三方的美食相关的点评网站. 因此,该网站的数据也就非常有价值.优惠,评价数量,好评度等数据也就非常受数据公司的欢迎. 今天就 ...

  8. python绘图 matplotlib教程

    mark一个很好的python绘图教程 https://liam0205.me/2014/09/11/matplotlib-tutorial-zh-cn/

  9. 一份完整的PyCharm图解教程

    PyCharm 是一种 Python IDE,可以帮助程序员节约时间,提高生产效率.那么具体如何使用呢?本文从 PyCharm 安装到插件.外部工具.专业版功能等进行了一一介绍,希望能够帮助到大家. ...

随机推荐

  1. CF960G Bandit Blues 第一类斯特林数、NTT、分治/倍增

    传送门 弱化版:FJOI2016 建筑师 由上面一题得到我们需要求的是\(\begin{bmatrix} N - 1 \\ A + B - 2 \end{bmatrix} \times \binom ...

  2. 【php增删改查实例】第二十四节 - 文件上传在项目中的具体应用

    文件上传在项目中,一般有两个用武之地,分别为设置用户的头像和上传附件.本节我们演示如果进行用户头像的上传. 因为一个用户单独并且唯一对应了一个头像,是一对一的关系,所以我们需要去给tm_users表添 ...

  3. 史上最全面的Elasticsearch使用指南

    Elasticsearch使用指南 Elasticsearch使用指南 前言 ES是什么 什么是全文检索 ES的应用场景 ES的存储结构 第一章:安装 1.下载 2.解压 3.配置 4.启动 5.查看 ...

  4. JS判断当前设备是 PC IOS Andriod

    JS判断当前设备是 PC IOS Andriod <script > window.onload = function(){ var isPc = IsPC(); var isAndroi ...

  5. Signalr实现消息推送

    一.前言 大多数系统里面好像都有获取消息的功能,但这些消息来源都不是实时的,比如你开两个浏览器,用两个不同的账号登录,用一个账号给另外一个账号发送消息,然而并不会实时收到消息,必须要自己手动F5刷新一 ...

  6. 升级MySQL5.7,开发不得不注意的坑

    前段时间,将线上MySQL数据库升级到了5.7.考虑到可能产生的不兼容性,在升级之前,确实也是战战兢兢,虽然测试环境,开发环境早在半年前就已提前升级. 基于前期的调研和朋友的反馈,与开发相关的主要有两 ...

  7. App Inspector-iOS真机功能详解

    前言: App Inspector:浏览器端的移动设备 UI 查看器,使用树状态结构查看 UI 布局,自动生成 XPaths.官网:https://macacajs.github.io/app-ins ...

  8. vuex原理

    Vuex 框架原理与源码分析 vuex状态管理到底是怎样一个原理? 状态管理 Vuex框架原理与源码分析 Vuex实现原理解析 Vue刚出不久,Vuex 就出来了,想请教下Vuex做了什么事情? 个人 ...

  9. abaqus安装破解

    软件安装包 链接:http://pan.baidu.com/s/1pL4oxfX 密码:on1g 破解网页视频链接https://v.youku.com/v_show/id_XMTg4ODM5NjY5 ...

  10. java总结:Java中获取系统时间(年、月、日)以及下拉菜单默认选择系统年、月、日的方法

    <!-- 获取系统当前的年.月.日 --> <%@ page import="java.util.*"%> <% Calendar calendar= ...