pdcxs007
pdcxs007

JavaScript制作的SpinBox插件

今天用JavaScript写了一个SpinBox插件。先看一下效果吧：
JavaScript制作的SpinBox插件_第1张图片

用法是这样的：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Test html for the SpinBox</title>
</head>
<body>
    <p>下面是一个Spin Box！</p>
    <div>
    <div id="spin" class="spinbox"></div>
    <div value='50' min='45.9' max='51.2' step='0.1' class='spinbox' fix='1' interval='100'></div>
    </div>
    <div style="margin-top:60px"><p>测试一段话看看！</p></div>
    <script src="./spinbox.js"></script>
</body>
</html>

用法是：设置一个class='spinbox' 的div ，可以设置如下属性：

属性名称 意义 默认值
max 变化范围最大值 100
min 变化范围最小值 0
step 变化步长 1
fix 显示的小数点后的位数 0
interval 当鼠标一直按着按钮时，多少毫秒变化一次数字 300

spinbox.js代码如下：

(function() {
var spinboxes = document.getElementsByClassName('spinbox');
for (var i = 0; i < spinboxes.length; ++i) {
    var b = spinboxes[i];
    b.style.display = "webkit-flex";
    b.style.display = "inline-flex";
    b.style.alignItems = "center";

    var value = parseFloat(b.getAttribute('value'));
    if (isNaN(value)) {
        value = 0;
        b.setAttribute('value', '0');
    }

    var max = parseFloat(b.getAttribute('max'));
    if (isNaN(max))
        b.setAttribute('max', '100');

    var min = parseFloat(b.getAttribute('min'));
    if (isNaN(min))
        b.setAttribute('min', '0');

    var step = parseFloat(b.getAttribute('step'));
    if (isNaN(step))
        b.setAttribute('step', '1');

    var fix = parseInt(b.getAttribute('fix'));
    if (isNaN(fix))
        b.setAttribute('fix', '0');

    var interval = parseInt(b.getAttribute('interval'));
    if (isNaN(interval))
        b.setAttribute('interval', '300');

    var left = document.createElement('div');
    left.style.width = '0';
    left.style.height = '0';
    left.style.borderTop = '13px solid transparent';
    left.style.borderRight = '13px solid black';
    left.style.borderBottom = '13px solid transparent';
    left.style.marginRight = '2px';
    b.appendChild(left);

    var input = document.createElement('input');
    input.innerHTML = '0';
    input.value = value.toFixed(fix);
    input.readOnly = true;
    input.style.width = '40px';
    input.style.textAlign = 'center';
    input.style.fontSize = '14px';
    b.appendChild(input);

    var right = document.createElement('div');
    right.style.width = '0';
    right.style.height = '0';
    right.style.borderTop = '13px solid transparent';
    right.style.borderLeft = '13px solid black';
    right.style.borderBottom = '13px solid transparent';
    right.style.marginLeft = '2px';
    b.appendChild(right);
    b.isDown = false;

    left.addEventListener('mousedown', leftClick, false);
    right.addEventListener('mousedown', rightClick, false);
    left.addEventListener('touchstart', leftClick, false);
    right.addEventListener('touchstart', rightClick, false);
    left.addEventListener('mouseup', mouseUp, false);
    right.addEventListener('mouseup', mouseUp, false);
    left.addEventListener('mouseout', mouseUp, false);
    right.addEventListener('mouseout', mouseUp, false);
    left.addEventListener('touchend', mouseUp, false);
    right.addEventListener('touchend', mouseUp, false);

}

function leftClick(event) {
    var input = event.target.nextSibling;
    var parent = input.parentNode;
    var min = parseFloat(parent.getAttribute('min'));
    var value = parseFloat(parent.getAttribute('value'));
    var fix = parseInt(parent.getAttribute('fix'));
    var step = parseFloat(parent.getAttribute('step'));
    var interval = parseInt(parent.getAttribute('interval'));
    parent.isDown = true;

    (function downLoop() {
        if (value > min && parent.isDown) {
            setTimeout(downLoop, interval);
            value -= step;
            input.value = value.toFixed(fix);
            parent.setAttribute('value', value + '');
        }
    })();
}

function rightClick(event) {
    var input = event.target.previousSibling;
    var parent = input.parentNode;
    var max = parseFloat(parent.getAttribute('max'));
    var value = parseFloat(parent.getAttribute('value'));
    var fix = parseInt(parent.getAttribute('fix'));
    var step = parseFloat(parent.getAttribute('step'));
    var interval = parseInt(parent.getAttribute('interval'));
    parent.isDown = true;

    (function upLoop() {
        if (value < max && parent.isDown) {
            setTimeout(upLoop, interval);
            value += step;
            input.value = value.toFixed(fix);
            parent.setAttribute('value', value + '');
        }
    })();
}

function mouseUp(event) {
    event.target.parentNode.isDown = false;
}

}());

你可能感兴趣的:(JavaScript,html,插件,Spin-Box)

  • 在html中主要支持的音频格式,html5中audio支持音频格式
    HTML5Audio标签能够支持wav,mp3,ogg,acc,webm等格式，但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持。不是所有的浏览器都支持MP3OGG之类的，每个浏览器因为版权的问题支持的格式都是不一样的。浏览器和音频兼容性浏览器制造商并非都同意使用某种音频文件格式。对于图像，PNG、JPEG或GIF格式的文件在任何浏览器上都能加载到您的网页里。遗憾
  • HTML5里video标签支持哪些格式的视频文件 Lucky_chengzi
    video标签支持的视频格式：Ogg、MPEG4、WebMMP4=MPEG4文件使用H264视频编解码器和AAC音频编解码器WebM=WebM文件使用VP8视频编解码器和Vorbis音频编解码器Ogg=Ogg文件使用Theora视频编解码器和Vorbis音频编解码器
  • react-native 0.6x升级适配说明 Bearin reactnative
    react-native0.6x升级适配说明RN0.6x已经发布有一段时间了，react-navigation也在前不久进入了5x的时代。为了让大家少踩坑，现已将课程升级适配到RN0.6x以及react-navigation5x，另外，包括友盟分享和统计在内的所有插件也已升级是配到最新版。为了帮助到大家顺利的学习使用新版本RN与react-navigation等相关库，我将整个的升级适配过程总结出
  • 认识.net mvc 框架 NPCZ mvc
    ASP.NETMVC是微软推出的一个基于.NET框架的Web应用程序开发模式，它遵循**Model-View-Controller（模型-视图-控制器）**架构模式，将应用程序分为三个核心组件：1.Model（模型）负责处理数据逻辑和业务规则，通常对应数据库表或业务对象。2.View（视图）负责展示用户界面，通常是Razor视图文件（.cshtml）。3.Controller（控制器）负责处理请求
  • flake8-black 使用教程 章迅筝Diane
    flake8-black使用教程flake8-blackflake8plugintorunblackforcheckingPythoncodingstyle项目地址:https://gitcode.com/gh_mirrors/fl/flake8-black项目介绍flake8-black是一个MIT许可的flake8插件，用于通过命令行代码格式化工具black验证Python代码风格。black
  • 分享我自己的导航网站bituplink导航 (附GitHub开源代码项目OneHtmlNav) bituplink 分享导航GitHub开源bituplink分享
    话不多说,先上资源biuplink导航:http://www.bituplink.com/goodwebOneHtmlNav项目:https://github.com/bituplink/OneHtmlNavOneHtmlNav下载:本地下载或者github直接打包下载小呆导航源项目:https://github.com/xiaodai945/WEBJIKE然后上图再然后说说这个项目的初衷最近新建
  • 仿 Twitter 点赞爱心动画效果 其中用到 animation hackchen html前端css
    大概的原理，准备一张雪碧图，通过hover改变雪碧图的X坐标，达到动画的效果HTML：CSS：.heart{width:100px;height:100px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("data:image/png;base64,iVBORw0KGgoAAAANS
  • 小程序海报生成神器之一lime-painter配合uniapp简单使用示例 hackchen 小程序uni-app
    组件介绍lime-painter是一个运行在uniapp上优雅的海报生成插件，支持JSON方式和template方式生成海报资源完整demo:https://gitee.com/hackchen/demo-collection/tree/master/front-end/uniapp/lime-painter-demo需要注意的问题包含图片最好的地址最好要支持跨域nvue必须为HBX3.4.11及
  • 编程新手小白入门最佳攻略 闲暇部落 编程java新手入门开发语言
    编程小白想要成为大神，并为大学新生的学习制定一份最佳入门攻略，可以遵循以下步骤：一、选择编程语言Python：被誉为最适合初学者的编程语言，语法简洁清晰，学习曲线平缓，广泛应用于数据分析、机器学习、Web开发、自动化脚本编写等领域。JavaScript：前端开发的核心语言，实现网页的动态效果，还能通过Node.js实现服务器端的编程，用于开发桌面应用和移动应用。Java：企业级开发中使用最广泛的语
  • paddleOCR模型的安装和使用 九日卯贝 paddleocr
    paddleOCR仓库：https://github.com/PaddlePaddle/PaddleOCR?tab=readme-ov-file文档：https://paddlepaddle.github.io/PaddleOCR/main/quick_start.html#2-paddleocr环境安装python-mpipinstallpaddlepaddle-gpu==3.0.0b1-iht
  • EmmyLua 插件使用教程 芮川琨Jack
    EmmyLua插件使用教程项目地址:https://gitcode.com/gh_mirrors/in/IntelliJ-EmmyLua项目介绍EmmyLua是一个为IntelliJIDEA设计的LuaIDE/Debugger插件。它提供了丰富的功能，包括代码补全、调试、代码分析等，旨在提高Lua开发的效率和体验。EmmyLua支持多种注解和代码模板，使得编写Lua代码更加便捷。项目快速启动安装E
  • 理解WebGL中的顶点着色器和片元着色器 程序猿全栈の董（董翔） webgl着色器
    WebGL是一种基于OpenGLES的JavaScriptAPI，它允许我们在网页上直接渲染3D图形而无需任何插件。WebGL的核心是着色器编程，它主要包含两种着色器：顶点着色器(VertexShader)和片元着色器(FragmentShader)。顶点着色器负责处理每个顶点的位置，它决定了顶点在屏幕上的最终位置。而片元着色器则负责计算每个像素的颜色值。这两个着色器共同工作，构成了WebGL渲染
  • 现代 JavaScript (ES6+) 入门到实战（八）：总结与展望 - 成为一名现代前端开发者
    恭喜你坚持到了最后！在过去的七篇文章中，我们一起踏上了一段从“传统”到“现代”的JavaScript进化之旅。我们告别了那些曾经让我们头疼的“怪异行为”，拥抱了一套更强大、更优雅、更符合工程化思想的工具集。现在，是时候回顾我们的旅程，并展望前方的道路了。一、我们的进化之路：知识图谱回顾让我们将学到的核心知识点串联起来，形成一张清晰的“进化图谱”。如果你错过了之前的任何一篇，可以点击链接回顾：第一篇
  • 0基础学前端------DAY2 学代码的小前端 0基础学前端前端html
    0基础学前端------DAY1（续）视频参考：B站Pink老师HTML学习目标：1.能够说出标签的书写注意规范。2.能够写出HTML骨架标签。3.能够写出超链接标签。4.能够写出图片标签并说出alt和title的区别。5.能够说出相对路径的三种形式。1HTML基础1.1HTML语法规范1.HTML标签是由尖括号包围的关键词，例如。2.HTML标签通常是成对出现的，例如，我们成为双标签。标签中第一
  • Python 自动化日志采集与分析方法
    ```htmlPython自动化日志采集与分析方法Python自动化日志采集与分析方法在现代软件开发和运维过程中，日志是排查问题、监控系统运行状态的重要工具。然而，随着系统的复杂度增加，手动处理日志变得越来越困难。本文将介绍如何使用Python实现自动化日志采集与分析的方法。一、日志采集的必要性日志记录了系统运行中的各种事件和错误信息，对于开发者和运维人员来说，它们是诊断问题、优化性能的关键数据源
  • 【React】入门概述 - 虚拟DOM与原生DOM - JSX语法 - React基本使用 YK菌 前端框架Reactreact
    文章目录1.React入门概述1.1介绍1.2原生JavaScript的缺点【补充】浏览器重绘重排【补充】模块化与组件化1.3React的特点1.4.React高效的原因2.HelloReact2.1相关库介绍【补充】babel.js的作用2.2使用JSX创建虚拟DOM2.3渲染虚拟DOM(元素)2.4页面显示3.创建虚拟DOM的两种方式3.1纯JS方式(一般不用)3.2JSX方式4.虚拟DOM与
  • React JSX属性传递规则（事件处理函数名必须用驼峰式；内联样式必须是JavaScript对象，键名用驼峰命名；className、htmlFor；自定义属性要以data-开头、动态属性绑定） Dontla reactjavascriptreact.js前端
    文章目录**1.驼峰式命名法（CamelCase）****2.属性值的类型**-**字符串属性**：直接使用双引号包裹的字符串。-**表达式属性**：使用`{}`包裹JavaScript表达式，动态计算属性值。-**布尔属性**：如果属性值为`true`，可以直接省略值；如果为`false`，则不传递该属性。**3.事件处理**-**规则**：事件处理函数的命名必须使用驼峰式（如`onClick`
  • Google Maps 安装使用教程 小奇JAVA面试 安装使用教程地图
    一、GoogleMaps简介GoogleMaps是谷歌提供的地图服务，通过其JavaScriptAPI，开发者可以在网页中嵌入地图，添加标记、路径、地理编码、路线导航等功能，适用于位置展示、物流追踪、LBS应用等场景。二、获取GoogleMapsAPIKey登录GoogleCloud平台：https://console.cloud.google.com/创建项目启用MapsJavaScriptAP
  • Electron 快速上手 AAA小土豆 electronarcgisjavascript
    技术栈Web技术包括HTML、CSS、JavaScript和WebAssembly。它们是现代互联网的基石。这些技术已成为构建用户界面的最佳选择——无论是对于消费者应用程序还是关键业务型应用程序。这不仅适用于需要在浏览器中运行的应用程序，也适用于那些无法通过浏览器访问的桌面应用程序。我们在此大胆断言，这不仅适用于需要在多个操作系统上运行的跨平台应用程序，而且适用于所有类型的应用程序。Electro
  • Python 爬虫实战：微博话题讨论数趋势爬取与分析全流程 西攻城狮北 python爬虫开发语言
    1.项目背景与目标微博话题（#话题#）是社交媒体舆情监测、品牌营销、热点追踪的重要数据源。本实战要完成以下目标：爬取指定话题在7天内的讨论数、阅读量、热搜排名等关键指标。将数据存入MySQL，并每日增量更新。用Pandas+Matplotlib绘制趋势图，直观呈现热度变化。基于SnowNLP做情感倾向分析，输出正面/负面占比。生成一份可分享的HTML可视化报告。2.环境搭建与依赖2.1安装核心库p
  • JSON.parse()——07
    JSON.parse()JSON通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用JSON.parse()方法将数据转换为JavaScript对象。语法JSON.parse(text[,reviver])参数说明：text:必需，一个有效的JSON字符串。reviver:可选，一个转换结果的函数，将为对象的每个成员调用此函数。JSON解析实例例如我们从服务器接收了以下数据{"n
  • JSON.stringify()的深入学习和理解 渔老师 前端jsonjavascript前端
    一、JSONJSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值二、JSON.stringify()JSON.stringify(value[,replacer[,space]])基本用法：JSON.st
  • 面试版-前端开发核心知识
    一、DOM操作与事件处理：用户交互的基石1.1原生点击事件的三种绑定方式前端与用户的交互始于事件，而点击事件是最基础的交互方式。原生JavaScript绑定点击事件主要有以下三种方式：（1）HTML内联绑定（不推荐）直接在HTML标签中通过onclick属性定义事件逻辑：点击我functionhandleClick(){console.log('内联事件触发');}缺点：HTML与JS逻辑耦合，无
  • 前端领域HTML的表单美化技巧 前端视界 前端htmlai
    前端领域HTML的表单美化技巧关键词：HTML表单、CSS美化、用户体验、交互设计、响应式布局、表单验证、前端框架摘要：本文将深入探讨HTML表单的美化技巧，从基础CSS样式到高级交互效果，全面解析如何提升表单的视觉吸引力和用户体验。我们将通过详细的代码示例、设计原则和实战案例，帮助开发者掌握表单美化的核心技能，包括响应式设计、动画效果、自定义组件等前沿技术。1.背景介绍1.1目的和范围本文旨在为
  • 团队git操作流程 开心点啦. git
    项目的开发要求项目组厉员每天代码提交不少于20次企业项目开发代码的每天的提交一般提交3-5次代码仓库的管理git的基础操作流程命令模式gitpush插件模式vscodegitgraphGUI软件管理模式sourcetreegit在项目团队化开发中的应用master(一般是不动的)dev(主要是拿来代码合并的，其实相当于的是一个桥梁，中转站)xxx1、xxx2、xxx3（主要是拿来工作的，每个人只能
  • Flutter插件ios_pod
    Flutter创建插件的命令创建插件的命令fluttercreate--orgcom.plugin.demo--template=plugin--platforms=android,ios-iswift-ajavaplugin_demoOC引用swift文件.m文件中添加以下代码//以下代码实现OC调用Swift#if__has_include()#import#else//Supportproj
  • vue根据链接生成二维码 qrcode youyu-youyu vue.jsjavascriptecmascript
    vue根据链接生成二维码qrcodejs需求：后端返回一个完整链接，前端根据链接生成一个二维码1、安装qrcode插件npminstallqrcode2、引入qrcode,并且使用完整代码importQRCodefrom'qrcode';//引入生成二维码插件exportdefault{data(){const_this=this;return{qrcodeData:'',optionsObj:{
  • Pytest测试框架快速搭建 程序员勋勋 面试技术分享软件测试pytest
    一、介绍pytest是一个非常成熟的Python测试框架，能够支持简单的单元测试和复杂的功能测试，还可以用来做selenium/appnium等自动化测试、接口自动化测试（pytest+requests）；pytest具有很多第三方插件，并且可以自定义扩展，比较好用的如pytest-selenium（集成selenium）、pytest-html（完美html测试报告生成）、pytest-reru
  • React-cli 非常難胖 reactreact-cli
    安装[email protected]全局安装create-react-app-V查看版本create-react-appxxxx_xxx创建项目npmrunstart启动项目目录node_modules//第三方依赖的包public//资源目录favicon.ico//左上角的图标index.html//项目首页模板manifast.json//定义app的图标网址主题颜
  • Webpack 5 核心机制详解与打包性能优化实践
    作者简介：水煮白菜王，一个web开发工程师文章专栏：前端专栏，记录一下平时在博客写作中，总结出的一些开发技巧和知识归纳总结✍。感谢支持目录Webpack5相较于Webpack4的主要改进安装生命周期CompilerHooksusehookswebpack中的loader（转换器）工作原理常用loader自定义loaderwebpack中的plugins（插件）工作原理自定义plugins打包过程加
  • 继之前的线程循环加到窗口中运行 3213213333332132 javathreadJFrameJPanel
    之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。 package thread; import java.awt.Graphics; import java.text.SimpleDateFormat; import java.util
  • linux 常用命令 BlueSkator linux命令
    1.grep 相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。 但之前总是习惯于使用 （grep -n 关键字 文件名 ）查出关键字以及该关键字所在的行数，然后再用 （sed -n  '100,200p' 文件名），去查出该关键字之后的日志内容。 但其实还有更简便的办法，就是用（grep  -B n、-A n、-C n 关键
  • php heredoc原文档和nowdoc语法 dcj3sjt126com PHPheredocnowdoc
    <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body> <?
  • overflow的属性 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 《我所了解的Java》——总体目录 g21121 java
            准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。         在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。    &n
  • [简单]docx4j常用方法小结 53873039oycg docx
            本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下:         import java.io.File; import java.io.FileInputStream; import ja
  • Spring配置学习 云端月影 spring配置
    首先来看一个标准的Spring配置文件 applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&q
  • Java新手入门的30个基本概念三 aijuans java新手java 入门
    17.Java中的每一个类都是从Object类扩展而来的。　　18.object类中的equal和toString方法。　　equal用于测试一个对象是否同另一个对象相等。　　toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法)　　 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。　
  • 《2008 IBM Rational 软件开发高峰论坛会议》小记 antonyup_2006 软件测试敏捷开发项目管理IBM活动
    我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵! 其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下. 参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.
  • PL/SQL的过程编程,异常,声明变量,PL/SQL块 百合不是茶 PL/SQL的过程编程异常PL/SQL块声明变量
    PL/SQL;    过程; 符号; 变量; PL/SQL块; 输出; 异常;     PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作
  • Mockito(三)--完整功能介绍 bijian1013 持续集成mockito单元测试
            mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。 一.使用mockito验证行为 //首先要import Mockito import static org.mockito.Mockito.*; //mo
  • 精通Oracle10编程SQL(8)使用复合数据类型 bijian1013 oracle数据库plsql
    /* *使用复合数据类型 */ --PL/SQL记录 --定义PL/SQL记录 --自定义PL/SQL记录 DECLARE TYPE emp_record_type IS RECORD( name emp.ename%TYPE, salary emp.sal%TYPE, dno emp.deptno%TYPE ); emp_
  • 【Linux常用命令一】grep命令 bit1129 Linux常用命令
    grep命令格式   grep [option] pattern [file-list]     grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。   pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特
  • mybatis3入门学习笔记 白糖_ sqlibatisqqjdbc配置管理
    MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。  MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。   以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。
  • Linux 命令神器：lsof 入门 ronin47 lsof
           lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。 有趣的是，lsof也是有着最多
  • java实现两个大数相加，可能存在溢出。 bylijinnan java实现
    import java.math.BigInteger; import java.util.regex.Matcher; import java.util.regex.Pattern; public class BigIntegerAddition { /** * 题目：java实现两个大数相加，可能存在溢出。 * 如123456789 + 987654321
  • Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法 Kai_Ge Kettle
    Kettle学习资料分享   Kettle 3.2 使用说明书 目录 概述..........................................................................................................................................7 1.Kettle 资源库管
  • [货币与金融]钢之炼金术士 comsci 金融
           自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的        那么随着人类在理论物理和工程物理上面取得的一些突破性进展......        炼金术这个古老
  • Toast原来也可以多样化 dai_lm androidtoast
    Style 1： 默认 Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT); def.show(); Style 2： 顶部显示 Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT); t
  • java数据计算的几种解决方法3 datamachine javahadoopibatisr-languer
    4、iBatis     简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。     复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据
  • 向网页中插入透明Flash的方法和技巧 dcj3sjt126com htmlWebFlash
    将 Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。 　　一、Swf透明、无坐标控制　　首先教大家最简单的插入Flash的代码，透明，无坐标控制： 　　注意wmode="transparent"是控制Flash是否透明
  • ios UICollectionView的使用 dcj3sjt126com
    UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。 个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。 1.UIViewController实现委托，代码如
  • Eos平台java公共逻辑 蕃薯耀 Eos平台java公共逻辑Eos平台java公共逻辑
     Eos平台java公共逻辑 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:20:4
  • SpringMVC4零配置--Web上下文配置【MvcConfig】 hanqunfeng springmvc4
    与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。   applicationContext-MvcConfig.xml <!-- 启用注解，并定义组件查找规则 ，mvc层只负责扫描@Controller --> <
  • 解决ie和其他浏览器poi下载excel文件名乱码 jackyrong Excel
       使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码， 因此必须综合判断，编写一个工具类：      /** * * @Title: pro
  • 挥洒泪水的青春 lampcy 编程生活程序员
    2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！ 这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到
  • 稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制 nannan408
       对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？    笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。    我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在
  • 动态设置iframe高度(iframe高度自适应) Rainbow702 JavaScriptiframecontentDocument高度自适应局部刷新
    如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。 但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。 对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构： <div id="content"> <div id=&quo
  • 用Rapael做图表 tntxia rap
    function drawReport(paper,attr,data){          var width = attr.width;     var height = attr.height;          var max = 0;   &nbs
  • HTML5 bootstrap2网页兼容（支持IE10以下） xiaoluode html5bootstrap
    <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他