Cornerstone.js使用相关

官网地址:https://github.com/chafey/cornerstone 简介: Cornerstone is an open source project with a goal to deliver a complete web based medical imaging platform. This repository contains the Cornerstone Core component which is a lightweight JavaScript libra…

基于cornerstone.js的cornerstoneWADOImageLoader

上一篇简单介绍了cornerstone.js的相关使用介绍和基于cornerstone的web库cornerstoneWADOImageLoader,在实际开发中遇到了相关的一些问题,在这里说明一下,也是防止以后再次遇到相似的问题,以便查看. 对于一些外部库,我们不了解实现的每一个细节,所以说就有可能遇到各种各样的坑,通过使用cornerstoneWADOImageLoader库文件,我从中通过爬"坑"体会到了一个道理:尽量不要依赖库自带变量.见代码: /* 假设需要获取corners…

基于cornerstone.js的dicom医学影像查看浏览功能

最近由于项目需求,需要医学影像.dcm文件的预览功能,功能完成后,基于原生Demo做一个开源分享. 心急的小伙伴可以先看如下基于原生js的全部代码: 一.全部代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e…

js的相关距离

js的相关距离一.dom对象的距离 ---dom.style.width : 对象本身的内容宽度(这里必须是内联样式中的width,带px)(content) ---dom.style.height:对象本身的内容高度(这里必须是内敛样式中的height,带px)(content) ---dom.clientWidth:对象本身的内容宽度+对象本身的内边距宽度(content+padding) ---dom.clientHeight:对象本身的内容高度+对象本身的内边距高度(content+p…

node.js 使用----相关常用命令总结

node.js 使用----相关常用命令总结 1. 下载并安装node.js 2. 设置全局模块存放的目录 2.1 查看默认配置 npm config ls 2.2 修改全局模块存放目录 npm config set prefix "e:\\stores\\nodejs\\node_modules\\node_global" npm config set cache "e:\\stores\\nodejs\\node_modules\\node_global" 2.…

使用医学影像开源库cornerstone.js解析Dicom图像显示到HTML中

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DicomTest</title> <link rel=&…

node.js及相关组件安装

第一步:下载安装文件(下载地址:官网http://www.nodejs.org/download/ )第二步:安装nodejs(双击直接安装) 安装完成后使用命令行查看版本信息,出现版本号说明安装成功,反之重新安装. 第四步:安装相关环境打开C:\Program Files\nodejs目录你会发现里面自带了npm,直接用npm安装相环境既可进入node.js command prompt 命令窗口进入nodejs 安装目录 C:\Program Files\nodejs键入命令:cd C:\…

JS作用域相关知识(#精)

在学习<你不知道的JS>一书中,特将作用域相关知识在此分享一下: #说到作用域,就不得不提到LHS查询和RHS查询: 1)如果查询目的是对变量进行赋值,则使用LHS查询 2)如果查询目的是获取变量的值,则使用RHS查询作用域的查询都会从当前执行的作用域开始查找,如果没有找到所需要的标识符,就会向上级作用域继续查找,直到抵达全局作用域为止 # 当进行RHS查询时无法找到该变量,引擎则会抛出ReferenceError的异常代码示例如下: function foo(a){ …

js事件相关面试题

说是面试题,其实也相当于是对js事件部分知识点的一个总结.简单内容一笔带过,了解详情我都给出了参考链接,都是之前写的一些相关文章.JavaScript本身没有事件模型,但是环境可以有. DOM:addEventListener.removeEventListener.dispatchEventIE-DOM:attachEvent.detachEvent.fireEventjQuery:on.off.trigger 一.描述js里事件的三个阶段捕获.处于目标阶段.冒泡阶段(IE8以下只支持冒泡)…

JS - url相关

今天在找获取当前网址除去参数的js方式,结果自己会的竟然只有window.location.href 查到的一篇博文: http://www.cnblogs.com/weiyuxinghuacun/archive/2011/04/29/2032680.html 写的挺全的...JS和c#的url相关都写了,以后也不用再开个console进行一个一个测试了 ***********************************************************************…

js 事件相关事件处理封装事件封装 DOM 0 2 3 级事件

1.绑定 function(element, type, handler){ if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type,…

JS基础理论相关知识

1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:XHTML 元素必须被正确地嵌套.XHTML 元素必须被关闭.标签名必须用小写字母.XHTML 文档必须拥有根元素.2.什么是语义化的HTML? 直观的认识标签对于搜索引擎的抓取有好处,用正确的标签做正确的事情!html语义化就是让页面的内容结构化,便于对浏览器.搜索引擎解析:在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的.搜索引擎的爬虫依赖于标记来确定上…

js中相关的windows方法的使用和location的先关方法的使用

下面是关于windows的相关方法的简单介绍. setInterval():它有一个返回值,主要是提供给clearInterval使用. setTimeout():它有一个返回值,主要是提供给clearTimeout使用. clearInterval():该方法只能清除由setInterval设置的定时操作 clearTimeout():该方法只能清除由setTimeout设置的定时操作一..alert的相关知识点 alert消息对话框通常用于一些对用户的提示信息,例如在表单中输入了错误的数据…

js日期相关

时间戳转正常日期时间 1469512964000 —> 2016/7/26 下午2:02 var getLocalTime = function(nS) { // 13位时间戳 return new Date(parseInt(nS)).toLocaleString().substr(0,17); // 10位时间戳 // return new Date(parseInt(nS*1000)).toLocaleString().substr(0,17) } console.log(getLocal…

js继承相关

这几天看到一篇文章详解Javascript的继承实现,发现js还是很深奥的,比如call.apply.prototype这些,问起来我也能说的头头是道的,但是看到一些复杂的代码有的时候还是会迷糊,所以查了好多资料,希望下次我也能用在代码中,写出优秀的代码,大神,我来了,哈哈哈哈哈...... 1.call apply func.call(newObj,arg1,arg2); func.apply(newObj,[arg1,arg2]); ecma中为了实现继承机制中的对象冒充,加入了call()…

HTML5系列四（特征检测、Modernizr.js的相关介绍）

Modernizr:一个HTML5特征检测库 Modernizr帮助我们检测浏览器是否实现了某个特征,如果实现了那么开发人员就可以充分利用这个特征做一些工作 Modernizr是自动运行的,无须调用诸如modernizr_init()之类的初始化方法 Modernizr的官网地址http://modernizr.com/ 在官网首页你就可以下载modernizr.js(它分两个版本Development和Production版本.其实它们都会导向同一个下载页面,只不过前者会帮我们把选项预先勾上而…

js date相关学习!

var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开…

JS及相关控件

1.radio 1)不选中任何值 2)获取选中的值 3)让某个选项选中 4)发生改变时的事件 5)让某个选项不能选 2.CheckBox 1)选中 2)取消 3.select 1)获取下拉框选中项的显示字 4.ul li 1)点击选中改变样式 2)删除所有选中的li 3)遍历li 4)遍历li,获取li的文本 5.JS与样式 1)添加样式 2)删除样式 3)判断是否有某个样式 4)tab改变样式 6.设置不可编辑7.div滚动到最底部8.replace All 1.radio <div id=&qu…

js 日期相关

Js计算指定日期加上多少天.加多少月.加多少年的日期 function DateAdd(interval, number, date) { switch (interval) { case "y ": { date.setFullYear(date.getFullYear() + number); return date; break; } case "q ": { date.setMonth(date.getMonth() + number * ); return…

js数组相关知识集合

一.js数组快速排序 <script type="text/javascript"> var arr = [1, 2, 3, 54, 22, 1, 2, 3]; function quick(arr) { if (arr.length <= 1) return arr; var proiindex = Math.floor(arr.length / 2); var proift = arr.splice(proiindex, 1)[0]; //找基准,并把基准从原数组…

JS定时器相关用法

一.定时器在javascript中的作用 1.制作动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用定时器制作动画</title> <style> .box{ width:100px; height:100px; background: #ffb8f9; position: fixed;…

js作用域相关笔记

1.js引擎.编译器.作用域. 引擎:负责JS全过程的编译和执行: 编译器:负责语法分析和代码生成: 作用域:负责收集并维护声明组成的查询,以及当前执行代码对这些变量的访问权限(简言之,作用域就是用于编译和执行的一套规则). 三者的关系:编辑器要编译的时候会询问作用域,引擎要执行代码的时候也会询问作用域. 2.LHS和RHS查询都是从当前执行作用域开始,若没找到所需标识符,以此向上级作用域查找,直到顶层作用域,若仍未找到,会抛出ReferenceError异常(TypeError这个异常,是操作…

js作用域相关知识总结

以前总是搞不清楚js里面的作用域.块级作用域.预解析,做题总做错,今天彻底搞明白了,来记录梳理一下~ 块级作用域在其他语言中,任何一对花括号中的语句都属于一个块儿,在这之中定义的所有变量在代码块外都是不可见的.Js中没有块级作用域一个感觉在面试中会经常遇到的问题 for(var i =0;i<10;i++){ var num = 100; } console.log(i); //i是多少第一反应是i是9,但是错了,i是10.因为按照循环条件,i肯定是在0-10之间,当i=9的时候,都还在执…

JS加法相关

1:首先JS是一种弱语言,但是同类型可以自己相加减例如“a”+”b” 可以自动组成ab : 1+ 2 自动变成3 var data = 2; var currentPage = data; //2 var previousPage = data -1; //1 var nextPage = data +1; //21 2:不同类型的字符我们先转换例如 “1”+2 : parsInt(“1”)+2 可以实现加法3 var data = 2; var currentPage = data; //…

js 格式化相关的时间

javascript Date format(js日期格式化) 方法一: // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 0…

js键盘相关知识总结

一.相应事件 keydown:按下键盘上的任意键都可触发,按着不放则重复触发 keypress:按下键盘上的字符键时触发,按着不放则重复触发 keyup:释放按键时触发事件顺序:keydown>keypress>keypup 在文本框中捕获按键事件需要注意的地方: 1.keydown.keypress是在文本框内容变化前发生,keyup则是在文本框变化后发生. 2.如果输入的是中文,keypress不会触发,改用dom3级的textInput事件(也就是必须通过addEventListene…

webpack.config.js====CSS相关：插件optimize-css-assets-webpack-plugin

1. 安装:主要是用来压缩css文件 cnpm install --save-dev optimize-css-assets-webpack-plugin cssnano 2. webpack.config.js配置 const optimizeCssAssetsWebpackPlugin=require('optimize-css-assets-webpack-plugin'); //压缩css插件配置 new optimizeCssAssetsWebpackPlugin() //暂时不起作用…

webpack.config.js====CSS相关：css和scss配置loader

1. 安装: //loader加载器加载css和sass模块 cnpm install style-loader css-loader node-sass sass-loader --save-dev //loader加载器加载css和less模块 cnpm install style-loader css-loader less less-loader --save-dev //样式抽离文件如果是webpack4.X 需要加@next //现在webpack4.x支持mini-css-ext…

webpack.config.js====CSS相关：postcss-loader加载器，自动添加前缀

1. 在webpack中加载css需要先安装style-loader 和 css-loader cnpm install --save-dev style-loader css-loader 2. 在webpack中使用postcss自动添加厂商前缀: cnpm install postcss-loader autoprefixer --save-dev 3. webpack.config.js中使用 const extractTextWebpackPlugin = require('extra…

JS 变量相关内容

JS变量按存储方式区分为哪些类型?: js变量按照存储方式分为两种类型:值类型和引用类型 1.值类型(基本类型): 布尔值(boolean) . null .undefined .数值(number).字符串( string) .Symbol(表示独一无二的值) 2.引用类型: 对象(Object).数组(Array).函数(Function) JS中使用typeof 能得到哪些类型: typeof 可以得到的类型有:undefined.string.boolean.number.objec…

【Cornerstone.js使用相关】的更多相关文章