下载火焰图绘制相关工具

cd /opt
sudo git clone https://github.com/openresty/nginx-systemtap-toolkit.git
sudo git clone https://github.com/brendangregg/FlameGraph.git
创建 stap_test.sh
 
#!/bin/bash
pid=$(ps aux | grep 'nginx'| grep -v 'root' | grep -v 'grep' | awk '{print $2}' |head -n 1)
sudo /opt/nginx-systemtap-toolkit/sample-bt -p ${pid} -t 60 -u > ~/a.bt
sudo /opt/FlameGraph/stackcollapse-stap.pl ~/a.bt > ~/a.cbt
sudo /opt/FlameGraph/flamegraph.pl ~/a.cbt > ~/a.svg
创建 stap_test_curl.sh （模拟访问）
 
  #!/bin/bash
    for i in {1..60}
        curl http://test.jinbo.com
        curl http://test.jinbo.com/test_time
        curl http://test.qunar.com/test_ctx
        ...(多来些)
或者使用ab 压测也可以
 
先执行stap_test.sh，再运行 stap_test_curl.sh
运行结束后，当前目录生成了 a.bt 、a.ct、a.svg
浏览器打开a.svg，如下
 
 点击某个区域的时候自动会打开，比如说点击 :ngx_procss_events_and_times上的第一个元素：ngx_event_expire_timers 如下：
 
 
火焰图说明
 
Y轴表示调用栈，一个框代表一个函数，每一层都是一个函数或多个函数。调用栈越深，火焰图越高，顶部是正在执行的函数，下边都是它的父函数。
X轴表示采样数。从左到右不代表时间，而是所有的调用栈合并后，按字母顺序排列的。X轴占据的宽度越宽，就表示它调用次数多，或者表示耗时较多。
框的颜色没有任何意义。
火焰图看顶层的那个函数占据的宽度最大。
子函数的宽度决定着父函数的执行宽度。
“平顶”则表示该函数可能存在性能问题。
 
http://www.brendangregg.com/flamegraphs.html
 http://www.ruanyifeng.com/blog/2017/09/flame-graph.html
 https://github.com/openresty/openresty-systemtap-toolkit
 https://github.com/brendangregg/FlameGraph
                    安装依赖systemtaphttps://blog.csdn.net/u011944141/article/details/89512116下载火焰图绘制相关工具cd /optsudo git clone https://github.com/openresty/nginx-systemtap-toolkit.gitgit clone https://github.com/brendan...
    火焰图（flame graph）是性能分析的利器，通过它可以快速定位性能瓶颈点。
    perf 命令（performance 的缩写）是 Linux 系统原生提供的性能分析工具，会返回 CPU 正在执行的函数名以及调用栈（stack）。
    本文介绍它的安装和基本用法。
				
perf可以忽略语言或者一些开发框架，从os的角度看到进程的cpu时间都耗费在哪些调用栈上。
perf与火焰图搭配使用，提供一个比较友好的交互方式，来观察调用栈的耗时
验证环境是ubuntu环境
安装perf
$ sudo apt install linux-tools-common
# 装完使用perf的时候，提示还需要安装其它包
$ sudo apt install linux-tool...
				
火焰图介绍
看到openresty里用火焰图觉得挺有意思的，又装逼又有用。它可以快速的定位到程序性能的瓶颈，生成程序的调用栈并且计算调用栈中每部分的 CPU 消耗，能够比较容易的找到CPU占用高、内存泄漏等问题。今天在自己以前的项目中测试了下，下面贴个图留个纪念。
这里面不要看颜色，因为颜色是随机搞来的，没有任何意义。要看火焰山上纵向的高...
火焰图和直方图、曲线图一样，是一种分析数据的方式，它可以更直观、更形象地展示数据，让人很容易发现数据中的隐藏信息。之所以叫火焰图，是因为这种图很像一簇火焰。
火焰图展现的一般是从进程（或线程）的堆栈中采集来的数据，即函数之间的调用关系。从堆栈中采集数据有很多方式，下面是几种常见的采集工具：
Performance Event
	SystemTap
	DTrace
	OProfile
	Gprof
数据采集到了，怎么分析它呢？为此，Brendan Gregg开发了专门把采样到的堆栈轨迹（
火焰图就像是给一个软件系统拍的 X 光照片，可以很自然地把时间和空间两个维度上的信息融合在一张图上，以非常直观的形式展现出来，从而反映系统在性能方面的很多定量的统计规律。 ——动态追踪技术漫谈
下面介绍下火焰图相关工具的安装和使用。
	首先需要安装内核开发包和调试包...
				
文章目录1. Perf基础1.1 Perf的安装1.2 Perf的使用2. 火焰图2.1 生成火焰图2.2 生成红蓝差分火焰图2.3 oncpu/offcpu参考文档：
1. Perf基础
1.1 Perf的安装
ubuntu 18.04:
sudo apt install linux-tools-common linux-tools-4.15.0-106-generic linux-cloud-tools-4.15.0-106-generic
1.2 Perf的使用
1、查看perf支持的监控event
				
软件的性能分析，往往需要查看 CPU 耗时，了解瓶颈在哪里，而火焰图（flame graph）是性能分析的利器
Perf命令
Perf (performance简写)是 Linux 系统原生提供的性能分析工具，返回 CPU 正在执行的函数名以及调用栈(stack)
在linux上进行perf命令安装
yum install perf
perf record -F 99 -p 22645 -g -- sleep 60
perf record表示记录，-F 99表示每秒99次，-p 13204是进
				
为什么值得入手？
Nginx作为现在使用最广泛的高性能后端服务器，Openresty为之提供了动态预言的灵活，当性能与灵活走在了一起，无疑对于被之前陷于臃肿架构，苦于提升性能的工程师来说是重大的利好消息，本文就是在这种背景下，将初入这一未知的领域之后的一些经验与大家分享一下，若有失言之处，欢迎指教。
现在除了能在 Download...
Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现
				
【作品名称】：基于React的后台开发框架（javascript）
【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
【项目介绍】：运行Demo
cd tui/example
npm install
node app.js
open localhost:3003/be
simditor文件夹为TUI依赖的编辑器插件，如果用到编辑器，页面引入simditor.all.min.js和simditor.css即可。
				
C语言是一种广泛使用的编程语言，它具有高效、灵活、可移植性强等特点，被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构（如if语句、循环语句等）、函数、指针等。下面详细介绍C语言的基本概念和语法。
1. 变量和数据类型
在C语言中，变量用于存储数据，数据类型用于定义变量的类型和范围。C语言支持多种数据类型，包括基本数据类型（如int、float、char等）和复合数据类型（如结构体、联合等）。
2. 运算符
C语言中常用的运算符包括算术运算符（如+、、、/等）、关系运算符（如==、!=、、=、<、<=等）、逻辑运算符（如&&、||、！等）。此外，还有位运算符（如&、|、^等）和指针运算符（如、等）。
3. 控制结构
C语言中常用的控制结构包括if语句、循环语句（如for、while等）和switch语句。通过这些控制结构，可以实现程序的分支、循环和多路选择等功能。
4. 函数
函数是C语言中用于封装代码的单元，可以实现代码的复用和模块化。C语言中定义函数使用关键字“void”或返回值类型（如int、float等），并通过“{”和“}”括起来的代码块来实现函数的功能。
5. 指针
指针是C语言中用于存储变量地址的变量。通过指针，可以实现对内存的间接访问和修改。C语言中定义指针使用星号（）符号，指向数组、字符串和结构体等数据结构时，还需要注意数组名和字符串常量的特殊性质。
6. 数组和字符串
数组是C语言中用于存储同类型数据的结构，可以通过索引访问和修改数组中的元素。字符串是C语言中用于存储文本数据的特殊类型，通常以字符串常量的形式出现，用双引号（"..."）括起来，末尾自动添加'\0'字符。
7. 结构体和联合
结构体和联合是C语言中用于存储不同类型数据的复合数据类型。结构体由多个成员组成，每个成员可以是不同的数据类型；联合由多个变量组成，它们共用同一块内存空间。通过结构体和联合，可以实现数据的封装和抽象。
8. 文件操作
C语言中通过文件操作函数（如fopen、fclose、fread、fwrite等）实现对文件的读写操作。文件操作函数通常返回文件指针，用于表示打开的文件。通过文件指针，可以进行文件的定位、读写等操作。
总之，C语言是一种功能强大、灵活高效的编程语言，广泛应用于各种领域。掌握C语言的基本语法和数据结构，可以为编程学习和实践打下坚实的基础。
				webpack 错误 Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError
					48389