计划
计划

HTML5 随机弹跳的小球

查看效果:http://keleyi.com/a/bjad/tc1y11dy.htm

Chrome效果图：
HTML5 随机弹跳的小球_第1张图片

火狐效果图：
HTML5 随机弹跳的小球_第2张图片


以下是源码：

  1 <!doctype html>
  2 <html>
  3 <head>
  4 <title>HTML5 随机弹跳的小球-柯乐义</title>
  5 <style>
  6 body{
  7 font-family: 微软雅黑;    
  8 }
  9 body,h1{
 10 margin:0;
 11 }
 12 canvas{
 13 display:block;margin-left: auto;margin-right: auto;
 14 border:1px solid #DDD;    
 15 background: -webkit-linear-gradient(top, #222,#111);
 16 }    
 17 </style>
 18 </head>
 19 <body>
 20 <h1>柯乐义 HTML5特效 随机弹跳的小球</h1>
 21 <div>请使用支持HTML5的浏览器开打本页。<a href="http://keleyi.com/a/bjad/tc1y11dy.htm" target="_blank">原文</a> <button id="stop-keleyi-com">暂停</button>
 22 <button id="run-keleyi-com">继续</button>
 23 <button id="addBall-keleyi-com">增加小球</button> <button onclick="javascript:window.location.reload();">刷新</button>
 24 <br />每次刷新页面的小球大小，颜色，运动路线，都是新的，可以点击上面各个按钮看看效果。
 25 </div>
 26 <canvas id="canvas-keleyi-com" >
 27 
 28 </canvas>
 29 
 30 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.0.min.js"></script>
 31 <script type="text/javascript">
 32 var nimo = {
 33 aniamted: null,
 34 content: null,
 35 data: {
 36 radiusRange: [5, 20],
 37 speedRange: [-5, 5],
 38 scrollHeight: null,
 39 scrollWdith: null
 40 },
 41 balls: [],
 42 ele: {
 43 canvas: null
 44 },
 45 fn: {
 46 creatRandom: function (startInt, endInt) {//生产随机数
 47 var iResult;
 48 iResult = startInt + (Math.floor(Math.random() * (endInt - startInt + 1)));
 49 return iResult
 50 },
 51 init: function () {
 52 nimo.data.scrollWdith = document.body.scrollWidth;
 53 nimo.data.scrollHeight = document.body.scrollHeight;
 54 nimo.ele.canvas = document.getElementById('canvas-ke'+'leyi-com');
 55 nimo.content = nimo.ele.canvas.getContext('2d');
 56 nimo.ele.canvas.width = nimo.data.scrollWdith - 50;
 57 nimo.ele.canvas.height = nimo.data.scrollHeight - 100;
 58 },
 59 addBall: function () {
 60 var aRandomColor = [];
 61 aRandomColor.push(nimo.fn.creatRandom(0, 255));
 62 aRandomColor.push(nimo.fn.creatRandom(0, 255));
 63 aRandomColor.push(nimo.fn.creatRandom(0, 255));
 64 var iRandomRadius = nimo.fn.creatRandom(nimo.data.radiusRange[0], nimo.data.radiusRange[1]);
 65 var oTempBall = {
 66 coordsX: nimo.fn.creatRandom(iRandomRadius, nimo.ele.canvas.width - iRandomRadius),
 67 coordsY: nimo.fn.creatRandom(iRandomRadius, nimo.ele.canvas.height - iRandomRadius),
 68 radius: iRandomRadius,
 69 bgColor: 'rgba(' + aRandomColor[0] + ',' + aRandomColor[1] + ',' + aRandomColor[2] + ',0.5)'
 70 };
 71 oTempBall.speedX = nimo.fn.creatRandom(nimo.data.speedRange[0], nimo.data.speedRange[1]);
 72 if (oTempBall.speedX === 0) {
 73 oTempBall.speedX = 1
 74 }
 75 if (oTempBall.speedY === 0) {
 76 oTempBall.speedY = 1
 77 }
 78 oTempBall.speedY = nimo.fn.creatRandom(nimo.data.speedRange[0], nimo.data.speedRange[1]);
 79 nimo.balls.push(oTempBall)
 80 },
 81 drawBall: function (bStatic) {
 82 var i, iSize;
 83 nimo.content.clearRect(0, 0, nimo.ele.canvas.width, nimo.ele.canvas.height)
 84 for (var i = 0, iSize = nimo.balls.length; i < iSize; i++) {
 85 var oTarger = nimo.balls[i];
 86 nimo.content.beginPath();
 87 nimo.content.arc(oTarger.coordsX, oTarger.coordsY, oTarger.radius, 0, 10);
 88 nimo.content.fillStyle = oTarger.bgColor;
 89 nimo.content.fill();
 90 if (!bStatic) {
 91 if (oTarger.coordsX + oTarger.radius >= nimo.ele.canvas.width) {
 92 oTarger.speedX = -(Math.abs(oTarger.speedX))
 93 }
 94 if (oTarger.coordsX - oTarger.radius <= 0) {
 95 oTarger.speedX = Math.abs(oTarger.speedX)
 96 }
 97 if (oTarger.coordsY - oTarger.radius <= 0) {
 98 oTarger.speedY = Math.abs(oTarger.speedY)
 99 }
100 if (oTarger.coordsY + oTarger.radius >= nimo.ele.canvas.height) {
101 oTarger.speedY = -(Math.abs(oTarger.speedY))
102 }
103 oTarger.coordsX = oTarger.coordsX + oTarger.speedX;
104 oTarger.coordsY = oTarger.coordsY + oTarger.speedY;
105 }
106 }
107 },
108 run: function () {
109 nimo.fn.drawBall();
110 nimo.aniamted = setTimeout(function () {
111 nimo.fn.drawBall();
112 nimo.aniamted = setTimeout(arguments.callee, 10)
113 }, 10)
114 },
115 stop: function () {
116 clearTimeout(nimo.aniamted)
117 }
118 }
119 }
120 window.onload = function () {
121 nimo.fn.init();
122 var i;
123 for (var i = 0; i < 10; i++) {
124 nimo.fn.addBall();
125 }
126 nimo.fn.run();
127 document.getElementById('stop-kel'+'eyi-com').onclick = function () {
128 nimo.fn.stop()
129 }
130 document.getElementById('run-keley'+'i-com').onclick = function () {
131 nimo.fn.stop()
132 nimo.fn.run()
133 }
134 document.getElementById('addBall-k'+'eleyi-com').onclick = function () {
135 var i;
136 for (var i = 0; i < 10; i++) {
137 nimo.fn.addBall();
138 }
139 nimo.fn.drawBall(true);
140 }
141 }
142 </script>
143 </body>
144 </html>

web前端：http://www.cnblogs.com/jihua/p/webfront.html

你可能感兴趣的:(HTML5 随机弹跳的小球)

  • Python爬虫实战：抓取电子图书平台图书信息与下载数据 Python爬虫项目 2025年爬虫实战项目python爬虫开发语言网络爬虫信息可视化
    前言电子图书平台汇集了海量的图书资源和丰富的信息，抓取这些数据可用于研究图书销售趋势、阅读偏好分析，甚至为书籍推荐系统提供数据支持。本文将详细介绍如何使用Python爬虫技术抓取电子图书平台的图书信息和下载数据。我们会涵盖从需求分析到代码实现的完整流程，探讨如何应对复杂的反爬机制，并使用最新的技术工具优化抓取过程。目录前言一、需求分析与目标1.1抓取目标1.2难点与挑战二、技术选型与工具2.1使用
  • Python 爬虫实战：公开专利信息抓取与创新趋势分析系统构建 西攻城狮北 python爬虫开发语言
    一、引言在当今数字化时代，专利信息已成为企业和科研机构进行技术创新与竞争分析的重要资源。通过获取和分析专利数据，可以了解行业动态、技术发展趋势以及竞争对手的创新方向。本文将详细介绍如何使用Python爬虫技术抓取公开专利信息，并构建一个创新趋势分析系统。二、项目背景与目标2.1项目背景随着全球科技创新的加速，专利数量不断增加。手动查阅专利信息已无法满足高效分析的需求，因此利用Python爬虫自动抓
  • PHP API框架的选择与考量 z123573z java
    PHPAPI框架的选择与考量在当今软件开发领域，API（应用程序编程接口）已成为各个系统间通信和数据交换的重要桥梁。对于PHP开发者而言，选择合适的API框架对于项目的成功至关重要。本文将详细讨论在选择PHPAPI框架时应考量的因素，并列举几个常用的框架进行分析。一、选择PHPAPI框架的考量因素在选择PHPAPI框架时，我们需要综合考虑以下几个因素：框架的成熟度与稳定性：一个成熟的框架通常具有完
  • React+Vite从零搭建项目及配置详解 一朵好运莲 react.js前端前端框架
    相信很多React初学者第一次搭建自己的项目，搭建时会无从下手，本篇适合快速实现功能，熟悉React项目搭建流程。目录一、创建项目react-item二、调整项目目录结构三、使用scss预处理器四、组件库AntDesign五、配置基础路由六、配置别名路径一、创建项目react-itemnpmcreatevitereact-item二、调整项目目录结构-src-apis项目接口函数-assets项目
  • Java中的线程中断 雾里有果橙 java开发语言jvm
    1线程中断相关方法介绍Java多线程编程中的interrupt()方法、isInterrupted()方法和interrupted()方法都是跟线程中断相关的方法，都非常重要。这三个方法名称非常相似，不理解原理时容易混淆，这里分别介绍下，以加以区分。由于interrupt()方法和isInterrupted()方法都是实例方法(非类上的静态方法)，因此我在前面加了个thread1，表示一个实例化的
  • Go语言圣经 - 第1章 入门 - 1.5 & 1.6 & 1.7 & 1.8 获取URL & 并发获取多个URL & Web服务 & 本章要点 shiyivei #Gogolang开发语言webservice并发
    第1章入门1.5获取Url1.编写代码Go语言提供了net包以及其它包，以便我们可以用来构建我们访问网络资源的程序，我们来看一个例子packagemainimport("fmt""io/ioutil""net/http""os")funcmain(){for_,url:=rangeos.Args[1:]{resp,err:=http.Get(url)iferr!=nil{fmt.Fprintf(o
  • C++常用设计模式详解 TT编程 C++编程c++设计模式开发语言面试
    前言：本文详细解释几种常用的C++设计模式，都是平时项目中用的比较多的。本文针对每种设计模式都给出了示例，让你跟着代码彻底搞懂设计模式。Tips：如果是准备面试，不需要知道所有的设计模式，要深入理解下面几种常用即可，因为面试官会先问你了解哪些设计模式，然后从你了解的里面挑一个深问，而且很有可能还会让你手撕出来。而且，最好提前准备一下自己的项目中哪里用到了你说的设计模式，面试官也可能会问。文章目录C
  • 在react-native中使用echart绘制图表 milk po
    引用自：https://www.jianshu.com/p/6eae23b3ece9.有前辈做好了echart的封装native-echarts.cd到你项目目录，然后通过npminstallnative-echarts--save去安装在需要调用的界面importEchartsfrom'native-echarts’可以调用代码与效果图如下：/***SampleReactNativeApp*ht
  • uniapp [安卓苹果App端] - 详细实现下载文件保存到用户手机本地，指定文件存储位置路径及文件夹名称下载并保存，Uniapp app端将文件下载保存并储存到指定目录（手机系统存储空间权限检测） 王二红 +UniAppuni-app安卓Android苹果ios下载文件到指定目录位置如何将文件保存到用户手机上下载指定文件存储路径并提示信息解决app端真机下载报错失败
    前言网上的教程乱七八糟且兼容性太差，本文提供优质示例。在uni-appApp端（安卓APP|苹果APP）开发中，详解在app平台端实现下载文件到用户本机指定目录，检测并提示开启读写存储权限后执行保存文件功能，Uniapp下载文件并保存到本地解决方案，并且指定文件保存位置及文件夹名称，支持任意文件音视频/文档/图片等，下载成功或失败会有手机系统提示，提供详细示例代码。uniapp（v2|v3）版本项
  • 线程中断 Orange# Java多线程
    线程中断就是处于运行状态的线程被强制打断。线程中断总体来说有三种方法：正常退出、stop暴力停止、interrupt异常停止。其中使用stop()方法是不安全的，可能导致数据不同步或者资源无法回收，目前stop()方法已经被标注为作废方法。一般使用interrupt停止线程，这里有几个与之相关的方法：publicvoidinterrupt(){}//中断线程publicbooleanisInter
  • python控制浏览器模拟鼠标点击网页标题_如何使用python来模拟鼠标点击（将经过实例自动化模拟在360浏览器中自动搜索"python"）... 赤衿
    1、准备工做：html安装pywin32，后面开发须要pywin32的支持，不然没法完成与windows层面相关的操做。pythonpywin32的具体安装及注意事项：shell一、总体开发环境：windows基于windows7操做系统;api提早安装python(由于篇幅问题，在此不详细讲解python环境的安装，你们能够自备楼梯)；浏览器你们能够在cmd中测试下python环境是否安装好：a
  • 理解 SSH_AUTH_SOCK：你的 SSH 代理小助手及常见登录问题解答 weixin_42587823 linux云计算ssh运维
    理解SSH_AUTH_SOCK：你的SSH代理小助手及常见登录问题解答在日常使用SSH登录远程服务器时，你可能会遇到一个看似不起眼但却至关重要的环境变量——SSH_AUTH_SOCK。今天，我就来和大家聊聊这个变量到底有什么作用，以及在SSH登录过程中可能遇到的一些问题。1.SSH_AUTH_SOCK的作用1.1什么是SSH代理？在使用SSH时，我们常常需要使用密钥对进行认证。为了避免每次都手动输
  • golang从入门到做牛马:第八篇-Go语言运算符-数学与逻辑的“魔法棒” 王盼达 golang从入门到做牛马golang开发语言后端
    在Go语言中，运算符就像是数学与逻辑的“魔法棒”，它们可以在程序运行时执行各种操作。Go语言提供了丰富的运算符，包括算术运算符、关系运算符、逻辑运算符、位运算符、赋值运算符和其他运算符。接下来，让我们一起探索这些运算符的奥秘。算术运算符：数字的“加减乘除”算术运算符用于执行基本的数学运算。以下是Go语言中的算术运算符及其示例：运算符描述示例+相加A+B输出结果30-相减A-B输出结果-10*相乘A
  • android 根目录 写文件路径,android app文件目录结构 weixin_39593498 android根目录写文件路径
    转：https://blog.csdn.net/luoguopeng/article/details/72832567androidapp目录:SDCard/Android/data/你的应用的包名/原来，只要把文件写在这里的话，可以不用动态申请权限，只要在manifest里面声明权限就ok了；应用程序在运行的过程中如果需要向手机上保存数据，一般是把数据保存在SDcard中的。大部分应用是直接在S
  • pythonwin怎么用_1.5.1 PythonWin的使用方法 weixin_39551996 pythonwin怎么用
    1.5Python的开发工具Python的开发工具非常丰富，有许多强大的智能开发环境(IDE，IntegratedDevelopmentEnvironment)工具，如Komodo、PythonWin、Eclipse等。这些工具不仅支持图形化操作，而且具备编辑、调试等功能。此外，文本编辑器也可作为Python的开发环境，如EditPlus、Vi等。1.5.1PythonWin的使用方法Python
  • Python学习第十四天 Leo来编程 Python学习python学习开发语言
    pip命令pip是Python的包管理工具，用于安装和管理Python第三方库安装安装pip指令（主要是为了更换pip的国内源），在C:\Users下建立pip文件夹，在pip文件夹里建立pip.ini(C盘不让建立可以桌面建立拖进去)文件内容如下：[global]index-url=https://pypi.tuna.tsinghua.edu.cn/simple常用命令操作类型命令格式描述安装包
  • winpython使用教程-winpython是什么 weixin_37988176
    WinPython是一个免费的开源可移植的Python编程语言发行版，适用于Windows7/8/10和科学及教育用途。它是一个功能齐全的基于python的科学环境:●专为科学家、数据科学家和教育设计(感谢NumPy、SciPy、y、Matplotlib、panda、pyqtgraph等):使用Python与Spyder和Jupyter/IPython、Pyzo、IDLEX或IDLE进行交互数据处
  • android读取存储文件路径,安卓获取存储文件路径 大白话时事 android读取存储文件路径
    首先内部存储路径为/data/data/youPackageName/，下面讲解的各路径都是基于你自己的应用的内部存储路径下。所有内部存储中保存的文件在用户卸载应用的时候会被删除。一、files1.Context.getFilesDir()，该方法返回/data/data/youPackageName/files的File对象。2.Context.openFileInput()与Context.o
  • mysql主从切换 日志_mysql笔记之主从切换 新德里的雨 mysql主从切换日志
    一、正常切换1)从服务器检查SHOWPROCESSLIST语句的输出，直到你看到HasreadallrelaylogwaitingfortheslaveI/Othreadtoupdateit2)确保从服务器已经处理了日志中的所有语句。mysql>STOPSLAVEIO_THREAD当从服务器都执行完这些，它们可以被重新配置为一个新的设置。3)在被提升为主服务器的从服务器上，发出STOPSLAVE和
  • android的缓存地址,android缓存与临时文件 AIWorldLabs android的缓存地址
    应用程序程序在第一次打开的时候，我们会把一些常用的数据保存到本地；或者应用程序在运行的时候，需要保存一些记录的(比如记事本)，因为耗子的工作需要保存填写的一些表单在本地，所以就整理了一下如何简单的把数据保存到本地。我们主要用到的方法就是下面这四个方法，看名字就可以看出来。getExternalCacheDir()getExternalFilesDir()getCacheDir()getFilesD
  • java阻塞线程中断_线程阻塞,线程中断,何时以及如何响应中断 AI传送门 java阻塞线程中断
    第21章–并发–线程阻塞,线程中断,何时以及如何响应中断1.在线程阻塞时中断线程的4中状态:(1)新建(new):线程被创建时,它只会短暂的处于这种状态.此时线程已经分配了必须的系统资源,并执行了初始化.此刻线程已经有资格获取CPU时间,之后调度器将把这个线程转变为可运行状态或阻塞状态(2)就绪(Runnable):在这种状态下,只要调度器把时间片分配给线程,线程就可以运行.也就是说,在任意时刻线
  • android读写缓存文件路径,获取Android应用专属缓存存储目录的实例 落霜枫舞 android读写缓存文件路径
    如果你想摆脱缓存目录使用的尴尬：找不到目录？忘记申请读写权限？害怕污染用户存储空间？……请往下看SD卡缓存目录当应用需要将图片或者文件缓存到SD卡中时要去申请创建目录，有下面几种途径我们可以通过API调用应用专属目录:///storage/emulated/0/Android/data/app_package_name/files/PicturesContent.getExternalFilesD
  • Java线程协作式中断机制 超人汪小建(seaboat) 线程协作式中断机制jvm
    跟着作者的65节课彻底搞懂Java并发原理专栏，一步步彻底搞懂Java并发原理。作者简介：笔名seaboat，擅长工程算法、人工智能算法、自然语言处理、计算机视觉、架构、分布式、高并发、大数据和搜索引擎等方面的技术，大多数编程语言都会使用，但更擅长Java、Python和C++。平时喜欢看书写作、运动、画画。崇尚技术自由，崇尚思想自由。出版书籍：《Tomcat内核设计剖析》、《图解数据结构与算法》
  • 【GPT入门】第16课 RAG入门 *星星之火* 大模型gpt
    【GPT入门】第16课RAG入门1.RAG概念核心原理主要应用优势挑战RGA工作图解2.RAG系统基本搭建流程1.RAG概念RAG通常指检索增强生成（Retrieval-AugmentedGeneration），是一种将检索技术与生成式人工智能相结合的技术架构，以下是关于它的详细介绍：核心原理检索：RAG会在大量的文本数据中进行检索，这些数据可以是网页、文档、知识库等。它通过各种检索算法和技术，快
  • 如何使用logrotete定时切割mysql的慢日志 从不删库的DBA Mysqlmysql数据库
    背景：在Linux系统中，logrotate是常用的日志文件管理工具,可以配置它来对MySQL的慢查询日志进行轮转，例如按照每天或者每周进行轮转，将旧的日志文件备份压缩并重新生成新的日志文件来继续记录！创建配置文件创建一个专门用于配置MySQL慢查询日志切割规则的文件，通常放在/etc/logrotate.d/目录下。假设你的MySQL慢查询日志文件名为/var/lib/mysql/[主机名]-s
  • 常用的gpt 爱晒太阳的小老鼠 其他gpt
    1、DeepSeek好用。可惜现在热度上去了，经常查技术问题会报网络繁忙2、QwenChatQwenChat千问，阿里的gpt。需要注册账号，好用程度感觉跟deepSeek差不多。并且不会像deepSeek一样报网络繁忙3、文心一样百度的。相对上2个技术问题较弱，模型比较老，平时日常常识问题可能比较有优势文心一言
  • CSDN快速转载文章的技巧（2025年最新方法） 日薪月亿 CSDN工具指南学习方法
    文章目录一、问题描述1.1排版杂乱1.2浏览器崩溃二、原因分析2.1HTML内容复杂2.2编辑器兼容性2.3性能问题三、解决办法3.1解决思路3.2解决办法一、问题描述最近尝试了多种网上流传的文章转载方法，多数是通过浏览器的DevTool工具找到网页的id值为article_content或content_views的内容，然后右键点击选择CopyouterHTML来获取文章的完整HTML内容。接
  • Stack Navigator中使用自定义的Render Callback AI画手小王 前端javascriptwebpack
    前言关于Vite和Vue3的讨论越来越多，看了官网的特性后，真是按捺不住想尝试一下。开发环境秒开？CompositionAPI？SFCStyleCSSVariableInjection？看起来哪个都比webpack+Vue2香呀。（尤大都向React推荐Vite了，难道你还不试一下Vite么？）其实在去年，我们在LOFTER的哈利波特街区活动中就尝试使用了Vite2+Vue3搭建活动主街区页面，当
  • 如何在react中简单应用echart，及echart特性 ·港岛妹妹 reactreactjs前端
    一分钟学会在react中简单应用echart1.首先安装echart、echarts-for-reactnpminstallecharts--savenpminstall--saveecharts-for-react2、在相应组件中引入模块import*asechartsfrom'echarts';importReactEchartsfrom'echarts-for-react';3、使用的时候非
  • webpack和vite的区别 阿丽塔~ 前端面试vitewebpack
    主要区别是：1.构建速度Vite：开发环境下，Vite利用浏览器原生支持的ES模块（ESM），按需编译和加载模块，避免了全量打包。这使得Vite的启动速度和热更新速度极快，尤其在大型项目中优势明显。使用esbuild进行依赖预构建，性能比基于JavaScript的工具快10-100倍。Webpack：需要分析所有模块的依赖关系并进行全量打包，导致启动和热更新速度较慢，尤其是在项目规模较大时。2.打
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他