HighCharts - 学习笔记整理
HighCharts概述:HighCharts是用JavaScript编写的图表库,可以在Web应用中使用,开源,个人及非商可以任用。
HighCharts特点:
兼容性 - 支持所有主流浏览器和移动平台(android、iOS等)。
多设备 - 支持多种设备,如手持设备 iPhone/iPad、平板等。
免费使用 - 开源免费。
轻量 - highcharts.js 内核库大小只有 35KB 左右。
配置简单 - 使用 json 格式配置
动态 - 可以在图表生成后修改。
多维 - 支持多维图表
配置提示工具 - 鼠标移动到图表的某一点上有提示信息。
时间轴 - 可以精确到毫秒。
导出 - 表格可导出为 PDF/ PNG/ JPG / SVG 格式
输出 - 网页输出图表。
可变焦 - 选中图表部分放大,近距离观察图表;
外部数据 - 从服务器载入动态数据。
文字旋转 - 支持在任意方向的标签旋转。
HighCharts构成:界面构成:在Highcharts中,一个图表通常由图表区,标题,绘图区,坐标轴,图例,数据列等几个部分组成。wh
代码构成:
标题(Title):
图表标 ...
『构建工具-Webpack』相关内容整理
Webpack是什么?
webpack is a module bundler.Webpack是一个模块打包器。
webpack 是一个现代 JavaScript 应用程序的*模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph)*,其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的 bundle - 通常只有一个,由浏览器加载。
Webpack的特点:
代码拆分:
Webpack 有两种组织模块依赖的方式,同步和异步。异步依赖作为分割点,形成一个新的块。在优化了依赖树后,每一个异步区块都作为一个文件被打包。
Loader:
Webpack 本身只能处理原生的 JavaScript 模块,但是 loader 转换器可以将各种类型的资源转换成Javascript 模块。这样,任何资源都可以成为 Webpack 可以处理的模块。
智能解析:
Webpack 有一个智能解析器,几乎可以处理任何第三方库,无论它们的模块形式是 CommonJS、 AMD 还是普通的 js 文件。甚 ...
『构建工具-Maven』相关内容整理
Maven-工具简介:
Apache Maven是跨平台的项目管理工具,主要服务于基于Java平台的项目构建、依赖管理和项目信息管理。Maven可以自动化构建过程,从清理、编译、测试到生成报告,再到打包和部署。Maven最大化地消除了构建的重复,抽象了构建生命周期,并且为绝大部分的构建任务提供了已实现的插件,我们不再需要定义过程,甚至不需要再去实现这些过程中的一些任务。 最简单的例子就是测试,我们没必要告诉Maven去测试,更不需要告诉Maven如何运行测试,只需要遵循Maven的约定编写好测试用例当我们运行构建的时候,这些测试便会自动运行。
Maven-环境配置:
Maven是一个基于Java的构建工具,所以在安装Maven之前必须配置好Java的相关环境。
检查JAVA环境是否正常:
java -version
下载并解压Maven: 下载
Mac用户可以使用[Homebrew](https://brew.sh/)来安装Maven
brew search maven # 搜索
brew install maven # 安装
设置M ...
Lombok - 使用注解让你的JavaBean变得更加简洁
Lombok - 工具简介:Lombok是一个编译时注释预处理器,有助于在编译时注入一些代码。Lombok提供了一组在开发时处理的注释,以将代码注入到Java应用程序中,注入的代码在开发环境中立即可用。在详细介绍之前,可以去其官网看一下作者提供的视频,视频中阐述了Lombok 的简单用法。https://projectlombok.org/
Lombok - 安装过程:基于 Maven:示例代码:
<dependencies>
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<version>1.16.18</version>
<scope>provided</scope>
</dependency>
</dependencies>
添加好 Maven 依赖之后,就可以在代码中使用 Lombok 的注解来简化代码了。
基于IntelliJ IDEA:安装 Lombok Intel ...
『Enterprise Java - Servlet』 在 Java8中使Servlet 3.1
前言:本文讲解了在 JAVA8的环境中使用 Servlet3.1的标准容器中使用 Http 上下文的方式来深入了解 Servlet,通过一个简单的Maven Web项目,可以通过您喜爱的浏览器或Postman来访问。
环境准备:
Java Version : 1.8.0_121
Maven Version:Apache Maven 3.3.9
IDE:IntelliJ IDEA (2017.2.3)
System:macOS Sierra
Servlet - 简介:Servlet是基于Java技术的web组件,容器托管的,用于生成动态内容。它是运行在 Web 服务器或应用服务器上的程序,它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。像其他基于Java的组件技术一样,Servlet也是基于平台无关的Java类格式,被编译为平台无关的字节码,可以被基于Java技术的web server动态加载并运行。容器,有时候也叫做servlet引擎,是web server为支持servlet功能扩展的部分。客户端通过Servlet容器 ...
『管理工具-NPM』相关内容整理
NPM是什么?
npm(全称 Node Package Manager,即node包管理器)是Node.js默认的、以JavaScript编写的软件包管理系统。
NPM的使用场景:
允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用
NPM-工作原理: npm依赖解析的主要思想:尽可能地减少间接依赖安装目录的深度,最理想的情况是与直接依赖安装在同一目录下,通过这种方式来减少依赖目录的嵌套,缓解整个依赖目录层次过深的问题。(因为 Windows 中文件路径的长度不能大于 260 个字符。)
参考资料:NPM基本用法和使用技巧
NPM-基础操作:NPM是随同Node.js一起安装的包管理工具,所以我们只需要安装nodejs就可以同时安装成功NPM。
安装Node.js并更新npmWin系统:进入Node.js 官方网站,找到 Downloads 栏目,选择适合自己系统的安装包进行安装。
MacOS系统:在MacOS系统上建议先安装Homebrew ...
『构建工具-Gulp』相关内容整理
Gulp- 简介
Automate and enhance your workflow | 用自动化构建工具增强你的工作流程
Gulp 是什么?gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,不仅可以很愉快的编写代码,而且大大提高我们的工作效率。
gulp是基于Nodejs的自动任务运行器,它能自动化地完成 javascript、coffee、sass、less、html/image、css 等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。在实现上,她借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,使得在操作上非常简单。通过本文,我们将学习如何使用Gulp来改变开发流程,从而使开发更加快速高效。
gulp 和 grunt 非常类似,但相比于 grunt 的频繁 IO 操作,gulp 的流操作,能更快地更便捷地完成构建工作。
Gulp的核心概念?流,简单来说就是建立在面向对象 ...
Oracle DQL DML 常见操作
DQLWITH…AS…With查询语句不是以select开始的,而是以“WITH”关键字开头创建临时表查询
可认为在真正进行查询之前预先构造了一个临时表,之后便可多次使用它做进一步的分析和处理
UNION&UNION ALLPS:UNION比UNION ALL 效率低,如果明确确认集合中不包括重复记录则使用UNION ALL ,如果表数据很大可能会导致用磁盘进行排序耗费时间
为了合并多个SELECT语句的结果,可以使用集合操作符,实现集合的并、交、差。
集合操作符包括UNION、UNION ALL、INTERSECT和MINUS。
多条作集合操作的SELECT语句的列的个数和数据类型必须匹配。
MINUSMINUS函数获取两个结果集的差集。只有在第一个结果集中存在,在第二个结果集中不存在的数据,才能够被显示出来。也就是结果集一减去结果集二的结果。
DMLSELECT INTO语句形式为:SELECT vale1, value2 into Table2 from Table1
要求目标表Table2不存在,因为在插入时会自动创建表Table2,并将Table1中指定字段数据复 ...
NSCA Part1-抗阻训练 & 有氧训练的适应
有氧训练的适应有氧训练的基础适应在有氧训练中,身体通过改变生理系统的过程来产生适应,以下表格是未经训练的人通过有氧训练产生的反应:
指标
反应
最大摄氧量
升高
安静心率
下降
运动心率(次最大)
下降
最大心率
不变或少量下降
动静脉氧差
升高
脉搏输出量
升高
心输出量
升高
收缩血压
不变或少量上升
肌肉的氧化能力
升高
重复的有氧运动的全部适应就是使身体更加有效,使得在每种水平的活动中,所有与器官所做的努力减少。
心血管系统的变化心血管系统由两个部分组成: 心脏和血管。
急性适应和慢性适应急性适应在运动中,心脏的兴奋性增加,为所需的身体部分提供血液。尽管这不是血流增加的唯一原因,但是有一种简单的解释,就是通过交感神经系统和副交感神经系统分别释放神经递质(肾上腺素、去甲肾上腺素和乙酰胆碱)来改变心脏的兴奋性。
慢性适应心血管在有氧耐力训练中出现,变化是慢性的,心脏变得肥大,与抗阻训练中肌纤维的肥大类似。需要注意的是,训练引起的心脏大小的变化与年龄和性别都没有关系。
与长期有氧运动有关的最显著的改变就是安静状态下的平均心率值(静息心率 ...
NSCA Part1-生物力学&生物能学
Nsca 生物力学 & 生物能学