2017年12月__let

原创时间流量单位换算

// 上网时间单位换算//y轴时间换算function yTime(number) { var num = ""; if( number < 60 ){ num = parseInt(number); return num+' '+app_second; }else if(number < 3600 && number >= 60){

2017-12-28 11:35:26 1554

原创 jtopo createStageFromJson 与 toJson的使用（导出json数据并下载为txt文件）

<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/> <title>jTopo JSON导出为txt文件，并下

2017-12-26 11:54:46 2645 1

转载 new Date() 日期格式处理

console.log("result："+toHDate(new Date().getTime()/1000).replace(/\:\d\d$/,''));function toHDate(sec){ var d=new Date(); d.setTime(parseInt(sec)*1000); var str=d.getFullYear()+"-"+numForm

2017-12-25 16:09:16 209508

原创 echarts 折线常用

2017-12-25 15:40:03 350

转载 JSONP与artTemplate模板引擎使用的示例--请求天气数据

JSONP与artTemplate模板引擎使用的示例–请求天气数据原创 2017年06月28日 13:01:15 <ul class="article_tags clearf

2017-12-25 10:05:37 351

转载前端模板引擎 artTemplate的使用与进阶

前端模板引擎 artTemplate的使用与进阶近期我在小组内做了一次技术分享，现在贡献出来有需要的同学可以下载demo看看。附上demo地址：点击打开demo链接点击打开demo链接 </div></article> 转自：http://blog.csdn.net/qq_35800306/article/details/609

2017-12-25 09:58:48 369

转载 jtopo节点文字换行

// 在jtopo 生成前，粘贴以下代码CanvasRenderingContext2D.prototype.wrapText = function(str,x,y){var textArray = str.split('\n');if(textArray==undefined||textArray==null)return false;var rowCnt = textArray.length

2017-12-25 09:51:48 3429 1

转载高性能JavaScript模板引擎原理解析（artTemplate ）

高性能JavaScript模板引擎原理解析随着 web 发展，前端应用变得越来越复杂，基于后端的 javascript(Node.js) 也开始崭露头角，此时 javascript 被寄予了更大的期望，与此同时 javascript MVC 思想也开始流行起来。javascript 模板引擎作为数据与界面分离工作中最重要一环

2017-12-25 09:30:53 661

转载 HTML5魔法堂：全面理解Drag & Drop API

HTML5魔法堂：全面理解Drag & Drop API 一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　在HTML4的时代，各前端工程师为了实现拖拽功能可说是煞费苦心，初听HTML5的DnD API觉得那些痛苦的日子将一去不复返，但事实又是怎样的呢？下面我们一起来看看DnD API的真

2017-12-19 16:10:20 461

转载为什么 parseInt(0.0000008) === 8？

原文：Why parseInt(0.0000008) === 8？作者：@sdlyuIEEE 754JavaScript 的数字系统是采用 IEEE 754，一开始看到这个问题，以为是 IEEE 754 导致的问题。常见的问题有浮点数比较：console.log((0.1 + 0.2) == 0.3); // falseconsole.log((0.1 + 0.2) === 0.3); // f

2017-12-19 10:33:59 854

转载 Three.js快速入门

引言本文主要是讲解Three.js的相关概念，帮助读者对Three.js以及相关知识形成比较完整的理解。1近年来web得到了快速的发展。随着HTML5的普及，网页的表现能力越来越强大。网页上已经可以做出很多复杂的动画，精美的效果。但是，人总是贪的。那么，在此之上还能做什么呢？其中一种就是通过WebGL在网页中绘制高性能的3D图形。OpenGL,WebGL到Three.jsOpenGL大概许多人都

2017-12-19 09:30:24 363

原创页面引入jtopo后，键盘方向键事件无用解决方法

在给场景加上搜索功能后，测试发现，输入框的方向键没有用了。。一检查发现问题出在 jtopo 文件上ctrl + F 搜索 keyCode 就找到了以下代码 function m(b) { a.util.isIE || !window.addEventListener ? (b.onmouseout = f, b.onmouseover = e,

2017-12-19 09:19:10 709

原创 jtopo 比例尺功能

HTML  <div> <span class="scaleShowValue">1m</span> <div class="scaleShow" style="display:inline-block;width: 100px;height: 6px; border-bottom: 2px solid #666;border

2017-12-15 16:29:34 1069 1

转载 jtopo 告警 Alarm 换行 demo

&lt;!DOCTYPE html &gt;&lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt;JTOPO 告警alarm文字换行demo&lt;/t

2017-12-14 15:41:37 2460 1

原创 jtopo 实现调用saveImageInfo()方法直接下载图片

首先找到源代码里的saveImageInfo 方法 this.saveImageInfo = function (a, b) { var c = this.eagleEye.getImage(a, b), d = window.open("about:blank");

2017-12-13 17:00:52 2013

原创 jtopo 把节点做成背景图效果

需求：导入CAD户型图，作为场景的背景图，可跟随场景缩放，但位置固定不变（在图上拖动改变场景的位置而不是改变户型图的位置）。思考一：简单点，直接把户型图作为jtopo场景的背景图片 var canvas = document.getElementById('canvas'); var stage = new JTopo.Stag

2017-12-12 18:02:09 3156 3

错误处理机制来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录Error对象JavaScript的原生错误类型自定义错误throw语句try…catch结构finally代码块参考连接Error对象JavaScript解析或执行时，一旦发生错误，引擎就会抛出一个错误对象。JavaScript原生提供一个Error构造函数，所有抛出的错误都是这个构造函数的实例。var err

2017-12-12 11:38:04 218

原创 jtopo限制滚轮缩放范围，zoomOut()与zoomIn()缩放限制

想要给jtopo的场景缩放加上限制，首先需要找到源代码中控制缩放的代码： // 在源码里ctrl+F搜索 onmousewheel 就能找到以下代码 function l(a) { var b = d(a); // 原滚轮缩放 a.preventDefault();

2017-12-11 16:40:20 10098 3

原创关于jtopo缩放后在拖拽结束位置生成节点

拖拽结束后应该获取鼠标在jtopo场景scene位置，而不是鼠标在canvas的位置 //拖拽开始 var evId; function drag(ev){ if(Browser.name == "FF"){ console.log(ev.dataTransfer.setData("imgInfo", ev.target.id)); // 火狐

2017-12-11 15:30:38 2348 10

转载 javaScript 数据类型转换

数据类型转换来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录强制转换Number()String()Boolean()自动转换自动转换为布尔值自动转换为字符串自动转换为数值参考链接JavaScript 是一种动态类型语言，变量没有类型限制，可以随时赋予任意值。var x = y ? 1 : 'a';上面代码中，变量x到底是数值还是字符串，取决于另一个变量y的值。只有在

2017-12-08 16:44:20 176

转载 javaScript 基本语法

基本语法来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录语句变量概念变量提升标识符注释区块条件语句if 结构if…else结构switch结构三元运算符 ?:循环语句while循环for循环do…while循环break语句和continue语句标签（label）参考链接语句JavaScript程序的执行单位为行（line），也就是一行一行地执行。一般情况下，每一行就是

2017-12-08 11:50:01 237

转载 javascript 数组

数组来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录数组的定义数组的本质length属性类似数组的对象in 运算符for…in 循环和数组的遍历数组的空位参考链接数组的定义数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示。var arr = ['a', 'b', 'c'];上面代码中的a、b、c就构成一个数组，两端的方括号

2017-12-08 11:46:34 386

原创 ECMA 笔记之详说 this

什么是 this？在 JavaScript 中 this 指的是函数运行时所在的环境。

2017-12-06 17:47:36 605

转载拿什么拯救你，因硬盘故障丢失的数据！（内附恢复神器）

<main> <article> <h1 class="csdn_top">超级实用且不花哨的js代码大全</h1> <div class="article_bar clearfix"> <div class="artical_tag"> <span class="original">

2017-12-06 17:35:53 643

原创 echarts 数据重新加载,原数据依然存在图表上

多次调用时option选项默认是合并（merge）的，加上true表示不合并配置myChart.setOption(option,true); // 加上true表示不合并配置原图：加上true后：

2017-12-06 14:49:34 32489 16

原创 input的onkeypress与tabindex

onkeypress兼容处理<input type="text" onkeypress="getKeyMonitoring(event)" id="monitoringVlaue" placeholder="请输入"><span class="projectStateBtn monitoring" tabindex="2" onkeypress="getKeyMonitoring(event

2017-12-05 17:29:34 745

原创 js验证是否包含特殊字符

特殊字符可根据需要增加删除： var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>《》/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]"); if(pattern.test(_value)){ layer.msg("特殊字符", {icon...

2017-12-05 17:17:24 14006 2

转载 HTML5 的定位api geolocation

HTML5的出现会使得手机中的原生态APP减少。HTML5的出现大大节省了人们的开发成本。因为它通吃PC、Mac、iPhone、iPad、Android、Windows Phone等跨语言平台。程序员们再也不必为不同款的手机做不同的APP了。HTML5的出现使得手机里可以不用再有Flash了。因为HTML5就有这种魔力使得我们观看多媒体时不必安装Flash等第三方插件。由于第三方插件的减少，手机内存

2017-12-05 11:56:40 358

转载 div+css实现下拉框，支持tab键

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS下拉菜单实例模块</title> <style> body,ul,

2017-12-05 11:19:24 1298

转载 CSS3图标图形生成技术个人攻略

教程地址： CSS3图标图形生成技术个人攻略http://www.zhangxinxu.com/wordpress/2014/04/css3-icon-%E5%9B%BE%E6%A0%87%E7%94%9F%E6%88%90%E6%8A%80%E6%9C%AF/.ico { display: inline-block; width: 20px; height: 20px; backgroun

2017-12-04 16:41:28 308

转载 CSS 变量教程

阮一峰CSS 变量教程： http://www.ruanyifeng.com/blog/2017/05/css-variables.html今年三月，微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。一、变量的声明声明变量的时候，变量名前面要加两根连词线（–）。body {

2017-12-04 16:37:37 210

原创 CSS 框架 Bulma

Bulma 框架最大的特点，就是简单好用。所有样式都基于class，只需为 HTML 元素指定class，样式立刻生效。教程：http://www.ruanyifeng.com/blog/2017/10/bulma.html

2017-12-04 15:25:21 439

river、的博客