js 标签云效果

下载：http://files.cnblogs.com/zjfree/js_tag_list.rar

效果如下：

js 标签云效果

源码如下：

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title></title> 

<style type="text/css">

#div1 {position:relative; width:285px; height:280px; }

#div1 a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#cc0000; text-decoration:none; text-shadow:#999; font-weight:600}

#div1 a:hover {border: 1px solid #eee; background:#fff000; padding:3px;}

body {

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

}

</style>

<script type="text/javascript" >

var radius = 125;

var dtr = Math.PI/500;

var d=200;



var mcList = [];

var active = false;

var lasta = 1;

var lastb = 1;

var distr = true;

var tspeed=40;

var size=200;



var mouseX=0;

var mouseY=0;



var howElliptical=1;



var aA=null;

var oDiv=null;



window.onload=function ()

{

    var i=0;

    var oTag=null;

    

    oDiv=document.getElementById('div1');

    

    aA=oDiv.getElementsByTagName('a');

    

    for(i=0;i<aA.length;i++)

    {

        oTag={};

        

        aA[i].style.color = '#'+('00000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6);;

        oTag.offsetWidth=aA[i].offsetWidth;

        oTag.offsetHeight=aA[i].offsetHeight;

        

        mcList.push(oTag);

    }

    

    sineCosine( 0,0,0 );

    

    positionAll();

    

    oDiv.onmouseover=function ()

    {

        active=true;

    };

    

    oDiv.onmouseout=function ()

    {

        active=false;

    };

    

    oDiv.onmousemove=function (ev)

    {

        var oEvent=window.event || ev;

        

        mouseX=oEvent.clientX-(oDiv.offsetLeft+oDiv.offsetWidth/2);

        mouseY=oEvent.clientY-(oDiv.offsetTop+oDiv.offsetHeight/2);

        

        mouseX/=5;

        mouseY/=5;

    };

    

    setInterval(update, 30);

};



function update()

{

    var a;

    var b;

    

    if(active)

    {

        a = (-Math.min( Math.max( -mouseY, -size ), size ) / radius ) * tspeed;

        b = (Math.min( Math.max( -mouseX, -size ), size ) / radius ) * tspeed;

    }

    else

    {

        a = lasta * 0.98;

        b = lastb * 0.98;

    }

    

    lasta=a;

    lastb=b;

    

    if(Math.abs(a)<=0.01 && Math.abs(b)<=0.01)

    {

        return;

    }

    

    var c=0;

    sineCosine(a,b,c);

    for(var j=0;j<mcList.length;j++)

    {

        var rx1=mcList[j].cx;

        var ry1=mcList[j].cy*ca+mcList[j].cz*(-sa);

        var rz1=mcList[j].cy*sa+mcList[j].cz*ca;

        

        var rx2=rx1*cb+rz1*sb;

        var ry2=ry1;

        var rz2=rx1*(-sb)+rz1*cb;

        

        var rx3=rx2*cc+ry2*(-sc);

        var ry3=rx2*sc+ry2*cc;

        var rz3=rz2;

        

        mcList[j].cx=rx3;

        mcList[j].cy=ry3;

        mcList[j].cz=rz3;

        

        per=d/(d+rz3);

        

        mcList[j].x=(howElliptical*rx3*per)-(howElliptical*2);

        mcList[j].y=ry3*per;

        mcList[j].scale=per;

        mcList[j].alpha=per;

        

        mcList[j].alpha=(mcList[j].alpha-0.6)*(10/6);

    }

    

    doPosition();

    depthSort();

}



function depthSort()

{

    var i=0;

    var aTmp=[];

    

    for(i=0;i<aA.length;i++)

    {

        aTmp.push(aA[i]);

    }

    

    aTmp.sort

    (

        function (vItem1, vItem2)

        {

            if(vItem1.cz>vItem2.cz)

            {

                return -1;

            }

            else if(vItem1.cz<vItem2.cz)

            {

                return 1;

            }

            else

            {

                return 0;

            }

        }

    );

    

    for(i=0;i<aTmp.length;i++)

    {

        aTmp[i].style.zIndex=i;

    }

}



function positionAll()

{

    var phi=0;

    var theta=0;

    var max=mcList.length;

    var i=0;

    

    var aTmp=[];

    var oFragment=document.createDocumentFragment();

    

    //随机排序

    for(i=0;i<aA.length;i++)

    {

        aTmp.push(aA[i]);

    }

    

    aTmp.sort

    (

        function ()

        {

            return Math.random()<0.5?1:-1;

        }

    );

    

    for(i=0;i<aTmp.length;i++)

    {

        oFragment.appendChild(aTmp[i]);

    }

    

    oDiv.appendChild(oFragment);

    

    for( var i=1; i<max+1; i++){

        if( distr )

        {

            phi = Math.acos(-1+(2*i-1)/max);

            theta = Math.sqrt(max*Math.PI)*phi;

        }

        else

        {

            phi = Math.random()*(Math.PI);

            theta = Math.random()*(2*Math.PI);

        }

        //坐标变换

        mcList[i-1].cx = radius * Math.cos(theta)*Math.sin(phi);

        mcList[i-1].cy = radius * Math.sin(theta)*Math.sin(phi);

        mcList[i-1].cz = radius * Math.cos(phi);

        

        aA[i-1].style.left=mcList[i-1].cx+oDiv.offsetWidth/2-mcList[i-1].offsetWidth/2+'px';

        aA[i-1].style.top=mcList[i-1].cy+oDiv.offsetHeight/2-mcList[i-1].offsetHeight/2+'px';

    }

}



function doPosition()

{

    var l=oDiv.offsetWidth/2;

    var t=oDiv.offsetHeight/2;

    for(var i=0;i<mcList.length;i++)

    {

        aA[i].style.left=mcList[i].cx+l-mcList[i].offsetWidth/2+'px';

        aA[i].style.top=mcList[i].cy+t-mcList[i].offsetHeight/2+'px';

        

        aA[i].style.fontSize=Math.ceil(12*mcList[i].scale/2)+8+'px';

        

        aA[i].style.filter="alpha(opacity="+100*mcList[i].alpha+")";

        aA[i].style.opacity=mcList[i].alpha;

    }

}



function sineCosine( a, b, c)

{

    sa = Math.sin(a * dtr);

    ca = Math.cos(a * dtr);

    sb = Math.sin(b * dtr);

    cb = Math.cos(b * dtr);

    sc = Math.sin(c * dtr);

    cc = Math.cos(c * dtr);

}

 

</script> 

 



</head> 

 

<body> 

<div id="div1"> 

<a href="#" target="_blank" style="color:">中国</a>

<a href="#" target="_blank" style="color:">消费者</a>

<a href="#" target="_blank" style="color:">消费</a>

<a href="#" target="_blank" style="color:">北京</a>

<a href="#" target="_blank" style="color:">奶粉</a>

<a href="#" target="_blank" style="color:">世界杯</a>

<a href="#" target="_blank" style="color:">品牌</a>

<a href="#" target="_blank" style="color:">食品安全</a>

<a href="#" target="_blank" style="color:">市场</a>

<a href="#" target="_blank" style="color:">上海</a>

<a href="#" target="_blank" style="color:">奇瑞</a>

<a href="#" target="_blank" style="color:">重工</a>

<a href="#" target="_blank" style="color:">珠宝</a>

<a href="#" target="_blank" style="color:">时代</a>

<a href="#" target="_blank" style="color:">广州</a>

<a href="#" target="_blank" style="color:">食品</a>

<a href="#" target="_blank" style="color:">企业</a>

<a href="#" target="_blank" style="color:">产品</a>

<a href="#" target="_blank" style="color:">专家</a>

<a href="#" target="_blank" style="color:">互联网</a>

<a href="#" target="_blank" style="color:">工商局</a>

<a href="#" target="_blank" style="color:">问题</a>

<a href="#" target="_blank" style="color:">活动</a>

<a href="#" target="_blank" style="color:">营销</a>

<a href="#" target="_blank" style="color:">福喜</a>

<a href="#" target="_blank" style="color:">总局</a>

<a href="#" target="_blank" style="color:">手机</a>

<a href="#" target="_blank" style="color:">公益</a>

<a href="#" target="_blank" style="color:">体验</a>

<a href="#" target="_blank" style="color:">宝贝</a>

<a href="#" target="_blank" style="color:">质量</a>

<a href="#" target="_blank" style="color:">文化</a>

<a href="#" target="_blank" style="color:">工商</a>

<a href="#" target="_blank" style="color:">进口</a>

<a href="#" target="_blank" style="color:">汽车</a>

<a href="#" target="_blank" style="color:">夏日</a>

<a href="#" target="_blank" style="color:">服务</a>

<a href="#" target="_blank" style="color:">移动</a>

<a href="#" target="_blank" style="color:">深圳</a>

<a href="#" target="_blank" style="color:">宝宝</a>

<a href="#" target="_blank" style="color:">合生</a>

<a href="#" target="_blank" style="color:">纸尿裤</a>

<a href="#" target="_blank" style="color:">美食</a>

<a href="#" target="_blank" style="color:">山西</a>

<a href="#" target="_blank" style="color:">行业</a>

<a href="#" target="_blank" style="color:">国际</a>

<a href="#" target="_blank" style="color:">时尚</a>

<a href="#" target="_blank" style="color:">价格</a>

<a href="#" target="_blank" style="color:">升级</a>

<a href="#" target="_blank" style="color:">消法</a>

</div> 

</body> 

</html>

 

你可能感兴趣的:(js)

  • 【实战】解决图片 Hover 抖动问题的完整指南 oliver.chau 前端开发前端
    在开发网站时，很多人都会遇到一个常见问题：鼠标移动到图片上，图片放大，结果发生抖动或闪烁。这个问题往往伴随着后端接口请求、JS动态追加DOM等复杂行为。本文将深入剖析这个问题的成因，并提供一套彻底的解决方案，适合所有在前端开发中遇到此类困扰的朋友。问题现象鼠标移动到图片上，图片被放大（hover效果）图片出现抖动/闪烁/重排现象使用了innerHTML+=方式追加HTML每次hover时，JS/后
  • AI简历生成网站源码丨Ai简历制作项目-已开源 希希分享 软希网58soho_cn源码资源AI简历生成网站源码
    运行环境Node.js：18+安装npmnpminstall运行项目然后反代npmrundev欢迎有前端能力的朋友开发简历模板加入项目简历模板开发方式：复制一份/template/dev目录，然后按照里面的数据挂载到前端即可。然后完善您模板目录下的config.json和preview.jpg（注意，config.json中的id务必是唯一值）最后，请在/public/templates.json
  • 后端开发基础：语言选择与 RESTful API 设计 风亦辰739 前后端开发全栈指南restful后端
    在Web开发中，后端（Backend）负责数据存储、业务逻辑处理、权限管理以及与前端（Frontend）的交互。本文将介绍主流后端开发语言及其适用场景，并详细解析RESTfulAPI设计原则，帮助开发者构建高效、规范的后端服务。一、后端开发语言选择后端开发语言决定了系统的可扩展性、性能和维护成本。当前流行的后端语言包括Java、Python和Node.js，它们各自适用于不同的开发场景。1.Jav
  • JS笔试题精讲3 ES6专题 沿着路走到底 面试题javascriptes6前端
    只要拼接字符串一律用模板字符串${}里:-可以放：变量、算术计算、三目、对象属性、创建对象、调用函数、访问数组元素——有返回值的合法的js表达式-不能放:没有返回值的js表达式也不能放分支/判断、循环等程序结构。比如:ifelseforwhile...等${}规则和今后各种框架中的绑定语法规则完全一样！varuname="丁丁";console.log(`Welcome${uname}`);var
  • 微信小程序入门一之小程序架构 Qiang_1995 微信小程序
    微信公众平台技术文档2016-9-20凌晨，微信推出应用号“小程序”内测功能；2016-11-4，正式公测，企事业单位可申请公测账号；2017-1-9，正式上线；官方社区地址：http://developers.weixin.qq.com架构分析基本目录结构主目录（项目描述文件）{主逻辑文件app.js主配置文件app.json：注册页面，全局定义网络超时、窗口表现等主样式文件app.wxss：类
  • 西门子S7协议 stepan.jiang python库自动化测试python
    以下是客户端函数使用#coding:utf-8importsnap7,time,jsonfromsnap7.utilimport*s7_clinet=snap7.client.Client()s7_clinet.connect("",0,1)classsnap7_fuction():def__init__(self,area,dbnumber,start,size,data=None):self.
  • MySQL到达梦数据库迁移中的JSON_CONTAINS不兼容问题及解决方案 水涵幽树 数据库mysqljson后端sql数据库开发
    问题背景JSON_CONTAINS是MySQL中用于检查JSON文档是否包含特定值的函数。然而，达梦数据库并不支持这一函数，因此在迁移过程中，直接使用JSON_CONTAINS会导致SQL语句无法执行，进而引发报错。报错内容在迁移过程中，如果直接使用JSON_CONTAINS函数，达梦数据库会抛出如下错误：”SQL错误[42000]:[DM_SQL]语法分析错误:第5行第12列附近出现错误:未找到
  • 力扣每日打卡 2829. k-avoiding 数组的最小总和 (中等) 龙萌酱 每日算法leetcode哈希算法算法
    力扣每日打卡2829.k-avoiding数组的最小总和——中等难度前言一、题目内容二、解题方法1.哈希表2.官方题解前言这是刷算法题的第六天，用到的语言是JS题目：力扣2829.k-avoiding数组的最小总和(中等)又又又与两数之和有异曲同工之妙一、题目内容给你两个整数n和k。对于一个由不同正整数组成的数组，如果其中不存在任何求和等于k的不同元素对，则称其为k-avoiding数组。返回长度
  • dify平台新手入门指南 knightissocool 自然语言处理语言模型
    以下是针对Dify平台的新手使用指南，涵盖从部署到基础操作的完整流程，结合官方文档及实践总结，帮助用户快速上手：一、环境准备与部署系统要求操作系统：支持Linux（如Ubuntu22.04+）、WindowsWSL或macOS。依赖工具：Docker24.0+、Python3.12（推荐使用Poetry管理）、Node.jsv18.xLTS（前端依赖）。一键部署（推荐DockerCompose）g
  • FFMpeg-从安装到使用 音视频开发老马 ffmpeg
    一、写在前面记录FFMpegPHP使用的点滴，它可以处理音视频（提取图片，进行转码，添加水印，旋转等等），对我们来说是一个强大的轮子。二、安装步骤1.添加包依赖，前提是composer已加载。composerrequirephp-ffmpeg/php-ffmpegrequiresphp:^5.3.9||^7.0顺利的话，composer.json里已经有了："php-ffmpeg/php-ffmp
  • 手动搭建并配置react项目（webpack5） 程序员宝妈 webpack打包Reactreact.js前端前端框架
    手动搭建并配置react项目（webpack5）介绍不使用脚手架，利用webpack，手动搭建react项目框架1、项目创建创建目录react_wepack2、webpack+react基础架构2.1配置webpack.dev.js基础配置说明可参考这篇文章配置loader、plugin、eslint【见webpack.dev.js】constpath=require("path");constM
  • mock数据基本使用 runfarther 大前端开发前端vuereactmock
    1.mock数据概念：mock这词本意是虚拟，模拟的意思。mockserver工具，通俗来说，就是模拟服务端接口数据，一般用在前后端分离后，前端人员可以不依赖API开发，而在本地搭建一个JSON服务，自己产生测试数据。即：json-server就是个存储json数据的server2.使用步骤：1）初始化项目：npminit-y2）安装json-server:npmijson-server-D3）在
  • Vue + webpack 项目实践 GarfieldEr007 Vue.jsVuewebpack
    最近在内部项目中做了一些基于vue+webpack的尝试，在小范围和同事们探讨之后，还是蛮多同学认可和喜欢的，所以通过blog分享给更多人。首先，我会先简单介绍一下vue和webpack：(当然如果你已经比较熟悉它们的话前两个部分可以直接跳过)介绍vueVue.js是一款极简的mvvm框架，如果让我用一个词来形容它，就是“轻·巧”。如果用一句话来描述它，它能够集众多优秀逐流的前端框架之大成，但同时
  • python中如何将dict转换成json 灭绝师太也疯狂 jsonpython
    userinfo={'a':'b','c':'d'}userjson=json.dumps(userinfo)res=requests.post(url,data=userjson,header={'Content-type':'application/json'})res.text/json()可适当的打印类型查看print(type())
  • python dict to json 凯二七 json
    使用Python模块json可以将字典转换为json字符串。可以使用json.dumps()函数将字典转换为json字符串，例如:importjsondata={'name':'JohnSmith','age':35,'city':'NewYork'}json_data=json.dumps(data)print(json_data)
  • Selenium——入门 暗夜小白白 Seleniumselenium测试工具
    一、Selenium简介Selenium是一个用于Web应用程序自动化测试工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE（7,8,9,10,11），MozillaFirefox，Safari，GoogleChrome，Opera等。适用于自动化测试，js动态爬虫（破解反爬虫）等领域。二、Selenium组成1）SeleniumIDE：嵌入到Firefo
  • Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做 屹涛科技 旅游
    Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做【免费赠送源码】Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：
  • TypeScript 无盐海 TypeScripttypescriptjavascript前端
    一、TS开发环境搭建1、安装Node.js与npm从Node.js官网下载并安装最新LTS版本，安装完成后通过终端验证node-v#检查Node.js版本npm-v#检查npm版本说明：Node.js是TS的运行基础，npm用于包管理2、全局安装TypeScript编译器安装TypeScript编译器：npminstall-gtypescript#安装命令tsc--version#安装后验证，显示
  • 使用 Chromedp 监听网页请求和响应 Clown95 go#go爬虫gochromedp
    使用Chromedp监听网页请求和响应在进行网络爬虫的时候，有很多网站都有反爬机制，比如你想抓点数据，结果发现每次请求都带一堆奇奇怪怪的参数——什么timestamp签名、AES加密的字段，还有各种Token令牌，跟密码本似的。你直接看网页源代码吧，那些JS代码被混淆得亲妈都不认识，像一团乱麻似的根本理不清头绪。这时候我们可以使用chromedp来监听网页请求，它的核心价值在于：第一不用费劲巴拉地
  • 如何使用Anthropic Chat模型：快速入门指南 shuoac python开发语言
    如何使用AnthropicChat模型：快速入门指南Anthropic提供了多个聊天模型，这篇文章将帮助你快速入门。详细文档请参考AnthropicAPI文档。技术背景介绍Anthropic提供了多种聊天模型，这些模型可以通过AWSBedrock和GoogleVertexAI进行访问。使用Anthropic你可以快速创建高效的对话代理。核心原理解析Anthropic模型支持结构化输出、JSON模式
  • 透析Vue的nextTick原理 Sean2077 Vuevue.js
    nextTick是Vue.js中的一个核心机制，用于在下一次DOM更新周期后执行回调函数。它的核心原理是利用JavaScript的事件循环机制（EventLoop），结合微任务（Microtask）或宏任务（Macrotask）的调度策略，确保回调在DOM更新完成后执行。核心原理分析1.DOM更新的异步性Vue的数据驱动视图更新是异步批量执行的。当数据变化时，Vue不会立即更新DOM，而是开启一个
  • 安装 Microsoft Visual C++ Build Tools Ljugg windows
    安装MicrosoftVisualC++BuildTools是为了在Windows系统上编译和运行需要C++支持的程序或库（例如某些Python包、Node.js模块等）。以下是安装MicrosoftVisualC++BuildTools的详细步骤总结：1.通过官方渠道安装步骤1：访问VisualStudio官方网站打开VisualStudioBuildTools官方下载页面。步骤2：下载安装程序
  • java数据透视表插件_纯前端表格控件SpreadJS：新增数据透视表插件等，完美呈现强大的Excel数据分析能力... 天生双下巴 java数据透视表插件
    SpreadJS是一款基于HTML5的纯前端电子表格控件，兼容450种以上的Excel公式，凭借其“高性能、跨平台、与Excel高度兼容”的产品特性，备受以华为、苏宁易购、天弘基金等为代表的企业用户青睐。新版本特性:新增数据透视表插件，拥有强大的Excel数据分析能力在线表格编辑器(控件版)：更易嵌入、秒级加载、灵活定制新增迭代计算功能，可实现高精度计算支持渐进加载、HTML导出支持渐进填充、多列
  • Django-Quill-Editor 项目教程 翁晔晨Jane
    Django-Quill-Editor项目教程django-quill-editordjango-quill-editormakesQuill.jseasytouseonDjangoFormsandadminsites项目地址:https://gitcode.com/gh_mirrors/dj/django-quill-editor1.项目的目录结构及介绍django-quill-editor/├
  • uniapp实现全局设置字体大小(字体大小切换) 矽东 uniappuni-appjavascript前端
    效果图实现步骤1.安装配置postcss-px-to-viewpornpminstallpostcss-px-to-viewport--save-dev2.根目录下创建一个postcss.config.js文件，文件内容如下：constpath=require('path')module.exports={ parser:'postcss-comment', plugins:{  'postcss
  • uniapp中的post请求 Vae_Mars uniappuni-appjavascript前端
    1.解释说明-post请求是一种常用的通讯方式，这里展示uniapp中如何给后端服务器请求-uniapp内置的request可以实现这个方法-content-type有'application/json'和'application/x-www-form-urlencoded'。2.程序示例exportdefault{data(){return{//定义一些数据postData:{username:
  • GET请求和POST请求 Vae_Mars IDEAjavaspring开发语言
    1、Controller层代码示例2、注意如果想用get请求来传参，不能使用json数据3、这里的接收格式表单用@RequestParam，json数据用@RequestBodyimportorg.springframework.web.bind.annotation.*;@RestController@RequestMapping("/api")publicclassApiController{
  • Asp.Net Core 读取配置文件的多种方式 看这一篇就够了！ Marzlam .NetCoreNet5+
    本文聚焦点为读取配置文件如想了解文件系统的可看Asp.NetCore文件系统和配置选项读取方式直接读取单个值读取json对象---变成类使用注册服务读取配置选项读取自定义读取注意事项！！！以此json文件为实列{"Logging":{"LogLevel":{"Default":"Information","Microsoft":"Warning","Microsoft.Hosting.Lifeti
  • 【MacOs】proxychains配置使用 w1wi 软件配置AImacos
    一、开始1.安装proxychains使用brew进行安装brewinstallproxychains-ng没有homebrew的，可以使用该命令安装/usr/bin/ruby-e"$(curl-fsSLhttps://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)"2.配置代理配置文件cd/opt/homebrew/etcviproxych
  • JSP 指令 wangjinjin180 java开发语言
    1.JSP指令概述JSP指令是用来控制JSP页面行为的特殊标签，通常出现在JSP页面的开头。与脚本元素和动作标签不同，JSP指令在编译时执行，并且影响整个JSP页面或Servlet类。它们不像脚本代码那样直接生成HTML输出，而是用来设置页面的属性或行为。常见的JSP指令类型页面指令（PageDirective）包含指令（IncludeDirective）标签库指令（TaglibDirective
  • java Illegal overloaded getter method with ambiguous type for propert的解决 zwllxs javajdk
    好久不来iteye,今天又来看看，哈哈,今天碰到在编码时，反射中会抛出 Illegal overloaded getter method with ambiguous type for propert这么个东东，从字面意思看，是反射在获取getter时迷惑了，然后回想起java在boolean值在生成getter时，分别有is和getter，也许我们的反射对象中就有is开头的方法迷惑了jdk，
  • IT人应当知道的10个行业小内幕 beijingjava 工作互联网
    10. 虽然IT业的薪酬比其他很多行业要好，但有公司因此视你为其“佣人”。 　　尽管IT人士的薪水没有互联网泡沫之前要好，但和其他行业人士比较，IT人的薪资还算好点。在接下的几十年中，科技在商业和社会发展中所占分量会一直增加，所以我们完全有理由相信，IT专业人才的需求量也不会减少。 　　然而，正因为IT人士的薪水普遍较高，所以有些公司认为给了你这么多钱，就把你看成是公司的“佣人”，拥有你的支配
  • java 实现自定义链表 CrazyMizzz java数据结构
    1.链表结构   链表是链式的结构 2.链表的组成    链表是由头节点，中间节点和尾节点组成    节点是由两个部分组成：       1.数据域       2.引用域 3.链表的实现 &nbs
  • web项目发布到服务器后图片过一会儿消失 麦田的设计者 struts2上传图片永久保存
      作为一名学习了android和j2ee的程序员，我们必须要意识到，客服端和服务器端的交互是很有必要的，比如你用eclipse写了一个web工程，并且发布到了服务器（tomcat）上，这时你在webapps目录下看到了你发布的web工程，你可以打开电脑的浏览器输入http://localhost:8080/工程/路径访问里面的资源。但是，有时你会突然的发现之前用struts2上传的图片
  • CodeIgniter框架Cart类 name 不能设置中文的解决方法 IT独行者 CodeIgniterCart框架　
    今天试用了一下CodeIgniter的Cart类时遇到了个小问题，发现当name的值为中文时，就写入不了session。在这里特别提醒一下。 在CI手册里也有说明，如下： $data = array( 'id' => 'sku_123ABC', 'qty' => 1, '
  • linux回收站 _wy_ linux回收站
    今天一不小心在ubuntu下把一个文件移动到了回收站，我并不想删，手误了。我急忙到Nautilus下的回收站中准备恢复它，但是里面居然什么都没有。     后来我发现这是由于我删文件的地方不在HOME所在的分区，而是在另一个独立的Linux分区下，这是我专门用于开发的分区。而我删除的东东在分区根目录下的.Trash-1000/file目录下，相关的删除信息（删除时间和文件所在
  • jquery回到页面顶端 知了ing htmljquerycss
    html代码： <h1 id="anchor">页面标题</h1> <div id="container">页面内容</div> <p><a href="#anchor" class="topLink">回到顶端</a><
  • B树、B-树、B+树、B*树 矮蛋蛋 B树
    原文地址： http://www.cnblogs.com/oldhorse/archive/2009/11/16/1604009.html B树        即二叉搜索树：        1.所有非叶子结点至多拥有两个儿子（Left和Right）； &nb
  • 数据库连接池 alafqq 数据库连接池
    http://www.cnblogs.com/xdp-gacl/p/4002804.html @Anthor:孤傲苍狼 数据库连接池 用MySQLv5版本的数据库驱动没有问题，使用MySQLv6和Oracle的数据库驱动时候报如下错误： java.lang.ClassCastException: $Proxy0 cannot be cast to java.sql.Connec
  • java泛型 百合不是茶 java泛型
    泛型 在Java SE 1.5之前，没有泛型的情况的下，通过对类型Object的引用来实现参数的“任意化”，任意化的缺点就是要实行强制转换，这种强制转换可能会带来不安全的隐患   泛型的特点：消除强制转换 确保类型安全 向后兼容   简单泛型的定义：      泛型：就是在类中将其模糊化，在创建对象的时候再具体定义 class fan
  • javascript闭包[两个小测试例子] bijian1013 JavaScriptJavaScript
    一.程序一 <script> var name = "The Window"; var Object_a = { 　　name : "My Object", 　　getNameFunc : function(){ var that = this; 　　　　return function(){ 　　　　
  • 探索JUnit4扩展：假设机制（Assumption） bijian1013 javaAssumptionJUnit单元测试
    一.假设机制（Assumption）概述        理想情况下，写测试用例的开发人员可以明确的知道所有导致他们所写的测试用例不通过的地方，但是有的时候，这些导致测试用例不通过的地方并不是很容易的被发现，可能隐藏得很深，从而导致开发人员在写测试用例时很难预测到这些因素，而且往往这些因素并不是开发人员当初设计测试用例时真正目的，
  • 【Gson四】范型POJO的反序列化 bit1129 POJO
    在下面这个例子中，POJO(Data类)是一个范型类，在Tests中，指定范型类为PieceData，POJO初始化完成后，通过 String str = new Gson().toJson(data); 得到范型化的POJO序列化得到的JSON串，然后将这个JSON串反序列化为POJO   import com.google.gson.Gson; import java.
  • 【Spark八十五】Spark Streaming分析结果落地到MySQL bit1129 Stream
    几点总结： 1. DStream.foreachRDD是一个Output Operation，类似于RDD的action，会触发Job的提交。DStream.foreachRDD是数据落地很常用的方法 2. 获取MySQL Connection的操作应该放在foreachRDD的参数（是一个RDD[T]=>Unit的函数类型)，这样，当foreachRDD方法在每个Worker上执行时，
  • NGINX + LUA实现复杂的控制 ronin47 nginx lua
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-递归判断数组是否升序 bylijinnan java
    public class IsAccendListRecursive { /*递归判断数组是否升序 * if a Integer array is ascending,return true * use recursion */ public static void main(String[] args){ IsAccendListRecursiv
  • Netty源码学习-DefaultChannelPipeline2 bylijinnan javanetty
    Netty3的API http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/ChannelPipeline.html 里面提到ChannelPipeline的一个“pitfall”： 如果ChannelPipeline只有一个handler（假设为handlerA）且希望用另一handler（假设为handlerB） 来
  • Java工具之JPS chinrui java
    JPS使用     熟悉Linux的朋友们都知道，Linux下有一个常用的命令叫做ps（Process Status)，是用来查看Linux环境下进程信息的。同样的，在Java Virtual Machine里面也提供了类似的工具供广大Java开发人员使用，它就是jps（Java Process Status)，它可以用来
  • window.print分页打印 ctrain window
    function init() { var tt = document.getElementById("tt"); var childNodes = tt.childNodes[0].childNodes; var level = 0; for (var i = 0; i < childNodes.length; i++) {
  • 安装hadoop时 执行jps命令Error occurred during initialization of VM daizj jdkhadoopjps
    在安装hadoop时，执行JPS出现下面错误   [slave16]root@192.168.11.10:/tmp/hsperfdata_hdfs# jps Error occurred during initialization of VM java.lang.Error: Properties init: Could not determine current working
  • PHP开发大型项目的一点经验 dcj3sjt126com PHP重构
    一、变量 最好是把所有的变量存储在一个数组中，这样在程序的开发中可以带来很多的方便，特别是当程序很大的时候。变量的命名就当适合自己的习惯，不管是用拼音还是英语，至少应当有一定的意义，以便适合记忆。变量的命名尽量规范化，不要与PHP中的关键字相冲突。 二、函数 PHP自带了很多函数，这给我们程序的编写带来了很多的方便。当然，在大型程序中我们往往自己要定义许多个函数，几十
  • android笔记之--向网络发送GET/POST请求参数 dcj3sjt126com android
    使用GET方法发送请求 private static boolean sendGETRequest (String path, Map<String, String> params) throws Exception{ //发送地http://192.168.100.91:8080/videoServi
  • linux复习笔记 之bash shell (3) 通配符 eksliang linux 通配符linux通配符
    转载请出自出处： http://eksliang.iteye.com/blog/2104387 在bash的操作环境中有一个非常有用的功能，那就是通配符。 下面列出一些常用的通配符，如下表所示 符号 意义 * 万用字符，代表0个到无穷个任意字符 ? 万用字符，代表一定有一个任意字符 [] 代表一定有一个在中括号内的字符。例如：[abcd]代表一定有一个字符，可能是a、b、c
  • Android关于短信加密 gqdy365 android
    关于Android短信加密功能，我初步了解的如下（只在Android应用层试验）：     1、因为Android有短信收发接口，可以调用接口完成短信收发；         发送过程：APP（基于短信应用修改）接受用户输入号码、内容——>APP对短信内容加密——>调用短信发送方法Sm
  • asp.net在网站根目录下创建文件夹 hvt .netC#hovertreeasp.netWeb Forms
    假设要在asp.net网站的根目录下建立文件夹hovertree,C#代码如下： string m_keleyiFolderName = Server.MapPath("/hovertree"); if (Directory.Exists(m_keleyiFolderName)) { //文件夹已经存在 return; } else { try { D
  • 一个合格的程序员应该读过哪些书 justjavac 程序员书籍
    编者按：2008年8月4日，StackOverflow 网友 Bert F 发帖提问：哪本最具影响力的书，是每个程序员都应该读的？ “如果能时光倒流，回到过去，作为一个开发人员，你可以告诉自己在职业生涯初期应该读一本， 你会选择哪本书呢？我希望这个书单列表内容丰富，可以涵盖很多东西。” 很多程序员响应，他们在推荐时也写下自己的评语。 以前就有国内网友介绍这个程序员书单，不过都是推荐数
  • 单实例实践 跑龙套_az 单例
       1、内部类 public class Singleton { private static class SingletonHolder { public static Singleton singleton = new Singleton(); } public Singleton getRes
  • PO VO BEAN 理解 q137681467 VODTOpo
    PO：      全称是 persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。 好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。     BO：     全称是 business object:业务对象 主要作用是把业务逻辑封装为一个对象。这个对
  • 战胜惰性，暗自努力 金笛子 努力
    偶然看到一句很贴近生活的话：“别人都在你看不到的地方暗自努力，在你看得到的地方，他们也和你一样显得吊儿郎当，和你一样会抱怨，而只有你自己相信这些都是真的，最后也只有你一人继续不思进取。”很多句子总在不经意中就会戳中一部分人的软肋，我想我们每个人的周围总是有那么些表现得“吊儿郎当”的存在，是否你就真的相信他们如此不思进取，而开始放松了对自己的要求随波逐流呢？ 我有个朋友是搞技术的，平时嘻嘻哈哈，以
  • NDK/JNI二维数组多维数组传递 wenzongliang 二维数组jniNDK
    多维数组和对象数组一样处理，例如二维数组里的每个元素还是一个数组 用jArray表示，直到数组变为一维的，且里面元素为基本类型，去获得一维数组指针。给大家提供个例子。已经测试通过。 Java_cn_wzl_FiveChessView_checkWin( JNIEnv* env,jobject thiz,jobjectArray qizidata) { jint i,j; int s
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他