D3的全称是Data-Driven Documents(数据驱动的文档),是一个用来做数据可视化的JavaScript函数库,而JavaScript文件的后缀通常为.js,所以D3被称为D3.js. d3.js可以定制出各种图形,今天来用d3.js制作一个简易的仪表盘,废话不多说先上demo,接下来分步讲解. 1.绘制svg,并分组(group) const height = 600; //画布高度 const width = 1200; //画布宽度 const outerRadius = 2

gulp watch 实现监听不仅需要package.json文档,还需要gulpfile.js文档.否则无法实现. 1.gulp的安装 1.1 首先必须先安装node.js.这个可以参考之前的博客<node.js的安装配置>. 1.2 按照全局方式,在node.js的目录文件夹下安装全局的gulp npm install -g gulp 1.3 全局gulp安装好后,在需要gulp的项目里还要单独再安装一次.把目录切换到项目的目录下面,执行命令. npm install gulp 如果想把g

刚刚看了node.js文档里的一个小例子,就是用 node.js 写一个web服务器的小例子 上代码 (*^▽^*) //helloworld.js// 使用node.js写一个服务器 const http=require('http'); const hostname='127.0.0.1' const port=3000; const server = http.createServer((req,res)=>{ res.statusCode=200; res.setHeader('Cont

JSDoc是一个根据javascript文件中注释的信息,生成API文档的工具.生成的文档是html文件.类似JavaDoc和PHPDoc. 用法 /** 一坨注释之类的 */JSDoc会从/**开头的注释中抽取信息.用/*,/***开头的注释会被JSDoc忽略.如 /** This is a description of the foo function. */ function foo() { } /** * Represents a book. * @constructor * @para

曾几何时,当你码神附体,一路披荆斩棘的完成代码后,带着“一码在手,天下我有”的傲然环顾之时,却发现单元测试.API文档.Demo实例陆续向你砸来,顿时有木有一种冰水挑战后的感觉.而这时你应该:哟哟,快使用SmartDoc: SmartDoc, 一个基于NodeJS的自动化文档生成工具,她拥有明眸的双眼(yuidoc引擎),华丽的外衣(bootstrap 3风格),灵巧的双手(demo生成,codemirror代码编辑,jasmine接口兼容);拥有她,相信你一定会仰天长啸:"小伙伴们再也不用担心

其实YUIDoc主页已经写的比较清晰了,但有一些概念和细节再点出一些注意的地方. 目前最新的YUIDoc使用nodejs进行开发安装和使用都非常的方便. 我们只需要将我们的代码加上必要的注释,便可以很方便的生成文档. 前提 已经安装了nodejs 已经安装了npm 安装 使用npm安装yuidoc npm -g i yuidocjs 生成 一次性生成 yuidoc . 一次性生成该目录及其子目录下所有JS的文档 默认在不配置的情况下会生成在当前目录的out目录中 实时生成 YUIDoc还提供了一

//文档碎片:类似一个临时的文档,要所有要加的dom元素先放在这里,达到不要每次操作dom元素提高页面效率 var d1 = new Date(); //创建十个段落,常规的方式 ; i < ; i ++) { var p = document.createElement("p"); var oTxt = document.createTextNode("段落" + i); p.appendChild (oTxt); document.body.appendC

一.参考文档 模版:https://github.com/clenemt/docdash 例子:http://clenemt.github.io/docdash/index.html jsdoc:http://www.dba.cn/book/jsdoc/ 本地服务:http://tapiov.net/live-server/ 本地服务:https://github.com/http-party/http-server 二.准备 1.新建package.json,并安装npm包. "scripts

关键字:Flv.js | Flv js | Flv-js | HTML5 FLV Player | 0x001: 前言以下涉及到 flv.js 所有内容均是V1.5.0版本内的,如方法.属性.常量.监听等等,不讨论视频编解码,只陈述官方文档内容.采用文字+图片形式,单文字描述怕不好理解,单图片模式又怕将来哪天会挂掉,现在很多年份久的博文就有这情况,也不是没遇到过.非前端工作者,部分术语可能描述不得当,望理解.纯手码字一下午,只是为了时间久后遗忘再回来看一下. 0x002: 架构图 0x003:

TweenMax 参考http://bbs.9ria.com/thread-214959-1-1.html TweenMax 可能是很多人都用的,包括我 但 是最近发现大量的运用就总会产生这样或那样的"怪事",有时用代码来做缓动有时又用TweenMax造成了代码的 混乱,而且除了单调的TweenMax.to()等几个函数外,貌似还有很多这样那样fun stuffs.对于动画ease的控制,自己除了一个Back就不知道其他了. 总之一片惨淡, 所以趁着这个机会好好总结一下: 一,主要代码

objwin=window;objBody=document.body;objDel=document.documentElement;   关于弹窗时候用到 function getPageHeight() { //文档高度 scrollMaxY 火狐Mozilla var h = (objWin.innerHeight && objWin.scrollMaxY) ? (objWin.innerHeight + objWin.scrollMaxY) : (objBody.scrollHe

//文档加载完成之后执行 (function(){ var _globeCallback; window.$$ = function(callback){ _globeCallback = callback; }; function documentReady(){ _globeCallback(); } //document ready --mobile -webkit var listenerDocumentReady = function(){ console.log(document.r

最近的一个项目中使用到了swipe.js这个插件 感觉非常的好用的 官方网站 http://swipejs.com/ https://github.com/bradbirdsall/Swipe 简介 swipe.js是一个轻量级的移动滑动组件,支持触摸移动,支持响应式页面. 下面是从GitHub上翻译的用法和文档 用法 Swipe只需添加很简单的一段代码即可,如下 <div id='slider' class='swipe'> <div class='swipe-wrap'> &l

七天学会NodeJS:https://nqdeng.github.io/7-days-nodejs/ Node入门:http://www.nodebeginner.org/index-zh-cn.html Node.js 包教不包会:https://github.com/alsotang/node-lessons JavaScript 标准参考教程(alpha): http://javascript.ruanyifeng.com/#introduction ECMAScript 6入门:http

iScroll是高性能的.小尺寸的.无依赖关系的.支持多平台的滑动JavaScript库. 当然,不只是scroll,还有滚动.缩放.平移.无限滚动.视差滚动等. 为了达到更好的新能,所以iScroll分为了很多版本,我们可以根据需要来使用,目前主要有下面的一些js库: iscroll.js,它是通用脚本.它包括最常用的功能,并在占据很小的内存中提供非常高的性能.我们一般使用的都是这个. iscroll-lite.js,它是主要脚本的精简版本.它不支持snap,scrollbars,鼠标滚轮,键

参考网址:https://vuefe.cn/ 第一  安装 1.下载到本地后使用<script>标签直接引入 2.使用CDN引入 例如:使用CDN引入 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> 3.在浏览器中安装Vue Devtools调试Vue.js程序 第二 介绍 1.Vue.js是什么 Vue.js(读音 /vjuː/,类似于 view

这一节简单介绍一下文档节点方面的相关内容: 一:获得节点关系的属性 1.获得该元素父节点的引用:obj.parentNode: <div class="content"> <p class="img1"><img src="img/lingzhiling.jpg" /></p> <p class="img2"><img src="img/yufeiho

  访问指定节点 通过document节点获取 document.getElementById(elementId) document.getElementsByName(elementName) document.getElementsByName('radiogroup1')[0]  该方法的返回值是一个数组,若要获取,可以通过返回数组中下标值进行获取 document.getElementsByTagName(tagName) var a=document.getElementsByTag

参见GitHub:https://github.com/yanhaijing/template.js/ template.js简介: template.js 一款javascript模板引擎,简单,好用. template.js遵循简单好用的原则,所有接口都设计简单,职责单一.  功能概述 提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果. # 特性 - 模版编译,渲染- 支持所有主流浏览器及Node(UMD)- JavaScript原

核心模块 Node为Javascript提供了很多服务器级别的API,绝大多数都被包装到了一个具名的核心模块中,例如文件操作的fs核心模块,http服务构建的http模块等,核心模块的使用必须通过require方法加载 const path = require('path') fs-文件系统 http os-操作系统 path-路径 用户自定义模块 在浏览器中如果需要执行多个js文件,只需要多个script标签引入即可.在node中,每次运行命令行只支持一个文件,如果需要引入多个文件必须依靠re