脚本

Highcharts实例

由 …衆ロ難τιáo~ 提交于 2020-02-03 05:15:02
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <head> <title>Highcharts Example</title> <script type="text/javascript" src="<%=request.getContextPath() %>/script/jquery/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/script/highcharts/highcharts.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/script/highcharts/exporting.js"></script> <script type="text/javascript"> $(document).ready(function(){ var jsonXDate=[]; var jsonD1=[]; var jsonD2=[]; $.ajax({ url: '/testServlet?command

Bootstrap <基础十九>分页

由 旧街凉风 提交于 2020-02-03 02:44:38
Bootstrap 支持的分页特性。分页（Pagination），是一种无序列表，Bootstrap 像处理其他界面元素一样处理分页。 分页（Pagination） 下表列出了 Bootstrap 提供的处理分页的 class。 Class 描述 示例代码 .pagination 添加该 class 来在页面上显示分页。 <ul class="pagination"> <li><a href="#">«</a></li> <li><a href="#">1</a></li> ....... </ul> .disabled, .active 您可以自定义链接，通过使用 .disabled 来定义不可点击的链接，通过使用 .active 来指示当前的页面。 <ul class="pagination"> <li class="disabled"><a href="#">«</a></li> <li class="active"><a href="#">1<span class="sr-only">(current)</span></a></li> ....... </ul> .pagination-lg, .pagination-sm 使用这些 class 来获取不同大小的项。 <ul class="pagination pagination-lg">...</ul> <ul

Bootstrap <基础二十六>进度条

由 試著忘記壹切 提交于 2020-02-03 02:35:50
Bootstrap 进度条。在本教程中，你将看到如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。 Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性，Opera 12 不支持动画。 默认的进度条 创建一个基本的进度条的步骤如下： 添加一个带有 class .progress 的 <div>。 接着，在上面的 <div> 内，添加一个带有 class .progress-bar 的空的 <div>。 添加一个带有百分比表示的宽度的 style 属性，例如 style="60%"; 表示进度条在 60% 的位置。 让我们看看下面的实例： <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 进度条</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src="/scripts/jquery.min.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> </head> <body> <div class="progress">

Ansible安装与模块管理

由 时光毁灭记忆、已成空白 提交于 2020-02-03 02:07:19
Ansible简介 Ansible可以同时管理Redhat系的Linux，Debian系的Linux，以及Windows主机。管理节点只在执行脚本时与远程主机连接，没有特别的同步机制，所以断电等异常一般不会影响ansbile。 Ansible是新出现的自动化运维工具，基于Python开发，集合了众多运维工具（puppet、cfengine、chef、func、fabric）的优点，实现了批量系统配置、批量程序部署、批量运行命令等功能。Ansible是基于模块工作的，本身没有批量部署的能力。真正具有批量部署的是ansible所运行的模块，Ansible只是提供一种框架。主要包括： 1、连接插件connection plugins：负责和被监控端实现通信； 2、host inventory：指定操作的主机，是一个配置文件里面定义监控的主机； 3、各种模块核心模块、command模块、自定义模块； 4、借助于插件完成记录日志邮件等功能； 5、playbook：剧本执行多个任务时，非必需可以让节点一次性运行多个任务。 Ansible的架构：连接其他主机默认使用ssh协议 Ansible环境安装部署 服务器角色 IP地址 Ansible管理端 192.168.142.120 Ansible被管理端01 192.168.142.121 Ansible被管理端02 192.168.142.122

JS - defer 和 async

由 三世轮回 提交于 2020-02-02 15:30:09
普通 <script src="script.js"></script> 没有 defer 或 async ，浏览器会立即加载并执行指定的脚本，“立即” 指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。 async <script async src="script.js"></script> 有 async ，加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行（异步）。 defer <script defer src="myscript.js"></script> 有 defer ，加载后续文档元素的过程将和 script.js 的加载并行进行（异步），但是 script.js 的执行要在所有元素解析完成之后， DOMContentLoaded 事件触发之前完成。（注意：带有 defer 属性的脚本执行也不一定按照顺序执行） 参见 javascript - defer 和 async 的区别 - SegmentFault 思否 来源： https://www.cnblogs.com/jffun-blog/p/11108402.html

100个JavaScript代码片段

由 我的未来我决定 提交于 2020-02-02 13:00:32
实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break } } return strre + "..." } 获取域名主机 function getHost(url) { var host = "null"; if(typeof url == "undefined"|| null == url) { url = window.location.href; } var regex = /^\w+\:\/\/([^\/]*).*/; var match = url.match(regex); if(typeof match != "undefined" && null != match) { host = match[1]; }

JScrollPane的使用

由 女生的网名这么多〃 提交于 2020-02-02 00:20:19
概述 jScrollPane.js是一个轻量级的滑块插件, 非常方便使用. 在前端工业界(写页面)使用非常广泛, 下面我记录下用法, 供以后开发时参考, 相信对其他人也有用. PS: 想起之前我用impress.js写了一个PPT, 当时觉得有多了不起, 现在用的插件一多, 就觉得以前真是好笑, impress.js也就是一个一般的插件罢了... 不用jScrollPane.js 先来看看不用jScrollPane.js, 给一个wrap设定高度, 再给这个wrap加上内容, 内容的高度大于wrap的高度, 会发生什么? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>demo</title> <style type="text/css"> * { padding: 0; margin: 0; } .scroller { width: 240px; height: 140px; background-color: #666; } .app { width: 240px; height: 140px; background-color: green; } <style> <

window.open(url, name, features, replace)

由 倖福魔咒の 提交于 2020-02-01 18:22:42
window.open 先见百度详解： http://baike.baidu.com/view/613278.htm 语法：window.open(url, name, features, replace) 下面是网友总结用法： 1、最基本的弹出窗口代码 <script LANGUAGE="javascript"> <! -- window.open ('page.html') --> </script> 因为这是一段javascripts代码，所以它们应该放在<script LANGUAGE="javascript ">标签和</script> 之间。<!-- 和 -->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显 示出来。要养成这个好习惯啊。 window.open ('page.html') 用于控制弹出新的窗口page.html， 用单引号和双引号都可以，只是不要混用。 这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body >也可以，越前越早执行， 尤其是页面代码长，又想使页面早点弹出就尽量往前放。 2、设置弹出窗口 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应页面的具体情况。 <script LANGUAGE=

Ansible模块——script

由 早过忘川 提交于 2020-02-01 16:11:26
在本地写一个脚本，然后在远程服务器上执行。脚本一直存在于 ansible 管理主机本地，不需要手动拷贝到远程主机后再执行。 一、主要参数 free_form：required，指定需要执行的脚本，脚本位于 ansible 管理主机本地。 chdir: 远程主机中执行工作目录。 creates：指定一个远程主机中的文件，当指定的文件存在时，就不执行对应脚本。 removes：指定一个远程主机中的文件，当指定的文件不存在时，就不执行对应脚本。 二、示例 上面命令表示 ansible 主机中的 /testdir/testscript.sh 脚本将在 host1 主机中执行，执行此脚本之前，会先进入到 host1 主机中的 /opt 目录 [ root@ansible-manager ~ ] # ansible host1 -m script -a "chdir=/opt /testdir/testscript.sh" host1 主机中的 /testdir/testfile1文件已经存在，ansible 主机中的 /testdir/testscript.sh 脚本将不会在 host1 主机中执行。 [ root@ansible-manager ~ ] # ansible host1 -m script -a "creates=/testdir/testfile1 /testdir

package.json中的script选项作用

由 廉价感情. 提交于 2020-02-01 12:18:25
npm不仅可以用于模块管理，还可以用于执行脚本。package.json文件有一个scripts字段，可以用于指定脚本命令，供npm直接调用。 接下来做个简单测试： （1）在项目根目录下创建demo.js 接下来运行demo.js，直接运行如下 那如果将其放到script里，可以通过npm run指令来运行 （2）通过npm run指令运行 首先将其放入script字段 接下来执行 npm run demo （3）npm test与npm start 指令快捷操作，我们可以随意自定义，那向我们常见的test与start只是自定义中的一个，与其他有稍微不同之处便是start和test属于特殊命令，可以省略run。 具体官方文档说明如下，原因：规定... 文档说明： npm内置了两个命令简写，npm test等同于执行npm run test，npm start等同于执行npm run start。 . 来源： https://www.cnblogs.com/jianxian/p/12247829.html
订阅 脚本