弥尘
弥尘

Echarts3

今天用想在后台首页做个图表，看到highcharts没用喜欢的样式

想起了Echarts，百度了下，发现不一样了呢，原来出了Echarts3

感觉这个比Echarts2好用多了

下载了个精简版，echarts.simple.min.js

使用起来也非常简单

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="echarts.simple.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        option = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        x: 'left',
        data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    series: [
        {
            name:'访问来源',
            type:'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    show: true,
                    textStyle: {
                        fontSize: '30',
                        fontWeight: 'bold'
                    }
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ]
        }
    ]
};

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>
</html>

　　Echarts3_第1张图片

但是和他给的示例不一样，于是去在线构建，组件那选择上，工具栏，下载

这样下载了echarts.min.js，

修改代码，引入的js文件处

<script src="echarts.min.js"></script>

 

Echarts3_第2张图片

完成，和官方的示例一样啦

 

你可能感兴趣的:(Echarts3)

  • vue实现echarts-wordcloud词云图表，wordcloud参数配置列表 总是幸福的小豌豆 vue.jsnpmecharts
    1、通过npm引入echartsnpminstallecharts--save2、在main.js中添加下面两行代码importechartsfrom'echarts'Vue.prototype.$echarts=echarts3、在main.js中引入echarts-wordcloud.min.jsimport'./plugins/echarts-wordcloud.min.js'//根据实际地
  • 使用echarts生成颜色渐变曲线图 湾流~ echartsjavascript前端
    效果图:1、安装echartsnpminstallecharts--save2、全局注册组件import*asechartsfrom'echarts';Vue.prototype.$echarts=echarts3、结构附:计算显示日期的工具文件/**计算月份显示*@param{}*@returns{}*/exportfunctiongetLastFiveMonths(){letdates=[];
  • three.js 实现 3D地图 优雅永不过时· 3djavascript低代码npm智慧城市前端threejs
    three.js实现仿照echarts3d地图。由于three.js目前比较依赖写代码，而一个美的地图需要大量的three.js组合，我建议先做three.js基础层的低代码编辑器，随后各种项目和效果配置起来都会很方便。https://z2586300277.github.io/three-editor/dist/#/codeMirror?example_path=threeEditor&exam
  • 【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图 G佳伟 vue.jsuiecharts
    vue+ElementUI项目中数据分析功能需要用到圆环图折线图饼图柱状图等，可视化图形分析安装流程及示例1.安装依赖npminstallecharts--save2.在main.js中引入并挂载echartsimportechartsfrom'echarts'Vue.prototype.$echarts=echarts3.在需要使用echarts的页面引入echartsimport*asecha
  • echarts的title标题属性 kfepiza HTMLCSSJS#JsJavaScriptECMAScriptechartsjavascript前端
    echarts的title标题属性title标题组件，包含主标题和副标题。位于option对象第一层.title.text设置主标题内容title.subtext设置副标题内容在ECharts2.x中单个ECharts实例最多只能拥有一个标题组件。但是在ECharts3中可以存在任意多个标题组件，这在需要标题进行排版，或者单个实例中的多个图表都需要标题时会比较有用。varoption={//标题t
  • echarts数据怎么赋值 vue_在vue中添加Echarts图表的基本使用教程 对不起对不起 echarts数据怎么赋值vue
    前言我们在项目中经常需要使用一些折线图、柱状图、饼状图等等，之前使用过heightCharts，后来觉得这货不开源，只是做展示的话又点浪费时间，于是看了下eCharts，于是在vue-cli搭建的项目中添加了eCharts，下面是具体步骤和自己的一些学习笔记，参照于Echarts3官网现在的前端一般需要完成将大量的数据，实现可视化。现在是大数据和云计算的时代，所以数据可视化逐渐变成一种趋势。而EC
  • 在VUE项目中使用Echarts简单实现折线图、柱状图、饼图 六卿 #echarts#jsecharts
    1、首先下载echarts包npmiecharts--save2、在main.js中全局引入echarts包，挂载到vue实例上import*asechartsfrom"echarts";Vue.prototype.$echarts=echarts3、在vue单页面上使用echarts3.1实现折线图和柱状图在vive层//必须设置宽和高获取echarts对象getmain(){//获取echar
  • 引入echarts环形图及显示后端数据 Julyued vueecharts前端typescript
    实现效果：1.下载echarts并引用npminstallecharts--save或pnpminstall-Secharts项目中引用：在项目main.ts中import*asechartsfrom"echarts";//引入echarts3.页面中使用//定义一个有宽高的盒子//图表constechartInit=async()=>{varchartDom=document.getElemen
  • 使用百度Echarts制作力导向图 weixin_30780649 javascriptjson测试ViewUI
    最近项目需求制作一个力导向图来展示企业的画像等关系信息，故想到了百度Echarts的关系图，在这使用Echarts3.0版本来实现。先上效果图，再看代吗哎，本来想整个工程扔出来，发现好像没地方上传附件，所以就先附上部分重要代码，节点的参数大部分封装在后台代码中，前端js只负责配置参数以及调用后台获取对应的节点以及关系线。你也可以所有节点和线的数据都在js中构造也是可以的。//C#代码usingSy
  • vue3之echarts3D环柱饼图 V。on echartsecharts3dvue.js
    vue3之echarts3D环柱饼图效果：版本"echarts":"^5.4.1","echarts-gl":"^2.0.9"核心代码：import{onMounted,ref}from"vue";import*asechartsfrom"echarts";import"echarts-gl";consteCharts=ref(null);letmyChart=null;letboxHeight;
  • vue3之echarts3D环柱图-间隔版 V。on echartsecharts3dvue.js
    vue3之echarts3D环柱图-间隔版效果：版本"echarts":"^5.4.1","echarts-gl":"^2.0.9"核心代码：import{onMounted,ref}from"vue";import*asechartsfrom"echarts";import"echarts-gl";consteCharts=ref(null);letmyChart=null;consteChar
  • Pyecharts水球图全面指南：参数解读、代码实战与高级应用【第41篇—python：Pyecharts水球图】 一见已难忘 python信息可视化数据分析Pyecharts水球图
    文章目录Pyecharts水球图绘制与交互的完整教程1.简介2.安装Pyecharts3.基础水球图4.自定义水球图样式5.多水球图展示6.水球图的动态效果7.水球图与其他图表的组合8.数据动态更新与实时展示9.水球图的交互功能10.导出水球图为图片或PDF11.移动端适配结语Pyecharts水球图绘制与交互的完整教程在数据可视化领域，Pyecharts是一个强大而灵活的工具，它能够以美观的方式
  • vue3之echarts3D环柱图 V。on vueechartsecharts3dvue.js
    vue3之echarts3D环柱图效果：核心代码：import*asechartsfrom'echarts';import'echarts-gl';import{reactive,onMounted,ref}from'vue';constchartRef=ref(null);letmyChart:any=null;letoption:any=null;letdataList=reactive({c
  • 知识笔记（九十六）———在vue中使用echarts 瑞崽崽崽 vue.js笔记echarts
    1、安装npminstallecharts--save2、在vue中引入（全局引入）//引入echartsimportechartsfrom'echarts'Vue.prototype.$echarts=echarts3、在vue中的使用需要用到echart的地方先设置一个div的id、宽高提示：可以在一个页面中引入多个数据报表模板使用div进行位置的排版放置4、模板代码放在哪个位置重点注意：其中
  • vue项目中使用 echarts 统计图 ydongabc Vue
    1.安装echarts依赖$npminstallecharts-s2.main.js全局引入//引入echartsimportechartsfrom'echarts'Vue.prototype.$echarts=echarts3.创建一个存放图表的容器4.绘制图表exportdefault{data(){return{}},mounted(){this.drawLine();},methods:{
  • vue中echarts3d 使用（3d地图上有柱状图数据，吉林省） 一个没有灵魂的女程序媛 echartsvue.js3d
    1.下载echarts和echarts-glecharts-gl是3d插件2.去阿里云上下载吉林省的地图信息（看实际需求下载各省地图数据）·https://datav.aliyun.com/portal/school/atlas/area_selector3.组件代码如下importjilinProvincefrom'@/assets/get/jilinProvince.json'import'e
  • echarts3实现柱状图和饼图详解 xiaoxiao无脸男 前端js柱状图饼图echarts
    版权声明：本文为博主原创文章，未经博主允许不得转载。http://blog.csdn.net/xiaoxiaoluckylucky/article/details/79374055本篇文章实现的是以下两种需求：1，使用Echarts3实现柱状图；2，使用Echarts3实现饼图；包含Echarts使用过程中遇到的部分坑的解决办法。先上效果图：（PS：饼图实际上是圆的，以上图片是被压缩了）进入正题，
  • Echarts社区推荐 田本初 echarts前端javascript
    ApacheEcharts官方示例中，有的demo并不能完全符合我们的需求，下面推荐几个Echarts社区，以便快速搭建项目。1.isqqw官方地址：https://www.isqqw.com/2.makepie官方地址：https://www.makeapie.cn/echarts3.PPChart官方地址：https://ppchart.com/#/4.Chart.Top官方地址：http:/
  • ECharts 给X轴文字添加点击事件 L_b115
    给x轴的文字添加点击事件，y轴同理，针对于ECharts3.x，共两步。第一步：将xAxis或者yAxis的属性triggerEvent置为true;第二步：点击事件，如代码：mybarDoubleChart.setOption(option);mybarDoubleChart.on('click',function(params){if(params.componentType=="xAxis"
  • Vue中使用Echarts 落日与晚风， arcgis
    什么是EchartsEcharts是一个基于JavaScript的开源可视化图表库官方文档ApacheECharts使用1，NPM安装ECharts你可以使用如下命令通过npm安装EChartsnpminstallecharts--save2，//全局引入echartsimport*asechartsfrom'echarts'Vue.prototype.$echarts=echarts3，在组件中
  • ECharts 给X轴文字添加点击事件 weixin_43179300 echarts前端javascript
    给x轴的文字添加点击事件，y轴同理，针对于ECharts3.x，共两步。第一步：将xAxis或者yAxis的属性triggerEvent置为true;第二步：点击事件，如代码：mybarDoubleChart.setOption(option);mybarDoubleChart.on(‘click’,function(params){if(params.componentType==“xAxis”
  • vue + echarts + china.js 中国地图 咪粒々皧羽墨
    效果图原型点击标点1.引入echartsnpminstallecharts--save2.在main.js//引入echartsimportechartsfrom'echarts'Vue.prototype.$echarts=echarts3.在需要引入地图的页面//引入基本模板letecharts=require('echarts/lib/echarts')import'@/assets/js/
  • Vue中Echarts事件绑定中实现路由跳转：【解决报错】TypeError: Cannot read property ‘push‘ of undefined 星宇星静 echartsjavascript前端vue.jsvue
    Echarts3之后的版本事件绑定的函数书写如下：this.myChart.on("click",function(params){varurl="/";console.log(this.$router)this.$router.push(url);});这里汇报错，在控制台中查看日志可知：this.$router属性为undefined。这里是由于创建一个函数之后this的对象已经不再指向vue
  • 基于spring boot技术的签到管理系统的设计与实现 2301_81127431 javajava
    目录摘要IAbstractII引言11相关技术31.1SpringBoot框架31.2Vue框架31.3ECharts31.4JQuery技术41.5本章小结42系统分析52.1需求分析52.2非功能需求82.3本章小结83系统设计93.1系统总体设计93.1.1系统体系结构93.1.2系统目录结构93.1.3系统功能结构93.2系统详细设计103.2.1系统功能设计103.2.2数据库设计103
  • echarts3d饼图 Grocery store owner echarts3djavascript
    效果图使用npm下载或cdn引入echarts，echarts-gl，版本：“echarts”:“^5.1.2”“echarts-gl”:“^2.0.8”新建一个js文件pieChart.js，以便于调用constgetPie3D=(pieData,internalDiameterRatio,distance,alpha,pieHeight,opacity=1)=>{constseries=[]l
  • 在Vue中使用Echarts 〔晴【天】º〕 Vuevue.jsecharts前端
    文章目录Echarts1.介绍2.体验NPM安装Echarts定义Echarts容器引入Echarts3.基础配置Echarts1.介绍常见的数据可视化库：D3.js目前Web端评价最高的Javascript可视化工具库(入手难)ECharts.js百度出品的一个开源Javascript数据可视化库Highcharts.js国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV蚂蚁金服
  • echarts3结合openlayers2实现Map类型图表 banhusao3974 javascript前端ViewUI
    网上查阅了部分资料，有些是用echarts2实现的，因echarts2无法满足项目中其他部分的要求，故只能采用echarts3（2017/9/18，echarts3官网突然把基于geo的demo下架了，只剩下基于百度地图的示例，汗-_-||）。参考：Echart2在Openlayers2的应用-航班的炫光特效Echart2在Openlayers2的应用openlayers3与echarts3的结合
  • 大数据毕设选题 - 疫情数据分析可视化系统（python flask 爬虫） caxiou 大数据毕业设计pythonflask大数据
    文章目录0前言1课题背景2实现效果2.1整体界面展示2.231省病例柱形图2.3全国现有确诊人数趋势2.4中国累计确诊时间线2.5中国疫情情况饼状图2.6高风险树状图3相关理论及技术3.1爬虫3.2Django3.3Echarts3.4MySQL4最后0前言Hi，大家好，这里是丹成学长的毕设系列文章！对毕设有任何疑问都可以问学长哦!这两年开始，各个学校对毕设的要求越来越高，难度也越来越大…毕业设计
  • 可视化 | 3D文字球状标签云 啦啦右一 大数据与数据分析#数据可视化技术信息可视化
    文章目录改编点final改编自echarts3d词云（指向滑动、拖动、缩放、点击、自转）改编点背景透明：background:rgb(0,0,0,0);不用链接，用span，重点span标class="star"ArtificialintelligenceMachinelearningPatternrecognitionStatisticsComputervisionComputernetwork
  • react封装函数_如何在react中封装echarts 斜杆体制人吴聊先生 react封装函数
    echarts一款非常不错的可视化图表库，本文以echarts3.x版本为例，通过分析echarts-for-react源码介绍如何在react中封装使用echarts目录为什么要封装旧的思维习惯了在jquery开发模式下导入echarts、swiper、d3等需要操作到真实dom的第三方库，突然切换到React，会按照旧的思维模式使用，导致一些问题产生。先看看不封装的情况下在React中使用ec
  • 遍历dom 并且存储（将每一层的DOM元素存在数组中） 换个号韩国红果果 JavaScripthtml
    数组从0开始！！ var a=[],i=0; for(var j=0;j<30;j++){ a[j]=[];//数组里套数组，且第i层存储在第a[i]中 } function walkDOM(n){ do{ if(n.nodeType!==3)//筛选去除#text类型 a[i].push(n); //con
  • Android+Jquery Mobile学习系列(9)-总结和代码分享 白糖_ JQuery Mobile
    目录导航   经过一个多月的边学习边练手，学会了Android基于Web开发的毛皮，其实开发过程中用Android原生API不是很多，更多的是HTML/Javascript/Css。   个人觉得基于WebView的Jquery Mobile开发有以下优点： 1、对于刚从Java Web转型过来的同学非常适合，只要懂得HTML开发就可以上手做事。 2、jquerym
  • impala参考资料 dayutianfei impala
    记录一些有用的Impala资料   1. 入门资料 >>官网翻译：     http://my.oschina.net/weiqingbin/blog?catalog=423691   2. 实用进阶 >>代码&架构分析：     Impala/Hive现状分析与前景展望：http
  • JAVA 静态变量与非静态变量初始化顺序之新解 周凡杨 java静态非静态顺序
    今天和同事争论一问题，关于静态变量与非静态变量的初始化顺序，谁先谁后，最终想整理出来！测试代码： import java.util.Map; public class T { public static T t = new T(); private Map map = new HashMap(); public T(){ System.out.println(&quo
  • 跳出iframe返回外层页面 g21121 iframe
    在web开发过程中难免要用到iframe，但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中，这时我们就需要跳出这个iframe到达一个公共页面去。 首先跳转到一个中间页，这个页面用于判断是否在iframe中，在页面加载的过程中调用如下代码： <script type="text/javascript"> //<!-- function
  • JAVA多线程监听JMS、MQ队列 510888780 java多线程
    背景：消息队列中有非常多的消息需要处理，并且监听器onMessage（）方法中的业务逻辑也相对比较复杂，为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列；2.使用一个监听器开启多线程监听。 对于上面提到的方法2使用一个监听器开启多线
  • 第一个SpringMvc例子 布衣凌宇 spring mvc
    第一步：导入需要的包； 第二步：配置web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi=
  • 我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer aijuans Spring3
    PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer，但是与后者相比，前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容，那么将使用上下文（配置的xml文件）中相应定义的值。如果properties文件中有bean属性的内容，那么就用properties文件中的值来代替上下
  • 通过XSD验证XML antlove xmlschemaxsdvalidationSchemaFactory
    1. XmlValidation.java package xml.validation; import java.io.InputStream; import javax.xml.XMLConstants; import javax.xml.transform.stream.StreamSource; import javax.xml.validation.Schem
  • 文本流与字符集 百合不是茶 PrintWrite()的使用字符集名字 别名获取
    文本数据的输入输出;           输入;数据流,缓冲流         输出;介绍向文本打印格式化的输出PrintWrite();   package 文本流; import java.io.FileNotFound
  • ibatis模糊查询sqlmap-mapping-**.xml配置 bijian1013 ibatis
            正常我们写ibatis的sqlmap-mapping-*.xml文件时，传入的参数都用##标识，如下所示： <resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO"> <res
  • java jvm常用命令工具——jdb命令(The Java Debugger) bijian1013 javajvmjdb
            用来对core文件和正在运行的Java进程进行实时地调试，里面包含了丰富的命令帮助您进行调试，它的功能和Sun studio里面所带的dbx非常相似，但 jdb是专门用来针对Java应用程序的。         现在应该说日常的开发中很少用到JDB了，因为现在的IDE已经帮我们封装好了，如使用ECLI
  • 【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解 bit1129 controller
    在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解（http://bit1129.iteye.com/blog/2114084）中介绍了Autowired和Resource两个注解的功能，它们用于将依赖根据名称或者类型进行自动的注入，这简化了在XML中，依赖注入部分的XML的编写，但是UserDao和UserService两个bea
  • cxf wsdl2java生成代码super出错,构造函数不匹配 bitray super
        由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改: 我们原来的代码 wsdl2java com.test.xxx -client http://..... 修改后的代
  • 动态页面正文部分中文乱码排障一例 ronin47
    公司网站一部分动态页面，早先使用apache+resin的架构运行，考虑到高并发访问下的响应性能问题，在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题，随意进入某一有分页的网页，第一页是正常的（因为静态化过了）；点“下一页”，出来的页面两边正常，中间部分的标题、关键字等也正常，唯独每个标题下的正文无法正常显示。 因为有做过系统调整，所以第一反应就是新上
  • java-54- 调整数组顺序使奇数位于偶数前面 bylijinnan java
    import java.util.Arrays; import java.util.Random; import ljn.help.Helper; public class OddBeforeEven { /** * Q 54 调整数组顺序使奇数位于偶数前面 * 输入一个整数数组，调整数组中数字的顺序，使得所有奇数位于数组的前半部分，所有偶数位于数组的后半
  • 从100PV到1亿级PV网站架构演变 cfyme 网站架构
    一个网站就像一个人，存在一个从小到大的过程。养一个网站和养一个人一样，不同时期需要不同的方法，不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1：积累是必不可少的 架构师不是一天练成的。 1999年，我作了一个个人主页，在学校内的虚拟空间，参加了一次主页大赛，几个DREAMWEAVER的页面，几个TABLE作布局，一个DB连接，几行PHP的代码嵌入在HTM
  • [宇宙时代]宇宙时代的GIS是什么？ comsci Gis
           我们都知道一个事实，在行星内部的时候，因为地理信息的坐标都是相对固定的，所以我们获取一组GIS数据之后，就可以存储到硬盘中，长久使用。。。但是，请注意，这种经验在宇宙时代是不能够被继续使用的          宇宙是一个高维时空
  • 详解create database命令 czmmiao database
    完整命令 CREATE DATABASE mynewdb   USER SYS IDENTIFIED BY sys_password   USER SYSTEM IDENTIFIED BY system_password   LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m
  • 几句不中听却不得不认可的话 datageek
    1、人丑就该多读书。 2、你不快乐是因为：你可以像猪一样懒，却无法像只猪一样懒得心安理得。 3、如果你太在意别人的看法，那么你的生活将变成一件裤衩，别人放什么屁，你都得接着。 4、你的问题主要在于：读书不多而买书太多，读书太少又特爱思考，还他妈话痨。 5、与禽兽搏斗的三种结局：(1)、赢了，比禽兽还禽兽。(2)、输了，禽兽不如。(3)、平了，跟禽兽没两样。结论：选择正确的对手很重要。 6
  • 1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误 dcj3sjt126com PHP
    原文地址：http://www.kafka0102.com/2010/08/281.html   因为需要，今天晚些在本机使用PHP做些测试，PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来，就报出类似下面的错误：“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/
  • xcode6 Auto layout and size classes dcj3sjt126com ios
    官方GUI   https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html   iOS中使用自动布局（一）   http://www.cocoachina.com/ind
  • 通过PreparedStatement批量执行sql语句【sql语句相同，值不同】 梦见x光 sql事务批量执行
    比如说：我有一个List需要添加到数据库中，那么我该如何通过PreparedStatement来操作呢？ public void addCustomerByCommit(Connection conn , List<Customer> customerList) {    String sql = "inseret into customer(id
  • 程序员必知必会----linux常用命令之十【系统相关】 hanqunfeng Linux常用命令
    一.linux快捷键 Ctrl+C : 终止当前命令 Ctrl+S : 暂停屏幕输出 Ctrl+Q : 恢复屏幕输出 Ctrl+U : 删除当前行光标前的所有字符 Ctrl+Z : 挂起当前正在执行的进程 Ctrl+L : 清除终端屏幕，相当于clear   二.终端命令 clear : 清除终端屏幕 reset : 重置视窗，当屏幕编码混乱时使用 time com
  • NGINX IXHONG nginx
    pcre 编译安装 nginx conf/vhost/test.conf   upstream admin { server 127.0.0.1:8080; }   server {                 listen       80; &
  • 设计模式--工厂模式 kerryg 设计模式
    工厂方式模式分为三种：   1、普通工厂模式：建立一个工厂类，对实现了同一个接口的一些类进行实例的创建。   2、多个工厂方法的模式：就是对普通工厂方法模式的改进，在普通工厂方法模式中，如果传递的字符串出错，则不能正确创建对象，而多个工厂方法模式就是提供多个工厂方法，分别创建对象。   3、静态工厂方法模式：就是将上面的多个工厂方法模式里的方法置为静态，
  • Spring InitializingBean/init-method和DisposableBean/destroy-method mx_xiehd javaspringbeanxml
    1.initializingBean/init-method 实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后，来执行初始化的工作，InitialzingBean仅仅指定了一个方法。 通常InitializingBean接口的使用是能够被避免的，（不鼓励使用，因为没有必要
  • 解决Centos下vim粘贴内容格式混乱问题 qindongliang1922 centosvim
    有时候，我们在向vim打开的一个xml，或者任意文件中，拷贝粘贴的代码时，格式莫名其毛的就混乱了，然后自己一个个再重新，把格式排列好，非常耗时，而且很不爽，那么有没有办法避免呢？ 答案是肯定的，设置下缩进格式就可以了，非常简单： 在用户的根目录下 直接vi  ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中，保存退出，重新登录，
  • netty大并发请求问题 tianzhihehe netty
    多线程并发使用同一个channel java.nio.BufferOverflowException: null at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea] at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea]
  • Hadoop NameNode单点问题解决方案之一 AvatarNode wyz2009107220 NameNode
    我们遇到的情况 Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。 我们的团队负责管理一个1200节点的集群(总大小12PB)，目前是运行版本为Hadoop 0.20，transaction logs写入一个共享的NFS filer(注：NetApp NFS Filer)。 经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他