当前位置:  编程技术>WEB前端
本页文章导读:
    ▪Highcharts翻译系列九:PlotOptions之area区域图      Highcharts翻译系列九:PlotOptions之area区域图 area区域图   参数 描述 默认值 allowPointSelect 是否允许通过点击标签而选中标签 false animation 当一个序列不显示时,是否显示动.........
    ▪同步文本框内容的JS代码       图例1<html><body><script language="JavaScript" type="text/javascript"> function addEvent(eventHandler) { var tags = document.getElementsByTagName('input'); for(var i=0;i<tags.length;i++) { .........
    ▪Node.js开发笔记Windows篇(二)安装Express      这次笔记还是安装,各位看官不要砸我,这次是安装node.js中module。至于什么是module,你大可理解为类似.dll, .jar的类库,至于更多关于module的东西,会在以后的笔记中进行讲解。现说明一下我.........

[1]Highcharts翻译系列九:PlotOptions之area区域图
    来源: 互联网  发布时间: 2013-11-06
Highcharts翻译系列九:PlotOptions之area区域图

area区域图

 

参数

描述

默认值

allowPointSelect

是否允许通过点击标签而选中标签

false

animation

当一个序列不显示时,是否显示动画

true

color

主要颜色或序列的颜色

null

connectEnds

只用在极坐标图表中。是否要跨越极端连接序列线的终端

true

connectNulls

是否跨过空的点链接图像线

false

cropThreshold

处理阈值

300.0

cursor

光标

null

dashStyle

图表段划线样式的名字

null

dataLabels

数据标签。参见三级标题datalabels

 

enableMouseTracking

启用或禁用鼠标跟踪一个特定的序列

true

events

事件,参见三级标题events

 

fillColor

区域图的填充颜色

null

fillOpacity

填充区域图的透明度

0.75

id

序列的id

null

lineColor

图表基线的独特颜色

null

lineWidth

图表基线条的宽度

2.0

marker

标记,参照二级标题marker

 

point

单独点,参见point

 

pointInterval

如果序列中没有给出各点的x值,pointInterval定义了一个x值的时间间隔。

1.0

pointPlacement

可能值:null,”on”,”between”

null

pointStart

如果序列没有给各个点x值,pointStart定义了从哪一个值开

0.0


    
[2]同步文本框内容的JS代码
    来源:    发布时间: 2013-11-06

 

图例1

<html>
<body>
<script language="JavaScript" type="text/javascript">
function addEvent(eventHandler)
{
var tags = document.getElementsByTagName('input');
for(var i=0;i<tags.length;i++)
{
if(tags[i].getAttribute('url') == 'true')
{
if(tags[i].addEventListener)
{
tags[i].addEventListener('keyup',eventHandler,true);
}
else
{
tags[i].attachEvent('onkeyup',eventHandler);
}
}
}
}
function addInput(e)
{
var obj = e.target ? e.target : e.srcElement;
var tags = document.getElementsByTagName('input');
for(var i=0;i<tags.length;i++)
{
if(tags[i].getAttribute('url') == 'true'&&tags[i]!=obj)
{
tags[i].value = obj.value;
}
}
}
window.onload = function()
{
addEvent(addInput);
}
</script>

<p>
<input id="addr_more1" size="35" value="" name="addr_more1" url="true" />
</p>
<p>
<input id="addr_more2" size="35" value="" name="addr_more2" url="true" />
</p>
<p>
<input id="addr_more3" size="35" value
    
[3]Node.js开发笔记Windows篇(二)安装Express
    来源:    发布时间: 2013-11-06

这次笔记还是安装,各位看官不要砸我,这次是安装node.js中module。至于什么是module,你大可理解为类似.dll, .jar的类库,至于更多关于module的东西,会在以后的笔记中进行讲解。

现说明一下我们为什么要安装这个Express module。 就如上篇笔记中所写,利用node.js自带的module是可以写出web服务的,但是真正要用它开发和管理web服务却有些不大方便,细心的读者在上次笔记中应当发现了,上次的代码逻辑中缺少了Url的解析、Http Action判读等内容,在不安装任何module的情况下,处理其他还是比较麻烦的。因此在实际工作中我们必然会用到一些开发框架,而Express就是node.js中的一个web服务框架,利用它开发和管理web应用比较方便。

为了安装Express,我们先要新建一个package.json文件,录入以下内容

{
"name": "Your Application Name",
"description": "Your Description",
"version": "0.0.1",
"private": true,
"dependencies": {
"express": "3.x"
}
}

然后拷到承载你服务代码的文件夹中,我就拷到C:\nodecellar\文件夹中。

然后同启动nodejs,服务类似,打开"Node.js command prompt",进入文件夹,录入

npm install

完成后,打开刚才的文件夹,会发现多了一个node_modules的文件夹,Express module就存放在那里。

接下来继续打开上次的server.js,全部替换为以下代码

var express = require('express');

var app = express();

app.get('/', function(req, res){
res.send('Hello World\n');
});

app.get('/:word', function(req, res){
var w = req.params.word;
res.send(w);
});


app.listen(3000);
console.log('Listening on port 3000...');

启动服务,在浏览器中继续录入http://localhost:3000,熟悉的“Hello Word”页面出现了。细心的人应该发现了,上面的代码还多写了一部分,其实是增加了Url参数的处理,赶紧录入 http://localhost:3000/Hello%20nodejs试试吧。

好了,Express运行良好,虽然只是个测试程序,但是熟悉开发的人已经能够开出Express框架的优势了吧,用它做REST API可比原生的方便多了,至于路由之类的怎么做,我们以后再说。

本文链接


    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3