hdchenyue
hdchenyue

js图表库——ECharts带你入门

这个开源的图标库来自百度EFE数据可视化团队。Highcharts 与之比起来简直不能看啊，人家做一个图表都开始往大数据方面思考了，你还在做功能，这产品差距就不是一个数量级的。 这里就不多废话：


　　Echarts 首页：http://echarts.baidu.com/index.html


　　特性：http://echarts.baidu.com/doc/feature.html


　　不贴地址了，想要了解的看一下特性就好了，想要入门的继续往下看。


　　ECharts 底层依赖于 Html5 的轻量级的Canvas类库ZRender ，这也是它的效果这么绚丽的原因。它与 js charts类似，不依赖其他 js 类库，相比之下 Highcharts还要依赖JQuery等类库。不过，ECharts也不是什么缺点都没有的，在线演示平台、文档，


　　初学者可能会被ECharts那个带你入门的那2个示例弄晕，这里来一个个解释：





　　1、AMD规范的加载器——esl.js，这是什么？


　　答：关于AMD规范可以参考阮一峰的这篇文章Javascript模块化编程（二）：AMD规范 简单来说，AMD规范就是异步方式加载模块的一种方式，避免因为模块加载过慢而导致浏览器“假死”。


　　


　　2、我们先来看一下echart的大概的包：　
•echarts.js : 经过压缩，包含除地图外的全部图表
•echarts-original.js : 未压缩，可用于调试，包含除地图外的全部图表
•echarts-map.js : 经过压缩，全图表，包含world，china以及34个省市级地图数据
•echarts-original-map.js : 未压缩，可用于调试，全图表，包含world，china以及34个省市级地图数据


　　看得出，这种分类非常有意义。





　　3、echarts更规范的一点，那就是模块化加载，需要哪个部分就是用哪个部分。


　　关于Echarts的那个入门图表，我想很多新手跟我一样的迷惑，require和require.config这个两个公共方法到底什么来的？


　　答：AMD规范的加载器——esl.js的公共方法。（如有错误，请指正。）


　　


　　4、require.config的作用是什么？


　　答：为模块加载器配置echarts的路径，从当前页面链接到echarts.js，定义所需的图表路径。一切尽在echarts-2.0.4文件夹下的src文件夹中。





　　5、解释一下require方法？


　　答：require方法有2个参数。


　　第一个参数为一个数组，数组元素是需要加载的echarts模块，需要哪个就加载哪个。（经本人测试，这个数组传入一个空数组都是可以的 !- -）莫非，传入不正确，会加载全部文件到内存，传入正确就加载部分模块到内存？求大神解答！


　　第二个参数为一个带一个参数的方法：function (ec){}, 这个ec对象就是echarts对象了。





　　OK，基本解释完了。可能初学者看了Eharts入门实例还是不太理解那Echarts3种导入方式的用法。（入门示例只有2种——标签式单文件引入和模块化单文件引入）


　　因为入门实例里，js文件指向的是百度服务器上的资源，而我们一般开发，js资源都是放在本地的。


　　


　　6、来看一下，本地创建3种Echarts导入的例子，下面是那3个示例文件的源码（官网Demo粗略修改而成）：


　　（1）、标签式单文件引入.html：　　
  1. <!DOCTYPE html>
  2. <head>
  3.     <meta charset="utf-8">
  4.     <title>ECharts</title>
  5. </head>
  6. <body>
  7.     <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
  8.     <div id="main" style="height:400px"></div>
  9.     <!-- ECharts单文件引入 -->
  10.     <script src="js/echarts.js"></script>
  11.     <script type="text/javascript">
  12.         // 基于准备好的dom，初始化echarts图表
  13.         var myChart = echarts.init(document.getElementById('main')); 
  14.         
  15.         var option = {
  16.             tooltip: {
  17.                 show: true
  18.             },
  19.             legend: {
  20.                 data:['销量']
  21.             },
  22.             xAxis : [
  23.                 {
  24.                     type : 'category',
  25.                     data : ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
  26.                 }
  27.             ],
  28.             yAxis : [
  29.                 {
  30.                     type : 'value'
  31.                 }
  32.             ],
  33.             series : [
  34.                 {
  35.                     "name":"销量",
  36.                     "type":"bar",
  37.                     "data":[5, 20, 40, 10, 10, 20]
  38.                 }
  39.             ]
  40.         };

  42.         // 为echarts对象加载数据 
  43.         myChart.setOption(option); 
  44.     </script>
  45. </body>
复制代码


　　（2）、模块化包引入.html，这个就需要用到2个src文件。
  1. <!DOCTYPE html>
  2. <head>
  3.     <meta charset="utf-8">
  4.     <title>ECharts</title>
  5.     <!--从当前页面，引入模块加载器esl.js-->
  6.     <script src="js/esl.js"></script>
  7. </head>
  8. <body>
  9.     <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
  10.     <div id="main" style="height:400px"></div>
  11.     <script type="text/javascript">
  12.         // 为模块加载器配置echarts的路径，从当前页面链接到echarts.js，定义所需的图表路径
  13.         require.config({
  14.             packages: [
  15.                 {
  16.                     name: 'echarts',
  17.                     location: 'js/src',      
  18.                     main: 'echarts'
  19.                 },
  20.                 {
  21.                     name: 'zrender',
  22.                     location: 'js/zrender/src', 
  23.                     main: 'zrender'
  24.                 }
  25.             ]
  26.         });
  27.         
  28.         // 使用
  29.         require(
  30.             [
  31.             ],
  32.             function (ec) {
  33.                 // 基于准备好的dom，初始化echarts图表
  34.                 var myChart = ec.init(document.getElementById('main')); 
  35.                 
  36.                 var option = {
  37.                     tooltip: {
  38.                         show: true
  39.                     },
  40.                     legend: {
  41.                         data:['销量']
  42.                     },
  43.                     xAxis : [
  44.                         {
  45.                             type : 'category',
  46.                             data : ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
  47.                         }
  48.                     ],
  49.                     yAxis : [
  50.                         {
  51.                             type : 'value'
  52.                         }
  53.                     ],
  54.                     series : [
  55.                         {
  56.                             "name":"销量",
  57.                             "type":"bar",
  58.                             "data":[5, 20, 40, 10, 10, 20]
  59.                         }
  60.                     ]
  61.                 };
  62.         
  63.                 // 为echarts对象加载数据 
  64.                 myChart.setOption(option); 
  65.             }
  66.         );
  67.     </script>
  68. </body>
复制代码


　　（3）、模块化单文件引入.html


  1. <!DOCTYPE html>
  2. <head>
  3.     <meta charset="utf-8">
  4.     <title>ECharts</title>
  5.     <!--从当前页面，引入模块加载器esl.js-->
  6.     <script src="js/esl.js"></script>
  7. </head>
  8. <body>
  9.     <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
  10.     <div id="main" style="height:400px"></div>
  11.     <script type="text/javascript">
  12.         // 为模块加载器配置echarts的路径，从当前页面链接到echarts.js，定义所需的图表路径
  13.         require.config({
  14.             paths:{ 
  15.                 'echarts' : './js/echarts',
  16.                 'echarts/chart/bar' : './js/echarts'
  17.             }
  18.         });
  19.         
  20.         // 使用
  21.         require(
  22.             [
  23.                 'echarts',
  24.                 'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
  25.             ],
  26.             function (ec) {
  27.                 // 基于准备好的dom，初始化echarts图表
  28.                 var myChart = ec.init(document.getElementById('main')); 
  29.                 
  30.                 var option = {
  31.                     tooltip: {
  32.                         show: true
  33.                     },
  34.                     legend: {
  35.                         data:['销量']
  36.                     },
  37.                     xAxis : [
  38.                         {
  39.                             type : 'category',
  40.                             data : ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
  41.                         }
  42.                     ],
  43.                     yAxis : [
  44.                         {
  45.                             type : 'value'
  46.                         }
  47.                     ],
  48.                     series : [
  49.                         {
  50.                             "name":"销量",
  51.                             "type":"bar",
  52.                             "data":[5, 20, 40, 10, 10, 20]
  53.                         }
  54.                     ]
  55.                 };
  56.         
  57.                 // 为echarts对象加载数据 
  58.                 myChart.setOption(option); 
  59.             }
  60.         );
  61.     </script>
  62. </body>
复制代码




　　2、如果上面的还有不明白的，参考一下我的本地目录：



js图表库——ECharts带你入门_第1张图片



　　js中有如下的文件：






　　其中，src是echarts-2.0.4文件夹下的src文件夹，zrender里面也有一个src文件夹，是zrender-2.0.4文件夹下面的src文件夹

你可能感兴趣的:(js图表库——ECharts带你入门)

  • 来自OpenAI的降维打击! OpenAI发布文生视频模型Sora——视频模型的奇点或许来临！！ AI想象家 AI作画人工智能chatgptopenAISORAsorastablediffusion
    手把手教你入门绘图超强的AI绘画，用户只需要输入一段图片的文字描述，即可生成精美的绘画。给大家带来了全新保姆级教程资料包（文末可获取）文章目录1卓越能力1.160s超长时间高度详细复杂的场景1.2复杂的相机运动1.3同一场景多个镜头2技术原理3不足4安全战略5碎碎念OpenAI发布文生视频模型Sora——视频模型的奇点或许来临！！初七啦，得开始工作了，没想到第一天就这么劲爆！今天OpenAI迎来重
  • 网络安全2025最详细学习路线，建议收藏！ 黑客杰哥 学习web安全安全python网络安全
    为了帮助小伙伴们系统化学习网络安全，我整理了一套超详细的学习路线，无论你是零基础入门还是想进一步提升，都可以参考！而且资料包免费分享，赶紧收藏！第一阶段：网络安全基础入门1.计算机基础学习目标：掌握计算机系统组成和操作。推荐内容：操作系统基础（Windows、Linux）计算机网络基础（TCP/IP、HTTP、DNS）常见命令：如Linux的文件操作、网络工具（ifconfig、netstat）。
  • 对table中有图片的情况进行处理，将图片提取出来，删除table,解决图片带有边框问题 Java-请多指教 java开发语言
    /***对table中有图片的情况进行处理，将图片提取出来，删除table,解决图片带有边框问题*@paramresult*@return*/privateStringdealTableContainImg(Stringresult){//解析HTML字符串Documentdoc=Jsoup.parse(result);ElementstableElements=doc.select("table
  • js webpack 配置路径_vue使用webpack配置路径别名 赤衿 jswebpack配置路径
    原始的文件引用方式的缺点要拼写一个巨长无比的字符串，而且每引用一次都要拼写一次。如果这个文件位置变了，我就要把所有引用它的文件都修改一次。下面介绍一种很优雅的方式，使用webpack的resolve.alias。以下面的目录结构为例：-src-components-navBar.vue-main.js复制代码vue-cli2.0中如何使用？在vue-cli2.0的工程中，在\build\webpa
  • 如何通过less在vue2中达到切换皮肤的目的 隐含 less前端css
    先装lessnpminstalllessless-loader--save-dev然后将该loader添加到webpack的配置中去，例如：webpack.config.jsmodule.exports={module:{rules:[{test:/\.less$/i,use:[//compilesLesstoCSS'style-loader','css-loader','less-loader'
  • C#从入门到精通（3） 画个逗号给明天" C#学习c#开发语言笔记
    目录第九章窗体（1）From窗体（2）MDI窗体（3）继承窗体第十章控件（1）控件常用操作（2）Label控件（3）Button控件（4）TextBox控件（5）RichTextBox控件（6）ComboBox控件（7）CheckBox控件（8）RadioButton控件（9）NumericUpDowm控件（10）ListBox控件（11）Panel控件（12）GroupBox控件（13）TabC
  • 前端工程化开篇 前端_yu小白 前端工程化前端工程化
    前端发展史梳理：最早的html，css，js是前端三剑客，足以实现所有的前端开发任务，但是呢，一个简单的前端交互效果可能就需要一大堆的代码去实现。后来呢，有了前端库jQuery，他可以使前端的dom操作编写较为简单的代码，提升了前端开发效率。但是随着技术的发展，jquery的弊端逐渐显现。频繁的操作dom使页面性能很差，且jquery不支持原生的模块化开发，无法适应前端发展的需要。再后来，有了vu
  • 【Webpack--00201】配置文件路径别名 Sam9029 Webpackwebpack前端node.js
    Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-前端领域博主‍若此文你认为写的不错，不要吝啬你的赞扬，求收藏，求评论，求一个大大的赞！*文章若有错误或某个内容有更优的解决方案，还望指正！*更多webpack入门知识，详细解读webpack的基本使用、进阶优化等；请阅读专栏：sam9029–CSDN博客—Webpack入门笔记或者访问作者个人博客网站：sam9029.asia—
  • 如何使用Babel将ES6+代码转为ES5？ 几何心凉 前端小常识es6前端ecmascript
    如何使用Babel将ES6+代码转为ES5？文章目录如何使用Babel将ES6+代码转为ES5？1.引言2.Babel简介3.安装与配置Babel3.1安装Babel及相关依赖3.2配置Babel3.2.1使用.babelrc文件3.2.2使用babel.config.js文件4.与构建工具的集成4.1与Webpack集成4.2与其他工具集成5.使用Promise和async/await优化代码结
  • python基础 晨曦543210 python学习
    一、常见的标准库1、系统交互类（1）sys控制Python运行环境，支持命令行参数解析（sys.argv）、程序退出（sys.exit()）和解释器信息获取（sys.version）。（2）os访问操作系统功能，如目录操作（os.mkdir）、环境变量管理（os.environ）、执行系统命令（os.system）。（3）platform获取操作系统和硬件平台的详细信息2、数据处理类（1）json
  • GRC（Generic Colouriser）：为你的终端输出增添色彩 vortex5 工具命令linuxbash运维工具
    在命令行世界里，单调的黑白文本常常让人眼花缭乱。无论是查看日志、运行网络扫描，还是调试编译器输出，密密麻麻的字符总会让人抓狂。这时，GRC（GenericColouriser）应运而生。作为一个强大的终端着色工具，它通过为输出添加颜色，极大提升了可读性，让重要信息一目了然。今天，我们将深入探讨GRC的安装、使用和配置，带你解锁这个小工具的全部潜力。一、快速上手：安装GRC在Ubuntu或Debia
  • python黏合flash_Python+Flash框架开发接口,pythonflask weixin_39719749 python黏合flash
    fromflaskimportFlaskapp=Flask(__name__)CORS(app,resources=r'/*')#声明app并写入run主py文件@app.route('/insert_case_base_data',methods=['POST'])definsert_case_base_data():request.encoding='utf-8'code=request.js
  • node-red sanzk node-red
    Node-Red-简书一、node-red简介  Node-RED是一个构建物联网应用的开源可视化界面开发工具，提供了一个基于浏览器的流程编辑器，通过拖拽连接节点的编程方式，快速连接硬件和设备到Web服务和其他软件，可以一键部署运行，创建好的流程还可以通过导出导入JSON文件轻松实现程序移植。  它是基于Node.js构建的轻量级开源工具，非常适合运行在RaspberryPi等低成本边缘设备以及云
  • node-red &s7.net sanzk node-red
    在使用Node-RED和S7.Net这样的库来与西门子S7系列PLC（可编程逻辑控制器）通信时，你可以通过几个步骤来设置和集成这些组件。以下是一个基本的指南，帮助你开始使用Node-RED与西门子S7PLC进行通信。步骤1:安装Node-RED首先，确保你已经安装了Node-RED。你可以通过npm（Node.js的包管理器）来安装Node-RED：npminstall-gnode-red安装完成
  • React（10） 一路向前的月光 react.js前端前端框架
    项目实践--创建项目在store的modules中创建相关的子仓库暴露到仓库index文件中导入creatSlice和axios创建仓库和数据的异步修改方法//编写store//导入createSlice和axiosimport{createSlice}from"@reduxjs/toolkit";importaxiosfrom"axios";//创建sliceconstfoodsStore=cr
  • ROS2 中 使用奥比中光 Orbbec Astra Pro 深度相机 dotNET跨平台
    本文将以Ubuntu20.04和ROS2foxy环境为例，详细介绍如何在ROS2中使用奥比中光OrbbecAstraPro深度相机。在这一篇文章中，你会学到如何创建工作空间，使用usb_cam功能包，编译安装使用ros_astra_camera等。1.引言前面的文章《ROS2机器人操作系统入门和安装以及如何使用.NET进行开发》中提到，组成机器人的关键部分主要是电机、传感器、软件和电池。机器人的智
  • el-select ios 上无法拉起 键盘 昵称老重复 iosjavascriptvue3vue.jselementui前端
    el-select再添加filterable属性支持输入搜索时，在ios上无法拉起键盘解决jsimport{reactive,ref,nextTick,onMounted}from'vue'constselectRef=ref(null)const{proxy}=getCurrentInstance()//获取全局setFocus:(value)=>{nextTick(()=>{if(!value
  • 《AI大模型开发笔记》——ollama应用全面解析 Richard Chijq AI大模型开发笔记人工智能笔记
    入门篇1ollama是什么？Ollama是一个支持在本地运行大语言模型的工具，兼容Windows、Linux和MacOS操作系统。使用Ollama，您仅需一行命令即可启动模型。2如何安装？Windows和MacOS用户，从下面链接下载安装即可：下载地址：https://ollama.com/downloadLinux系统安装请参考（10个问题帮你搞定Linux上Ollama安装）：AI开发者de频
  • 矩阵键盘原理与单片机驱动设计详解—端口反转法（下） | 零基础入门STM32第七十八步 触角01010001 STM32入门教程（100步）stm32嵌入式硬件单片机驱动开发物联网
    主题内容教学目的/扩展视频4x4阵列键盘电路连接，电路原理，驱动程序，调用函数。能用程序读出按键值。师从洋桃电子，杜洋老师文章目录一、矩阵键盘驱动架构设计1.1系统整体架构1.2硬件资源配置二、核心驱动实现分析2.1初始化函数解析2.2按键扫描流程图2.3按键解码算法三、关键技术创新点3.1动态IO模式切换3.2复合消抖策略四、扩展设计指南4.1扩展为8x8矩阵4.2多按键组合检测五、性能优化建议
  • 【RH124】 第五章 创建、查看文本文件 却道海棠 RHEL9.0linux运维
    系列文章目录第一章红帽企业Linux入门第二章访问命令行第三章从命令行管理文件第五章创建、查看文本文件文章目录系列文章目录前言一、重定向1、定义2、文件描述符3、重定向和文件描述符操作4、管道符与tee命令二、更改shell环境1、Sehll变量2、环境变量3、bash别名三、问答1、什么是重定向？解释命令的结果：&>>file;2>/dev/null2、什么是管道？tee命令的作用是什么？举例说
  • Nginx源码分析 编程界的谢菲尔德 nginx运维
    目录解析auto:configure编译的脚本html：默认htmlobjs：执行configure之后产生的src：源码conf：默认配置文件contrib:一些使用工具e.vim的高亮语法man：帮助文件auto文件：cc:＃检各种编译器的脚本lib:＃检各种编译依赖库的脚本os:＃检各种操作系统的脚本types:＃检平台相关的基本类型的脚本src文件core数据结构定义和核心代码event事
  • 2024年美国科技业待遇统计 codebat_raymond 科技
    1.数据科学家他们收集、评估和可视化数据,洞察见解,帮助公司做出明智的决策。薪资数据1.入门级薪资-$104,5662.平均薪资-$123,6453.3-5年经验-$142,4792.数据库架构师他们为数据库编写代码并维护数据库,解决问题并评估用户趋势,以不断改进现有的数据系统。薪资数据1.中级薪资平均为$90,0522.高收入者可达$172,0003.软件开发人员软件开发人员是技术专业人员的统称
  • JAVA NIO入门 sensormsg javanio
    1.nioioio主要是以流的方式处理数据nio主要是以块的方式进行处理数据2.nio基本概念通道通道channel是对原io包中流的模拟，通过它可以读写数据与流不同的是，channel可以双向，可以读或者可以写数据通道channel主要包括以下类型：fileChannel：从文件中读取数据datagramChannel：从UDP中读取数据scoketChannel：从TCP中读写网络数据serv
  • java nio 实例_Java NIO（二）NIO入门实例 榛禾木 javanio实例
    一Java源生api的核心概念1.1ChannelChannel：通道，BIO模型中使用流来传输数据，在NIO中使用Channel来传输数据，它是双向的，一个Channel即可以读也可以写(BIO中流是单向的，所以分了InputStream和OutputStream)。网络编程中用到的Channel只有ServerSocketChannel和SocketChannel，可以类比于ServerSoc
  • NIO入门学习 coderchem IONIOIO
    什么是NIONIO的官方名称是NewIO,其实是它是一个非阻塞式的IO——NonBlockIO阻塞与非阻塞阻塞(Block)和非租塞(NonBlock):阻塞和非阻塞是进程在访问数据的时候，数据是否准备就绪的一种处理方式，当数据没有准备的时候阻塞：往往需要等待缓存冲区中的数据准备好过后才处理其他的事情，否則一直等待在那里。非阻塞：当我们的进程访问我们的数据缓冲区的时候，如果数据没有准备好则直接返回
  • openai-agents-python - OpenAI Agents SDK 知识搬运bot #AI开源项目openaiagentpythonsdk代理大模型开源
    文章目录openai-agents-python一、关于OpenAIAgentsSDK核心概念：二、开始使用三、Helloworld示例四、Handoffs示例五、函数示例六、代理循环最终输出七、常见代理模式八、追踪九、开发（仅当您需要编辑SDK/示例时需要）致谢Index一、关于OpenAIAgentsSDK为什么使用代理SDK二、安装使用1、安装2、Helloworld示例快速入门一、创建项目
  • MySQL入门 初学者详细笔记 coralpink 笔记SQL
    第一章本篇笔记仅为本人在观看CodeWithMosh的10小时sql学习视频中自学所记。特此感谢b站up主：伟大的海伦君的搬运以及翻译。第二章1.选择语句SELECT*--选择全部语句,顺序影响SELECTcolumn1,column2--以列为主FROMcustomers--tableSELECTDISTINCTcolumn--distinct自动删去该列中的重复项SELECTprice,pri
  • 卸载mysql5.7数据库_卸载 Mysql 5.1 与安装 Mysql 5.7 压缩包 果舒 卸载mysql5.7数据库
    今天遇到几个奇葩问题，记录一下，本文仅限使用Windows10系统参考。我的数据库和表格编码都是统一为UTF8，后端也使用UTF8，Postman测试接口时使用的Json也都是UTF8，后端接收Json之后显示中文也正常。但是写入数据库的中文字段，就乱码。经排查后发现是我使用的Mysql版本太低导致的，有问题的版本编号为5.1，经过一番折腾，升级到Mysql5.7就解决这个问题。由于官方并没有提供
  • vue 库模式打包 批量 墨雪遗痕 vueJavaScriptvue.jsjavascript前端node.js
    vue批量打包库模式或WebComponents批量打包使用nodejsconstfs=require('fs')letreadDir=fs.readdirSync('./src/views/temp/')//筛选文件readDir=readDir.filter(item=>{return/^[A-z]+[0-9]+\.vue$/.test(item)})//去除尾部buildName=readD
  • 关于网站截图功能的几种方案 墨雪遗痕 JavaScriptvuejavascript前端
    HTML2canvas该脚本通过读取DOM以及应用于元素的不同样式，将当前页面呈现为canvas图像。它不需要来自服务器的任何渲染，因为整个图像是在客户端上创建的。但是，由于它太依赖于浏览器，因此该库不适合在nodejs中使用。它也不会神奇地规避任何浏览器内容策略限制，因此呈现跨域内容将需要代理来将内容提供给相同的源。该脚本仍然处理非常实验状态，因此不建议在生产环境中使用它，也不建议使用它来构建应
  • 如何用ruby来写hadoop的mapreduce并生成jar包 wudixiaotie mapreduce
    ruby来写hadoop的mapreduce，我用的方法是rubydoop。怎么配置环境呢： 1.安装rvm：     不说了 网上有 2.安装ruby：     由于我以前是做ruby的，所以习惯性的先安装了ruby，起码调试起来比jruby快多了。 3.安装jruby：     rvm install jruby然后等待安
  • java编程思想 -- 访问控制权限 百合不是茶 java访问控制权限单例模式
    访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问   一:包访问权限;   自定义包: package com.wj.control; //包 public class Demo { //定义一个无参的方法 public void DemoPackage(){ System.out.println("调用
  • [生物与医学]请审慎食用小龙虾 comsci 生物
         现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....      所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质     
  • org.apache.jasper.JasperException: Unable to compile class for JSP: 商人shang maven2.2jdk1.8
    环境： jdk1.8    maven  tomcat7-maven-plugin  2.0 原因： tomcat7-maven-plugin  2.0 不知吃 jdk 1.8，换成 tomcat7-maven-plugin  2.2就行，即     <plugin>
  • 你的垃圾你处理掉了吗?GC oloz GC
    前序:本人菜鸟，此文研究学习来自网络，各位牛牛多指教　 1.垃圾收集算法的核心思想 　　Java语言建立了垃圾收集机制，用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险：因内存垃圾过多而引发的内存耗尽，以及不恰当的内存释放所造成的内存非法引用。 　　垃圾收集算法的核心思想是：对虚拟机可用内存空间，即堆空间中的对象进行识别
  • shiro 和 SESSSION 杨白白 shiro
    shiro 在web项目里默认使用的是web容器提供的session，也就是说shiro使用的session是web容器产生的，并不是自己产生的，在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起，这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID，当关闭浏览器，此
  • 移动互联网终端 淘宝客如何实现盈利 小桔子 移動客戶端淘客淘寶App
           2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元，同比增长100%。而来自移动端的分成达1亿元，其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出，虽然目前阶段PC端对于淘客而言仍旧是盈利的大头，但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机，平板)的加速普及而更加迅猛
  • wordpress小工具制作 aichenglong wordpress小工具
    wordpress 使用侧边栏的小工具，很方便调整页面结构 小工具的制作过程 1 在自己的主题文件中新建一个文件夹(如widget)，在文件夹中创建一个php(AWP_posts-category.php) 小工具是一个类,想侧边栏一样，还得使用代码注册，他才可以再后台使用，基本的代码一层不变 <?php class AWP_Post_Category extends WP_Wi
  • JS微信分享 AILIKES js
    // 所有功能必须包含在 WeixinApi.ready 中进行    WeixinApi.ready(function(Api) {        // 微信分享的数据            var wxData = {       &nb
  • 封装探讨 百合不是茶 JAVA面向对象 封装
    //封装   属性 方法 将某些东西包装在一起，通过创建对象或使用静态的方法来调用，称为封装；封装其实就是有选择性地公开或隐藏某些信息，它解决了数据的安全性问题，增加代码的可读性和可维护性   在 Aname类中申明三个属性，将其封装在一个类中：通过对象来调用   例如   1： //属性 将其设为私有 姓名 name 可以公开
  • jquery radio/checkbox change事件不能触发的问题 bijian1013 JavaScriptjquery
    我想让radio来控制当前我选择的是机动车还是特种车，如下所示：  <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><
  • AngularJS中安全性措施 bijian1013 JavaScriptAngularJS安全性XSRFJSON漏洞
            在使用web应用中，安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制，用来防护来自两个常见攻击方向的网络攻击。 一.JSON漏洞         当使用一个GET请求获取JSON数组信息的时候（尤其是当这一信息非常敏感，
  • [Maven学习笔记九]Maven发布web项目 bit1129 maven
    基于Maven的web项目的标准项目结构 user-project     user-core     user-service     user-web        src      
  • 【Hive七】Hive用户自定义聚合函数(UDAF) bit1129 hive
    用户自定义聚合函数，用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。 问题：UDF也可以提供输入多个参数然后输出一个结果的运算，比如加法运算add(3，5)，add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么？   Double evaluate(Double a, Double b)  
  • 通过 nginx-lua 给 Nginx 增加 OAuth 支持 ronin47
    前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGeek 在过去几年中取得了发展，我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块，比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中，我们使用了几个不同的接口来认证： &n
  • 利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法 bsr1983 session
    在利用tomcat-redis-session-manager做session同步时，遇到了在session保存一个自定义对象时，修改该对象中的某个属性，session未进行序列化，属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明： Session Change Tracking As noted in the &qu
  • 《代码大全》表驱动法-Table Driven Approach-1 bylijinnan java算法
    关于Table Driven Approach的一篇非常好的文章： http://www.codeproject.com/Articles/42732/Table-driven-Approach package com.ljn.base; import java.util.Random; public class TableDriven { public
  • Sybase封锁原理 chicony Sybase
           昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定，不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据，因此立马着手解决该表的解锁问题。     无奈此前没有接触过Sybase IQ12.7这套数据库产品，加之当时已属于下班时间无法求助于支持人员支持，因此只有借助搜索引擎强大的
  • java异常处理机制 CrazyMizzz java
    java异常关键字有以下几个，分别为 try catch final throw throws 他们的定义分别为 try：    Opening exception-handling statement. catch：  Captures the exception. finally： Runs its code before terminating
  • hive 数据插入DML语法汇总 daizj hiveDML数据插入
    Hive的数据插入DML语法汇总1、Loading files into tables语法：1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释：1)、上面命令执行环境为hive客户端环境下： hive>l
  • 工厂设计模式 dcj3sjt126com 设计模式
      使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式 工厂模式（Factory）允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。 Example #1 调用工厂方法（带参数） <?phpclass Example{ 
  • mysql字符串查找函数 dcj3sjt126com mysql
      FIND_IN_SET(str,strlist) 假如字符串str 在由N 子链组成的字符串列表strlist 中，则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串，而第二个是type SET列，则   FIND_IN_SET() 函数被优化，使用比特计算。如果str不在strlist 或st
  • jvm内存管理 easterfly jvm
    一、JVM堆内存的划分 分为年轻代和年老代。年轻代又分为三部分：一个eden,两个survivor。 工作过程是这样的：e区空间满了后，执行minor gc，存活下来的对象放入s0, 对s0仍会进行minor gc，存活下来的的对象放入s1中，对s1同样执行minor gc，依旧存活的对象就放入年老代中； 年老代满了之后会执行major gc，这个是stop the word模式，执行
  • CentOS-6.3安装配置JDK-8 gengzg centos
    JAVA_HOME=/usr/java/jdk1.8.0_45 JRE_HOME=/usr/java/jdk1.8.0_45/jre PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib export JAVA_HOME
  • 【转】关于web路径的获取方法 huangyc1210 Web路径
    假定你的web application 名称为news,你在浏览器中输入请求路径：  http://localhost:8080/news/main/list.jsp  则执行下面向行代码后打印出如下结果：  1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项
  • php里获取第一个中文首字母并排序 远去的渡口 数据结构PHP
    很久没来更新博客了，还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算，需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的： Array ( [0] => Array ( [sid] => 2885842 [recetcstoredpay] =&g
  • java内部类 hm4123660 java内部类匿名内部类成员内部类方法内部类
         　在Java中，可以将一个类定义在另一个类里面或者一个方法里面，这样的类称为内部类。内部类仍然是一个独立的类，在编译之后内部类会被编译成独立的.class文件，但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类，外部类继承一个类，实现多继承。      &nb
  • Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten zhb8015
    maven pom.xml关于hibernate的配置和异常信息如下，查了好多资料，问题还是没有解决。只知道是包冲突，就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。   maven pom:   <dependency> <groupId>org.hibernate</groupId> <ar
  • Spark 性能相关参数配置详解－任务调度篇 Stark_Summer sparkcachecpu任务调度yarn
    随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。   由于篇幅较长，所以在这里分篇组织，如果要看最新完整的网页版内容，可以戳这里：http://spark-config.readthedocs.org/，主要是便
  • css3滤镜 wangkeheng htmlcss
    经常看到一些网站的底部有一些灰色的图标，鼠标移入的时候会变亮，开始以为是js操作src或者bg呢，搜索了一下，发现了一个更好的方法：通过css3的滤镜方法。 html代码： <a href='' class='icon'><img src='utv.jpg' /></a> css代码： .icon{-webkit-filter: graysc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他