js 标签云

<!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8"/>

     <title>JSCode demo</title>

     <link rel="stylesheet" type="text/css" href="/css/normalize.css">

     <style type="text/css">

         body {background: #000 url(index.png) no-repeat center 230px;}

         #div1 {position:relative; width:450px; height:450px; margin: 20px auto 0; }

         #div1 a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#fff; font-weight:bold; text-decoration:none; padding: 3px 6px; }

         #div1 a:hover {border: 1px solid #eee; background: #000; }

         #div1 .blue {color:blue;}

         #div1 .red {color:red;}

         #div1 .yellow {color:yellow;}

         

         p { font: 16px Microsoft YaHei; text-align: center; color: #ba0c0c; }

         p a { font-size: 14px; color: #ba0c0c; }

         p a:hover { color: red; }

     </style>

     <script type="text/javascript">

         var radius = 120;

         var dtr = Math.PI/180;

         var d=300;

         

         var mcList = [];

         var active = false;

         var lasta = 1;

         var lastb = 1;

         var distr = true;

         var tspeed=10;

         var size=250;

         

         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={};

                 

                 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="http://www.miaov.com">JS课程</a>

     

         <a href="http://www.miaov.com/course_outline_1.html.php" class="red">教程</a>

     

         <a href="http://www.miaov.com">试听</a>

     

         <a href="http://www.miaov.com">精品</a>

     

         <a href="http://www.miaov.com" class="blue">妙味课堂</a>

     

         <a href="http://blog.miaov.com/722.html">SEO</a>

     

         <a href="http://www.miaov.com" class="red">特效</a>

     

         <a href="http://www.miaov.com/course.html.php" class="yellow">JavaScript</a>

     

         <a href="http://www.miaov.com/course_detail_1.html.php">miaov</a>

     

         <a href="http://www.miaov.com/course_detail_2.html.php" class="red">CSS</a>

     

         <a href="http://www.miaov.com/course_detail_3.html.php">求职</a>

     

         <a href="http://www.miaov.com/course_detail_2.html.php" class="blue">面试题</a>

     

         <a href="http://www.miaov.com/contact.html.php">继承</a>

     

         <a href="http://www.miaov.com/" class="red">妙味课堂</a>

     

         <a href="http://www.miaov.com/about.html.php" class="blue">OOP</a>

     

         <a href="http://www.miaov.com/work.html.php">XHTML</a>

     

         <a href="http://www.miaov.com/message.html.php" class="blue">setInterval</a>

     

         <a href="http://blog.miaov.com/">W3C</a>

     

         <a href="http://blog.miaov.com/716.html">石川</a>

     

         <a href="http://www.miaov.com/" class="yellow">妙味课堂</a>

     

         <a href="http://blog.miaov.com/676.html">blue</a>

     

     </div>

     

 </body>

 </html>

你可能感兴趣的:(js)

  • node.js windows安装 HelloWorld_SDK node.js
    参考：后端开发---Nodejs安装及环境配置_nodejs安装及环境配置-CSDN博客1.下载安装node.js下载地址：Node.js中文网默认选项安装即可；node-vnpm-v验证是否安装成功。2.配置模块全局下载目录打开node.js安装路径的文件夹，在文件夹下新建两个新文件夹，文件名分别为：“node_cache”和“node_global”，打开cmd命令窗口，输入以下命令：npmc
  • scala 自带json_scala json相关操作 马华兴 scala自带json
    一、前言目前准备编写一个scala项目基础类库，有这样一个需求，将String类型的Json转为Map或其他扩展对象。二、几种方法探讨1)scala自带的Json解析scala2.10(以上，其他版本不清楚)自带Json解析，scala.util.parsing.json.JSON使用方法如下：valjson=JSON.parseFull(string)作为一个python，php转过来的同学，期
  • 国密Sm2 Java+js配合使用 xingsfdz 算法密码学Sm2国密sm2
    Java端工具类：importjava.math.BigInteger;importjava.security.NoSuchAlgorithmException;importjava.security.SecureRandom;importjava.util.Base64;importorg.bouncycastle.asn1.gm.GMNamedCurves;importorg.bouncyca
  • 前端通过js实现通过SM2 解密数据js怎么写 薄辉 javascript前端vue.jshtml开发语言
    答：要实现通过SM2解密数据，可以使用JavaScript库crypto-js，具体实现步骤如下：1)引入crypto-js库；2)使用SM2算法实例化一个密钥对；3)使用sm2.decrypt()方法对密文进行解密；4)使用sm2.decryptToText()方法对密文进行解密，获得明文。
  • 问题:JavaScript实现一个add方法,完成两个大数相加? 太阳与星辰 前端面试javascript前端大数问题bigint
    问题:JavaScript实现一个add方法,完成两个大数相加?1.前言2.使用BigInt3.字符串相加法3.1思路3.2代码实现4.使用第三方库（如big.js或bignumber.js）1.前言在JavaScript中，直接使用基本的数据类型（如Number）进行大数相加时，由于JavaScript的Number类型是基于IEEE754标准的双精度64位浮点格式，其最大安全整数是2^53-1
  • Vue.js 实现一二级规格结构 Laruae vue.js前端javascriptelementelementui
    一、实现效果二、核心功能实现1.数据模型设计consttreeData=ref([])letspecId=0//用于生成唯一ID数据结构示例：[{id:'spec-1',label:'颜色',type:'spec',children:[{id:'item-1',label:'红色',type:'item'},{id:'item-2',label:'蓝色',type:'item'}]}]2.添加规格
  • uni-app 微信小程序 WebSocket 接入讯飞语音合成（流式版）WebAPI 示例 逢生博客 uni-app微信小程序小程序TTS语音合成WebSocket
    文章目录语音合成（流式版）WebAPI文档安装库JS完整代码语音合成（流式版）WebAPI文档https://www.xfyun.cn/doc/tts/online_tts/API.html安装库yarnaddcrypto-jsJS完整代码importCryptoJSfrom'crypto-js';constconfig={//请求地址hostUrl:"wss://tts-api.xfyun.cn
  • 【2024年最新】基于springboot+vue的springboot火车订票管理系统lw+ppt 计算机搬砖艺术家 springboot+vuespringbootvue.js后端
    作者：计算机搬砖家开发技术：SpringBoot、php、Python、小程序、SSM、Vue、MySQL、JSP、ElementUI等，“文末源码”。专栏推荐：SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码技术栈开发语言：java，服务器：Tomcat（包含环境配置）开发语言：s
  • @RequestBody注解解释 Fly_hao.belief java
    @ResponseBody是Spring框架中的一个注解，主要用于将方法的返回值直接写入HTTP响应体中，而不是解析为视图进行跳转。以下是详细介绍：作用机制：当一个方法被@ResponseBody注解标记后，Spring会根据请求头中的Accept字段（表示客户端期望接收的数据格式）和配置的消息转换器，将返回值转换为对应的格式（如JSON、XML等）写入响应体。例如，客户端请求时Accept为ap
  • 毕业设计记录集:Day3 BehindMe1 课程设计vue.jsjs
    姐姐结婚，拉下两天，开始更新。1.下载axioscdvuenpmiaxios-S2.封装新建一个request.jswe没空啊么，这里使用lelementplus框架importaxiosfrom"axios";import{ElMessage}from"element-plus";constrequest=axios.create({baseURL:'http://localhost:8080'
  • 【React学习笔记】第一章：React入门 Mae_cpski 前端-Reactreact.js学习笔记
    1.React介绍中文官网：https://react.docschina.org/英文官网：https://reactjs.org/1.1React是什么react是一个用于构建用户界面的开源JavaScript库。（操作DOM呈现页面）由Facebook的软件工程师JordanWalke创建，于2011年部署于Facebook的newsfeed；2012年部署于Instagram；2013年5
  • Vue 组件通信 - 中央事件总线 JSON_L 前端#Vuevue.js前端javascript
    Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue组件通信-中央事件总线目录中央事件总线图示准备工作设置页面元素创建组件总结中央事件总线使用vue的监听和触发来实现中央事件总线方式。on监听emit触发，组件按钮绑定点击事件，在事件内部触发。图示准备工作引入Vue及设置图片样式。准备数据源通过小说网站拿到的json数据；放在本地json文件中，等待之后请求访问。示例如下：.item
  • 淘宝商品详情API接口（稳定版json数据示例参考） Json_18179014480 API大数据json数据库大数据
    以下是关于淘宝商品详情API接口的详细说明及稳定版JSON数据示例参考：一、商品详情API接口调用流程注册与认证注册开发者账号并完成实名认证。创建应用，获取AppKey和AppSecret（调用接口的身份凭证），需妥善保管。权限申请在应用管理页面申请taobao.item.get（商品详情接口）权限，部分高级接口需提交业务场景说明，审核通过后方可使用。构造请求请求地址：请求参数（以获取单个商品详情
  • 闲鱼商品详情API接口系列，json数据示例参考 Json_18179014480 大数据APIjsonpythonjava开发语言
    以下是关于闲鱼商品详情API接口及JSON数据示例的详细解答：一、闲鱼商品详情API接口核心信息1.接口名称与功能接口名称：Goodfish.item_get（闲鱼商品详情接口）功能：通过商品ID获取闲鱼平台上特定商品的详细信息，包括标题、价格、描述、图片、卖家昵称、商品类别等。2.请求方式及地址请求方式：GET请求地址：需通过闲鱼开放平台获取真实地址（示例参考地址：https://api.xia
  • Spring Boot进阶(46)：解密Spring Boot和Jackson的完美结合：打造高效的JSON序列化方案 bug菌¹ 滚雪球学SpringBoot#SpringBoot零基础入门springbootJackson
    1.前言在上一期《SpringBoot之Jackson配置全局时间日期格式》文中提到Jackson，Jackson是一个在Java中常用的JSON序列化和反序列化库，因为其操作简单、性能优秀、支持多种数据格式等特点，被广泛应用于各种后端开发场景中。而SpringBoot则是一个快速开发框架，能够快速帮助我们搭建项目架构。本文旨在介绍如何在SpringBoot中集成Jackson，以帮助读者更加方便
  • doris _stream_load There is no 100-continue header 报错解决 Leo_Hu666 javaDorisflink
    问题：{“status”:“FAILED”,“msg”:“Thereisno100-continueheader”}解决：requestheaders增加参数即可：“expect”:“100-continue”完整headers示例：headers={“Content-Type”:“application/json”,“strict_mode”:“false”,“format”:“json”,“r
  • 富文本编辑器 输出在线html_一个在线实时预览代码编辑器的实现 weixin_39805195 富文本编辑器输出在线html
    在线代码编辑器--Html/Markdown支持作为开发者，经常会使用各式编辑器，一个体验良好的编辑器会给使用者舒适的coding体验。但当我们不是使用自己熟悉的电脑，在任意的环境下，我们就需要有一个在线的编辑器进行coding。事实上已经有太多优秀的online编辑器（jsbin/jsfiddle等）。笔者也根据自己的工作需求，做了一个简介版的编辑器，用于Html以及Markdown的开发。本文
  • nextjs系列教程(三)：pages和路由 HarryDeveloper #nextjs合集javascript前端react.js
    Pages页面用法1.1概念介绍在Next.js中，一个page（页面）就是一个从.js、jsx、.ts或.tsx文件导出（export）的React组件，这些文件存放在pages目录下。每个page（页面）都使用其文件名作为路由（route）。1.2创建page页面如果你创建了一个命名为pages/about.jsx的文件并导出（export）一个如下所示的React组件，则可以通过/about
  • Redis常见数据类型(1)String 反方向的空 Redisredisbootstrapjava
    Redis常见数据类型(1)String字符串类型是Redis最基础的数据类型，关于字符串需要特别注意：首先Redis中所有的键的类型都是字符串类型，而且其他几种数据结构也都是在字符串类似基础上构建的，例如列表和集合的元素类型是字符串类型，所以字符串类型能为其他4种数据结构的学习奠定基础.其次,字符串类型的值实际可以是字符串，包含⼀般格式的字符串或者类似JSON、XML格式的字符串；数字，可以是整
  • MultipartFile resource [file] cannot be resolved to absolute file path gaog2zh #spring全家桶spring文件上传
    项目报错：java.io.FileNotFoundException:MultipartFileresource[file]cannotberesolvedtoabsolutefilepath，图示WebLogAspect为我们的项目日志切面类，用于记录日志原因：MultipartFile使用fastjson序列化会报错解决方案：这里解决方案选择忽略，代码如下/***获取方法的参数*@paramm
  • HTML静态网页作业——电影介绍-你的名字 5页 无js 带音乐 (1) IT-司马青衫 htmljavascript前端
    HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。精彩专栏推荐❤【作者主页——获取更多优质源码】❤【web前端期末大作业——毕设项目精品实战案例(1000套)】文章目录一、网页介绍一、网页效果二、代码展示1.HTML代码2.CSS代
  • vue-组件传值总结 盛夏绽放 vue.js前端javascript前端框架
    Vue.js中实现组件间传值的方法有多种。以下是几种常见的传值方式的详细讲解和示例：1.父组件向子组件传值（props）父组件通过props向子组件传递数据，子组件可以接收并使用这些数据。当父组件重新渲染时，数据会被覆盖。如果子组件内要修改的话推荐使用$emit。声明和传递数据：在父组件模板中，使用v-bind指令（也可简写为:）将需要传递的数据绑定到子组件的prop上。例如，若父组件有一个mes
  • idea导入tomcat的jar hweiyu00 IDEAintellij-ideatomcatjar
    概述对于老项目，未使用Maven/Gradle管理依赖的，在需要编译Servlet/JSP代码时，需要手动添加TomcatJAR依赖（如servlet-api.jar）方能进行编绎。步骤：1、找到Tomcat的JAR文件进入Tomcat安装目录的lib文件夹（如apache-tomcat-8.5.xx/lib）。复制所需的JAR文件（如servlet-api.jar,jsp-api.jar）。2、
  • TypeScript和JavaScript的区别 jjjjjjjjj¢ 笔记typescript
    TypeScript（简称TS）是JavaScript（简称JS）的超集，它对JavaScript进行了扩展，提供了更强的类型检查和其他功能。虽然它与JavaScript兼容，但它在很多方面有所不同。以下是TypeScript与JavaScript的详细区别：类型系统（TypeSystem）(1)TypeScript有静态类型检查TypeScript是静态类型的语言，这意味着在编译阶段，开发者可以
  • 大数据分析常用指标口径 leson-xu 大数据数据分析常用指标
    常用指标口径1.新增用户定义：首次使用产品的用户即为新增用户。如何判定：在接入诸葛后，该用户第一次使用产品时，诸葛会将该用户记录下来，并将此用户定义为「新增用户」技术判定：对比诸葛的数据库，没有出现的cookie/设备号/账号，就是新增用户。场景举例：JS的新增是只要打开网站就会记为新增，而app只有下载打开后才会被记为新增。2.活跃用户定义：使用过产品的用户如何判定：在某段时间内使用过产品的用户
  • 华为OD机试2025A卷 - 文件目录大小（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试真题java华为odpythonjavascriptc++2025A卷
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述一个文件目录的数据格式为：目录id，本目录中文件大小，(子目录id列表）。其中目录id全局唯一，取值范围[1,200]，本目录中文件大小范围[1,1000]，子目录id列表个数[0,10]例如:120(2,3)表示目录1中文件总大小是20，有两个子目录，id分别是2和3现在输入一个文件系统中所有目录信息，以及待查询的目
  • 模糊神经网络在语音识别中的应用探索 fanxbl957 人工智能理论与实践神经网络语音识别人工智能
    博主介绍：Java、Python、js全栈开发“多面手”，精通多种编程语言和技术，痴迷于人工智能领域。秉持着对技术的热爱与执着，持续探索创新，愿在此分享交流和学习，与大家共进步。DeepSeek-行业融合之万象视界(附实战案例详解100+)全栈开发环境搭建运行攻略：多语言一站式指南(环境搭建+运行+调试+发布+保姆级详解)感兴趣的可以先收藏起来，希望帮助更多的人模糊神经网络在语音识别中的应用探索一
  • vue框架下前端实现docx、pdf、xlsx和pptx文件预览和下载 小白小白不吃白菜 vue前端vue.jspdf
    docx文件和xlsx文件使用VueOfficeDocx和VueOfficeExcel插件pptx文件使用pptxjspdf文件使用iframea首先安装插件npminstall@vue-office/docxvue-demi@0.14.6npminstall@vue-office/excelvue-demi@0.14.6pptx预览需要引入pptxjs包：官网下载包：https://pptx.j
  • 在vue中使用web3.js开发以太坊项目 星依网络 javascriptvue.jsweb3区块链智能合约信任链前端
    1.创建Vue项目如果你还没有Vue项目，可以使用VueCLI来创建一个新的项目：bashnpminstall-g@vue/clivuecreatemy-ethereum-projectcdmy-ethereum-project2.安装web3.js在项目根目录下，使用npm或yarn安装web3.js：bashnpminstallweb33.初始化Web3实例在Vue项目中，你可以在main.j
  • THREEJS中用shader实现边框效果，附代码 二狗哈 javascript
    最终效果如上：import{BufferAttribute,Vector3}from'three';const_vector=newVector3();exportfunctioncomputeVertexNormals(positionAttribute,index){if(positionAttribute!==undefined){letnormalAttribute=newBufferAt
  • 辗转相处求最大公约数 沐刃青蛟 C++漏洞
    无言面对”江东父老“了，接触编程一年了，今天发现还不会辗转相除法求最大公约数。惭愧惭愧！   为此，总结一下以方便日后忘了好查找。   1.输入要比较的两个数a,b   忽略：2.比较大小（因为后面要的是大的数对小的数做%操作）   3.辗转相除（用循环不停的取余，如a%b,直至b=0）   4.最后的a为两数的最大公约数 &
  • F5负载均衡会话保持技术及原理技术白皮书 bijian1013 F5负载均衡
    一.什么是会话保持？        在大多数电子商务的应用系统或者需要进行用户身份认证的在线系统中，一个客户与服务器经常经过好几次的交互过程才能完成一笔交易或者是一个请求的完成。由于这几次交互过程是密切相关的，服务器在进行这些交互过程的某一个交互步骤时，往往需要了解上一次交互过程的处理结果，或者上几步的交互过程结果，服务器进行下
  • Object.equals方法：重载还是覆盖 Cwind javagenericsoverrideoverload
    本文译自StackOverflow上对此问题的讨论。 原问题链接   在阅读Joshua Bloch的《Effective Java（第二版）》第8条“覆盖equals时请遵守通用约定”时对如下论述有疑问： “不要将equals声明中的Object对象替换为其他的类型。程序员编写出下面这样的equals方法并不鲜见，这会使程序员花上数个小时都搞不清它为什么不能正常工作：” pu
  • 初始线程 15700786134
          暑假学习的第一课是讲线程，任务是是界面上的一条线运动起来。            既然是在界面上，那必定得先有一个界面，所以第一步就是，自己的类继承JAVA中的JFrame，在新建的类中写一个界面，代码如下： public class ShapeFr
  • Linux的tcpdump 被触发 tcpdump
    用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 tcpdump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支 持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。 实用命令实例 默认启动 tcpdump 普通情况下，直
  • 安卓程序listview优化后还是卡顿 肆无忌惮_ ListView
    最近用eclipse开发一个安卓app，listview使用baseadapter，里面有一个ImageView和两个TextView。使用了Holder内部类进行优化了还是很卡顿。后来发现是图片资源的问题。把一张分辨率高的图片放在了drawable-mdpi文件夹下，当我在每个item中显示，他都要进行缩放，导致很卡顿。解决办法是把这个高分辨率图片放到drawable-xxhdpi下。 &nb
  • 扩展easyUI tab控件，添加加载遮罩效果 知了ing jquery
    (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { return jq.each(function () { var panel = $(this).tabs(&
  • gradle上传jar到nexus 矮蛋蛋 gradle
    原文地址： https://docs.gradle.org/current/userguide/maven_plugin.html configurations {     deployerJars } dependencies {     deployerJars "org.apache.maven.wagon
  • 千万条数据外网导入数据库的解决方案。 alleni123 sqlmysql
    从某网上爬了数千万的数据，存在文本中。 然后要导入mysql数据库。 悲剧的是数据库和我存数据的服务器不在一个内网里面。。 ping了一下， 19ms的延迟。 于是下面的代码是没用的。 ps = con.prepareStatement(sql); ps.setString(1, info.getYear())............; ps.exec
  • JAVA IO InputStreamReader和OutputStreamReader 百合不是茶 JAVA.io操作 字符流
    这是第三篇关于java.io的文章了，从开始对io的不了解-->熟悉--->模糊，是这几天来对文件操作中最大的感受，本来自己认为的熟悉了的，刚刚在回想起前面学的好像又不是很清晰了，模糊对我现在或许是最好的鼓励 我会更加的去学 加油！： JAVA的API提供了另外一种数据保存途径，使用字符流来保存的，字符流只能保存字符形式的流   字节流和字符的难点：a,怎么将读到的数据
  • MO、MT解读 bijian1013 GSM
    MO= Mobile originate，上行，即用户上发给SP的信息。MT= Mobile Terminate，下行，即SP端下发给用户的信息； 上行:mo提交短信到短信中心下行:mt短信中心向特定的用户转发短信，你的短信是这样的，你所提交的短信，投递的地址是短信中心。短信中心收到你的短信后，存储转发，转发的时候就会根据你填写的接收方号码寻找路由，下发。在彩信领域是一样的道理。下行业务：由SP
  • 五个JavaScript基础问题 bijian1013 JavaScriptcallapplythisHoisting
    下面是五个关于前端相关的基础问题，但却很能体现JavaScript的基本功底。 问题1：Scope作用范围 考虑下面的代码：  (function() { var a = b = 5; })(); console.log(b); 什么会被打印在控制台上？  回答：         上面的代码会打印 5。 &nbs
  • 【Thrift二】Thrift Hello World bit1129 Hello world
    本篇，不考虑细节问题和为什么，先照葫芦画瓢写一个Thrift版本的Hello World，了解Thrift RPC服务开发的基本流程   1. 在Intellij中创建一个Maven模块，加入对Thrift的依赖，同时还要加上slf4j依赖，如果不加slf4j依赖，在后面启动Thrift Server时会报错 <dependency>
  • 【Avro一】Avro入门 bit1129 入门
    本文的目的主要是总结下基于Avro Schema代码生成，然后进行序列化和反序列化开发的基本流程。需要指出的是，Avro并不要求一定得根据Schema文件生成代码，这对于动态类型语言很有用。   1. 添加Maven依赖   <?xml version="1.0" encoding="UTF-8"?> <proj
  • 安装nginx+ngx_lua支持WAF防护功能 ronin47
    需要的软件:LuaJIT-2.0.0.tar.gz                   nginx-1.4.4.tar.gz          &nb
  • java-5.查找最小的K个元素-使用最大堆 bylijinnan java
    import java.util.Arrays; import java.util.Random; public class MinKElement { /** * 5.最小的K个元素 * I would like to use MaxHeap. * using QuickSort is also OK */ public static void
  • TCP的TIME-WAIT bylijinnan socket
    原文连接： http://vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html 以下为对原文的阅读笔记 说明： 主动关闭的一方称为local end，被动关闭的一方称为remote end 本地IP、本地端口、远端IP、远端端口这一“四元组”称为quadruplet，也称为socket 1、TIME_WA
  • jquery ajax 序列化表单 coder_xpf Jquery ajax 序列化
       checkbox 如果不设定值，默认选中值为on；设定值之后，选中则为设定的值   <input type="checkbox" name="favor" id="favor" checked="checked"/> $("#favor&quo
  • Apache集群乱码和最高并发控制 cuisuqiang apachetomcat并发集群乱码
    都知道如果使用Http访问，那么在Connector中增加URIEncoding即可，其实使用AJP时也一样，增加useBodyEncodingForURI和URIEncoding即可。 最大连接数也是一样的，增加maxThreads属性即可，如下，配置如下： <Connector maxThreads="300" port="8019" prot
  • websocket dalan_123 websocket
    一、低延迟的客户端-服务器 和 服务器-客户端的连接 很多时候所谓的http的请求、响应的模式，都是客户端加载一个网页，直到用户在进行下一次点击的时候，什么都不会发生。并且所有的http的通信都是客户端控制的，这时候就需要用户的互动或定期轮训的，以便从服务器端加载新的数据。   通常采用的技术比如推送和comet（使用http长连接、无需安装浏览器安装插件的两种方式：基于ajax的长
  • 菜鸟分析网络执法官 dcj3sjt126com 网络
      最近在论坛上看到很多贴子在讨论网络执法官的问题。菜鸟我正好知道这回事情.人道"人之患好为人师" 手里忍不住,就写点东西吧. 我也很忙.又没有MM,又没有MONEY....晕倒有点跑题. OK,闲话少说,切如正题. 要了解网络执法官的原理. 就要先了解局域网的通信的原理. 前面我们看到了.在以太网上传输的都是具有以太网头的数据包. 
  • Android相对布局属性全集 dcj3sjt126com android
    RelativeLayout布局android:layout_marginTop="25dip" //顶部距离android:gravity="left" //空间布局位置android:layout_marginLeft="15dip //距离左边距 // 相对于给定ID控件android:layout_above 将该控件的底部置于给定ID的
  • Tomcat内存设置详解 eksliang jvmtomcattomcat内存设置
    Java内存溢出详解   一、常见的Java内存溢出有以下三种：   1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap（堆）溢出JVM在启动的时候会自动设置JVM Heap的值，其初始空间(即-Xms)是物理内存的1/64，最大空间(-Xmx)不可超过物理内存。 可以利用JVM提
  • Java6 JVM参数选项 greatwqs javaHotSpotjvmjvm参数JVM Options
    Java 6 JVM参数选项大全（中文版）   作者：Ken Wu Email: ken.wug@gmail.com 转载本文档请注明原文链接 http://kenwublog.com/docs/java6-jvm-options-chinese-edition.htm！   本文是基于最新的SUN官方文档Java SE 6 Hotspot VM Opt
  • weblogic创建JMC i5land weblogicjms
    进入 weblogic控制太 1.创建持久化存储 --Services--Persistant Stores--new--Create FileStores--name随便起--target默认--Directory写入在本机建立的文件夹的路径--ok 2.创建JMS服务器 --Services--Messaging--JMS Servers--new--name随便起--Pers
  • 基于 DHT 网络的磁力链接和BT种子的搜索引擎架构 justjavac DHT
    上周开发了一个磁力链接和 BT 种子的搜索引擎 {Magnet & Torrent}，本文简单介绍一下主要的系统功能和用到的技术。 系统包括几个独立的部分： 使用 Python 的 Scrapy 框架开发的网络爬虫，用来爬取磁力链接和种子； 使用 PHP CI 框架开发的简易网站； 搜索引擎目前直接使用的 MySQL，将来可以考虑使
  • sql添加、删除表中的列 macroli sql
    添加没有默认值：alter table Test add BazaarType char(1) 有默认值的添加列：alter table Test add BazaarType char(1) default(0) 删除没有默认值的列：alter table Test drop COLUMN BazaarType 删除有默认值的列：先删除约束（默认值）alter table Test DRO
  • PHP中二维数组的排序方法 abc123456789cba 排序二维数组PHP
    <?php/*** @package     BugFree* @version     $Id: FunctionsMain.inc.php,v 1.32 2005/09/24 11:38:37 wwccss Exp $*** Sort an two-dimension array by some level
  • hive优化之------控制hive任务中的map数和reduce数 superlxw1234 hivehive优化
    一、    控制hive任务中的map数: 1.    通常情况下，作业会通过input的目录产生一个或者多个map任务。 主要的决定因素有： input的文件总个数，input的文件大小，集群设置的文件块大小(目前为128M, 可在hive中通过set dfs.block.size;命令查看到，该参数不能自定义修改)；2. 
  • Spring Boot 1.2.4 发布 wiselyman spring boot
    Spring Boot 1.2.4已于6.4日发布，repo.spring.io and Maven Central可以下载(推荐使用maven或者gradle构建下载)。   这是一个维护版本，包含了一些修复small number of fixes,建议所有的用户升级。   Spring Boot 1.3的第一个里程碑版本将在几天后发布，包含许多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他