rainsilence
rainsilence

模拟新浪围脖的间歇性向下滚动显示信息窗口

 

 大家可以试试看，效果应该完全一致，并且已经在opera,IE,chrome,FF上测试通过

另外在制作过程中的注意点

1.scrollTop属性比较特殊，必须要在内部的div大于外部div的时候才有效果

2.换行要用word-wrap，否则会在FF和opera上失效

3.设置浮动上，IE和其他浏览器存在差异。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<style type="text/css">
	body {
		font-size:14px;
	}
	#container {
		overflow:hidden;
		margin: 0 auto;
		width: 400px;
		height: 400px;
		border-style:solid;
		border-width:1px;
	}
	span {
		border-style:solid;
		border-width:1px;
	}
</style>
<script type="text/javascript">

	window.onload = function() {
	}
	var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
	function addMessage(userName, content, button) {
		
		var container = document.getElementById("container");
		
		var messageDiv = createElement("div", {
			width:"398px",
			height:"auto",
			cssFloat:"left"
		});
		
		var leftDiv = createElement("div", {
			width:"60px",
			cssFloat:"left"
		});
		var rightDiv = createElement("div", {
			width:"338px",
			cssFloat:"left"
		});

		var pictureDiv = createElement("div", {
			cssFloat:"left", 
			borderColor:"#BCD", 
			width:"40px", 
			marginLeft:"4px", 
			marginTop:"4px",
			height:"40px",
			lineHeight:"40px",
			textAlign:"center",
			borderStyle:"solid",
			borderWidth:"1px"
		});
		pictureDiv.innerHTML = "头像";
		leftDiv.appendChild(pictureDiv);
		var userDiv = createElement("div", {
			wordBreak:"break-all",
			wordWrap:"break-word",
			marginTop:"4px",
			marginBottom:"4px",
			fontSize: "12px"
		});
		userDiv.innerHTML = userName;
		var contentDiv = createElement("div", {
			wordBreak:"break-all",
			wordWrap:"break-word",
			marginTop:"4px",
			marginBottom:"4px",
			fontSize: "14px"
		});
		contentDiv.innerHTML = content;
		
		var timerDiv = createElement("div", {
			height:"10px",
			fontSize:"12px",
			marginBottom: "10px"
		});
		timerDiv.innerHTML = "30秒前";
		rightDiv.appendChild(userDiv);
		rightDiv.appendChild(contentDiv);
		rightDiv.appendChild(timerDiv);
		messageDiv.appendChild(leftDiv);
		messageDiv.appendChild(rightDiv);
		var rate = 0;
		setOpacity(messageDiv, rate);
		
		if (container.firstChild) {
			container.insertBefore(messageDiv, container.firstChild);
			container.scrollTop = messageDiv.offsetHeight;
		} else {
			container.appendChild(messageDiv);
		}

		var moveTimer = setInterval(function() {
			
			container.scrollTop -= 1;
			if (container.scrollTop <= 0) {
				container.scrollTop = 0;
				clearInterval(moveTimer);
				
				var opacityTimer = setInterval(function() {

					rate += .05;
					if (rate >= 1) {
						rate = 1;
						clearInterval(opacityTimer);
						button.disabled = false;
					}
					setOpacity(messageDiv, rate);
				}, 40);
			}
		}, 20);
		
		return container.scrollTop;
	}

	function createElement(tagName, styles, props) {
		var tag = document.createElement(tagName);
		if (styles) {
			for (var prop in styles) {
				
				if (prop == "cssFloat" && isIE) {
					tag.style.styleFloat = styles[prop];
					continue;
				}
				tag.style[prop] = styles[prop];
			}
		}
		if (props) {
			for (var prop in props) {
				tag.style[prop] = props[prop];
			}
		}
		return tag;
	}

	function setOpacity(target, rate) {
		
		if (isIE) {
			target.style.filter = "alpha(opacity=" + (rate * 100) + ")";
		} else {
			target.style.opacity = rate;
		}
	}
	
	function showMessage(button) {
		button.disabled = true;
		var user = document.getElementById("userName");
		var content = document.getElementById("content");
		addMessage(user.value, content.value, button);
	}
	
</script>
</head>
<body>
	<div>UserName:<input type="text" id="userName" style="width:216px;"/></div>
	<div>Message: <textarea id="content" style="resize:none;" rows="3" cols="29"></textarea></div>
	<div><input type="button" value="Post Message" onclick="showMessage(this);"/></div>
	
	<div id="container">
		<div style="height:500px;"></div>
	</div>
	
</body>
</html>

你可能感兴趣的:(jquery,浏览器,Opera,IE,chrome)

  • pytest中fixtrue和测试用例之间共享状态或数据 胆大的 pytest测试用例
    示例场景假设我们有一个提交数据的操作，希望在测试用例中管理提交的数据状态，并确保在整个测试过程中能正确访问这些数据。1.使用全局变量global@pytest.fixture(scope='function')defcrud(self,init_admin,request):crud=Crud(init_admin)yieldcrudifrecordid:crud.delete(recordIds
  • websocket 入门只需五分钟 不吃香菜的蟹老板 websocket网络协议网络
    导读：前后端实时通信常用的一种方式。websocket是一种采用socket通信的连接，而不是http协议所以不受浏览器SOP的限制，是一种支持跨域访问的协议，客户端可以与任意服务器通信。1、简单入门1.1初始化websocketinitWebsockt(){if(typeofWebSocket==='undefined'){console.log('您的浏览器不支持WebSocket')retu
  • 探索IAM Generator：自动化AWS IAM管理的神器 芮伦硕
    探索IAMGenerator：自动化AWSIAM管理的神器aws-iam-generatorGenerateMulti-AccountIAMusers/groups/roles/policiesfromasimpleYAMLconfigurationfileandJinja2templates.项目地址:https://gitcode.com/gh_mirrors/aw/aws-iam-gener
  • LabVIEW 调用 Python 函数 LabVIEW开发 LabVIEW知识labviewpython开发语言
    此程序是LabVIEW调用Python函数实现双精度数相加的典型示例。通过LabVIEW搭建交互框架，借助“OpenPythonSession”创建Python代码运行环境，定位Python模块路径后调用“Add”函数，最终实现数据处理并关闭会话。整个流程展现了LabVIEW与Python跨语言协作的基础逻辑，是混合编程实现功能扩展的缩影。程序调用详细说明版本识别：通过“ToPythonVersi
  • Android Jetpack是什么与原生android 有什么区别 ZhangJiQun&MXP 2020安卓教学androidandroidjetpack服务器开发语言机器学习
    AndroidJetpack是什么AndroidJetpack是Google推出的一套开发组件工具集，旨在帮助开发者更高效地构建高质量的Android应用。它包含多个库和工具，被分为架构、用户界面、行为和基础四大类。以下是一些AndroidJetpack的示例：架构组件ViewModel：用于以生命周期的方式管理界面相关的数据。例如在一个新闻应用中，可创建一个NewsViewModel来获取和处理
  • MCP协议：开启AI智能体进化的标准化革命 敲代码的AI玩家 AI智能体开发全栈实战人工智能AIGClangchainpythonjavaspring后端
    MCP协议：开启AI智能体进化的标准化革命我已创建免费的智能体专栏，有兴趣朋友可订阅一起成长学习，后续会分享大模型提示词工程、智能体开发指南、电商导购购物式助手、智能客服等实战案例，有兴趣的朋友们请关注我，一起探索学习AI前沿知识。背景与行业痛点随着AI智能体在复杂任务处理中展现潜力，工具调用能力已成为突破性进展的核心指标。OpenManus等开源项目通过调用浏览器、数据库等工具，成功实现了实时信
  • 解决ubuntu自带火狐浏览器无法播放视频问题 yangshuo1281 linuxubuntu音视频linux
    TIPS:一般执行完1就可以了首先安装必要的媒体编解码器和插件：#安装常用媒体编解码器和插件sudoaptupdatesudoaptinstall-yubuntu-restricted-extras#安装额外的编解码器sudoaptinstall-yffmpeg#安装其他视频相关包sudoaptinstall-ylibavcodec-extrasudoaptinstall-ygstreamer1.
  • Ubuntu 系统上通过终端安装 Google Chrome 浏览器 yangshuo1281 linuxchromeubuntu前端
    使用终端安装前，需要配置好终端使用了代理。参考文章：https://blog.csdn.net/yangshuo1281/article/details/147262633?spm=1011.2415.3001.5331转自风车首先，添加GoogleChrome的软件源和密钥：#下载并添加Google的签名密钥wget-q-O-https://dl-ssl.google.com/linux/lin
  • Web前端技术-HTML Lil-Long 软件测试零基础入门前端htmlhtml5
    一、web前端标准HTML结构标准css样式标准js行为标准二、五大浏览器厂商ie谷歌火狐苹果欧朋注意：其它浏览器都是用的别人浏览器的技术，自己换了一套皮肤而已。三、html定义超文本标记语言四、第一个html页面网页标题helloworld代码都在body标签中1、描述当前文件的版本信息，如果没有详细说明4.0还是x1.0那就是5版本2、html文件3、网页的头部4、utf-8是国际编码的意思，
  • win10上自建和推送多个rtsp视频流 NotName_9758 视频ffmpegpython
    最近需要多个视频流来测试，网上公开的可用的视频流就两个，不够用，于是我就查找了自己推送视频流的一些资料，现在给大家分享一下：首先是公开的视频流：韩国GOODTVrtmp://mobliestream.c3tv.com:554/live/goodtv.sdp伊拉克AlSharqiya电视台rtmp://ns8.indexforce.com/home/mystream然后是python的推流代码，需要
  • 《Operating System Concepts》阅读笔记：p700-p732 操作系统
    《OperatingSystemConcepts》学习第60天，p700-p732总结，总计33页。一、技术总结1.Virtualmachinemanager(VMM)Thecomputerfunctionthatmanagesthevirtualmachine;alsocalledahypervisor.VMM也称为hypervisor。2.typesofVMstype0hypervisor、t
  • Axios 实战：拦截器、封装与工作中的关键应用 前端切图仔001 ajax前端
    在现代前端开发中，HTTP请求是与后端服务交互的核心。一个功能全面、高度可扩展的请求模块可以显著提升开发效率和代码的可维护性。本文将从零开始，使用Axios封装一个灵活的通用请求模块，涵盖请求基础、动态参数处理、错误处理、上传文件、请求取消等功能。axios官网中文文档指南为什么选择Axios而不是Fetch？虽然Fetch是浏览器内置的原生API，但它在实际开发中的使用存在一些局限性。以下是Ax
  • 大模型入门零基础从入门到精通看这一篇就够了《大模型应用开发极简入门》附PDF书籍 AGI大模型资料分享员 pdfchatgpt人工智能语言模型ai程序人生agi
    今天带来的是最近刚出版的新书：《大模型应用开发极简入门：基于GPT-4和ChatGPT》。这本书是O’Reilly出版的，两位共同作者是来自Worldline公司的机器学习研究员OlivierCaelen和数据工程师Marie-AliceBlete。这两位作者一位侧重学术，一位侧重工程。在我看到本书之时，两位作者的背景信息，再加上GPT-4和ChatGPT这样的大模型前沿内容，就让我感觉非常值得一
  • websocket 如何判断是否建立连接成功 10分钟没说话 如何判断连接是否断开 捂風鋔笶_小欣同學 websocket网络协议网络前端
    在创建WebSocket实例后，可以通过监听open事件来确定连接是否成功建立。当连接成功建立时，浏览器会触发open事件。可以监听close事件来判断连接是否意外断开。当连接被关闭时，无论是由于网络问题还是其他原因，都会触发close事件。设置心跳机制。对于长时间没有数据传输的情况，可以通过设置心跳机制来检测连接是否仍然活跃。客户端和服务器可以定期发送心跳消息，例如每隔一段时间发送一个特定的消息
  • Java基础：第十七讲 基本输入输出 老李-大连 javaexceptionstringnumbersclass图形
    输入和输出是应用程序与用户进行交互的方式，在命令行方式下通过标准输入和输出设备（键盘和显示器的控制台），在windows应用中可以通过图形用户界面与用户进行交互，而Web应用中主要通过浏览器和HTML语言与用户进行交互。图形用户界面现在用的不是很多，而Web应用比较多。而在学习Java基本语法的时候，基本的通过命令行方式的输入和控制台方式的输出使用比较方便，可以采用这种方式。本次内容介绍基本的通过
  • python中in的用法及其意义 程序猿的探索之路 python心得
    以程序举例：favorite_languages={'jen':'python','sarah':'c','edward':'ruby','phil':'python',}❶friends=['phil','sarah']fornameinfavorite_languages.keys():print(name.title())❷ifnameinfriends:print("Hi"+name.ti
  • 【面向对象设计C++--翁恺】33-异常的抛出和捕捉 理心炼丹 浙大翁凯面向对象设计C++c++
    example:VectortemplateclassVector{private:T*m_elements;intm_size;public:Vector(intsize=0):m_size(size)...~Void(){delete[]m_elements;}voidlength(int);intlength(){returnm_size;}T&operator[](int);};probl
  • python的ndarray对象的dtype changzi990 python开发语言
    在Python中，ndarray对象是numpy库中用于处理多维数组的核心对象。每个ndarray对象都有一个dtype属性，该属性描述了数组中元素的类型。dtype对象具有以下属性：itemsize：数据类型的大小（以字节为单位）。name：数据类型的名称。alignment：数据类型的对齐要求。fields：如果是字段类型，则包含描述字段的名称和数据类型的字典。shape：数据的维度。subd
  • 自问自答模式（Operation是什么） 小巫程序Demo日记 Swaggerswagger
    自问自答问：@Operation注解来自哪里？答：@Operation是OpenAPI（Swagger）规范中，来自io.swagger.v3.oas.annotations包的一个注解，用于给REST接口增加文档元数据。问：summary参数是什么？答：含义：接口的一句话概览，用于简要说明该API的主要功能。作用：在生成的SwaggerUI或OpenAPI文档里，作为列表页或接口卡片的标题，帮助
  • Spring Boot配置属性绑定与自动配置排除详解 小巫程序Demo日记 Spring深层了解springbootpython数据库
    一、配置属性绑定机制graphLRA[配置文件]-->B[application.properties/yml]B-->C[Environment对象]C-->D[@ConfigurationProperties类]D-->E[属性校验]E-->F[绑定到Bean]styleAfill:#f9f,stroke:#333styleDfill:#bbf,stroke:#3331.核心实现步骤属性源加载
  • Android修行手册 - 实现可折叠TextView，仅一个类复制即用 2401_87555332 android
    这三个分别是@用户的，#话题的，网址链接的根据正则表达式的匹配和Pattern与Matcher知识，摘取符合条件的文本开始位置和结束位置。所以我们需要一个存放信息的实体类【JavaModelSpecial或KotlinModelSpecial】，除了这些特殊的文本，有时候我们还需要给普通文本也设置点击事件和特殊处理，所以我们在弄个【JavaModelNormal或KotlinModelNormal
  • gradle的例子 田野与天 junitjava开发语言
    以下是一个详细的Gradle示例代码，用于构建和管理Java项目：build.gradle文件：plugins{id'java'}group'com.example'version'1.0-SNAPSHOT'sourceCompatibility=1.8repositories{mavenCentral()}dependencies{implementation'org.apache.common
  • 1.Framer Motion 中 motion/react 和 motion/react-client 的用法和区别 咖啡虫 MotionReactreact.js前端前端框架Motion
    背景知识：服务器端渲染(SSR)和客户端渲染(CSR)在最新的MotionforReact（原FramerMotion）12.x及更高版本中，官方提供了两个入口模块：motion/react和motion/react-client。二者对外API完全一致，但针对的运行环境不同，分别适合“客户端组件”（ClientComponents）和“服务器组件”（ServerComponents）场景。选择时
  • 第七章 输入与输出 ——python导引编译之八 weixin_41670255
    第七章输入与输出——python导引编译之八标题7.输入与输出InputandOutput有一些表达一个程序的输出方式；数据可以打印在一个人皆可读的形式之中，或者，为未来使用写到一个文件上。这一章，将讨论这样一些可能性。7.1.对输出格式化有特殊爱好的人FancierOutputFormatting到目前为止，我们面对两种书写价值的方式：表达式陈述和打印函数（第三种方式被用作对象的书写函数方法（w
  • ASP.NET MVC3学习心得-----表单和HTML辅助方法 weixin_33782386 测试c#数据库
    5.1表单的使用5.1.1action和method的特性表单是包含输入元素的容器，包含按钮、复选框、文本框等元素，表单的这些输入元素使得用户能够向页面中输入信息，并把输入信息提交给服务器。Action特性告知浏览器将URL提交到哪里，method特性来说明用何种方式告知浏览器，默认为get方法5.1.2Get和Post方法1、如果不想让浏览器把输入值放入查询字符串中，而是想放入HTTP请求的主体
  • HTTP 之 XFF ， Referer Autuuuuumn http网络协议网络
    HTTP请求头HTTP请求头是构成HTTP请求的一部分，主要用于传递客户端（如浏览器或其他应用程序）向服务器发送的额外信息，以帮助服务器理解请求的上下文和处理方式。HTTP请求的基本组成部分可以分为三个主要部分：请求行、请求头和请求体。1.请求行(RequestLine)请求行是HTTP请求的第一行，包含了三个主要组件：请求方法：指示所要执行的操作的HTTP方法，例如GET、POST、PUT、DE
  • 【Unity 科幻环境资产包】Sci-fi Evolution 旨在为游戏开发者提供丰富的科幻风格资产，特别适用于科幻、太空、未来主义等主题的游戏 Unity游戏资源学习屋 Unity插件
    Sci-fiEvolution是一款为Unity开发的环境资源包，旨在为游戏开发者提供丰富的科幻风格资产，特别适用于科幻、太空、未来主义等主题的游戏。该插件包括大量高质量的模型、建筑、道具和场景，帮助开发者快速构建一个未来感十足的科幻世界。它适用于多种类型的游戏，如冒险、射击、角色扮演、战略等，特别是在需要表现未来科技、太空殖民或科幻战斗的项目中表现尤为突出。主要特点：丰富的科幻建筑和设施：Sci
  • 开源的Elasticsearch图形化管理工具Elasticvue 研创通之逍遥峰 开源工具开源elasticsearch大数据
    Elasticvue是一个开源的Elasticsearch图形化管理工具，它允许用户在浏览器中直接搜索和过滤集群数据。以下是对Elasticvue的详细介绍：一、主要功能集群概览：Elasticvue提供了集群的概览功能，用户可以快速查看集群的节点状态、索引状态和分片分布情况。索引管理：用户可以创建、删除和修改索引，以及管理索引的别名和分片。同时，Elasticvue还支持可视化查看和管理所有索引
  • Elasticvue 使用教程 孙泽忱
    Elasticvue使用教程项目地址:https://gitcode.com/gh_mirrors/el/elasticvue项目介绍Elasticvue是一个开源的ElasticsearchGUI，允许用户在浏览器中直接搜索和过滤集群数据。它提供了集群概览、索引管理、搜索接口、查询接口（REST&API浏览器）、快照管理等功能。Elasticvue支持Elasticsearch版本8.x和7.x
  • C#异常：{“值不能为 null。\r\n参数名: source“} TomCat2025 C#c#
    异常信息:System.ArgumentNullException:值不能为null。参数名:source其实问题那就出在Select()方法，在Select上按F12查看定义publicstaticIEnumerableSelect(thisIEnumerablesource,Funcselector);这是System.Linq下的扩展方法（.net3.5之前是没有的），除了Select还有很
  • scala的option和some 矮蛋蛋 编程scala
    原文地址： http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html 对于学习 Scala 的 Java™ 开发人员来说，对象是一个比较自然、简单的入口点。在 本系列 前几期文章中，我介绍了 Scala 中一些面向对象的编程方法，这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念，找到其缺点
  • NullPointerException Cb123456 androidBaseAdapter
        java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference     出现以上异常.然后就在baidu上
  • PHP使用文件和目录 天子之骄 php文件和目录读取和写入php验证文件php锁定文件
    PHP使用文件和目录 1.使用include()包含文件 (1)：使用include()从一个被包含文档返回一个值 (2)：在控制结构中使用include()   include_once()函数需要一个包含文件的路径，此外，第一次调用它的情况和include()一样，如果在脚本执行中再次对同一个文件调用，那么这个文件不会再次包含。   在php.ini文件中设置
  • SQL SELECT DISTINCT 语句 何必如此 sql
    SELECT DISTINCT 语句用于返回唯一不同的值。 SQL SELECT DISTINCT 语句 在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。 DISTINCT 关键词用于返回唯一不同的值。 SQL SELECT DISTINCT 语法 SELECT DISTINCT column_name,column_name F
  • java冒泡排序 3213213333332132 java冒泡排序
    package com.algorithm; /** * @Description 冒泡 * @author FuJianyong * 2015-1-22上午09:58:39 */ public class MaoPao { public static void main(String[] args) { int[] mao = {17,50,26,18,9,10
  • struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！ 7454103 DAOspringAjaxjsonqq
    struts2.18  出来有段时间了！ （貌似是 稳定版）   闲时研究下下！  貌似 sruts2 搭配 json 做 ajax 很吃香！   实践了下下！ 不当之处请绕过！ 呵呵   网上一大堆 struts2+json  不过大多的json 插件 都是 jsonplugin.34.jar   strut
  • struts2 数据标签说明 darkranger jspbeanstrutsservletScheme
    数据标签主要用于提供各种数据访问相关的功能，包括显示一个Action里的属性，以及生成国际化输出等功能 数据标签主要包括： action ：该标签用于在JSP页面中直接调用一个Action，通过指定executeResult参数，还可将该Action的处理结果包含到本页面来。 bean ：该标签用于创建一个javabean实例。如果指定了id属性，则可以将创建的javabean实例放入Sta
  • 链表.简单的链表节点构建 aijuans 编程技巧
    /*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h" #define NODE(name, key_word, help) \  Node name[1]={{NULL, NULL, NULL, key_word, help}} typedef struct node {  &nbs
  • tomcat下jndi的三种配置方式 avords tomcat
    jndi(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来，使得我们可以用名称 访问对象。目录服务是一种命名服务，在这种服务里，对象不但有名称，还有属性。          tomcat配置
  • 关于敏捷的一些想法 houxinyou 敏捷
    从网上看到这样一句话：“敏捷开发的最重要目标就是：满足用户多变的需求，说白了就是最大程度的让客户满意。” 感觉表达的不太清楚。 感觉容易被人误解的地方主要在“用户多变的需求”上。 第一种多变，实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的，只是比较多，也比较混乱，用户一般只能了解自己的那一小部分，所以没有用户能清楚的表达出整体需求。而由于各种条件的，用户表达自己那一部分时也有
  • 富养还是穷养，决定孩子的一生 bijian1013 教育人生
    是什么决定孩子未来物质能否丰盛？为什么说寒门很难出贵子，三代才能出贵族？真的是父母必须有钱，才能大概率保证孩子未来富有吗？-----作者：@李雪爱与自由 事实并非由物质决定，而是由心灵决定。一朋友富有而且修养气质很好，兄弟姐妹也都如此。她的童年时代，物质上大家都很贫乏，但妈妈总是保持生活中的美感，时不时给孩子们带回一些美好小玩意，从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
  • oracle 日期时间格式转化 征客丶 oracle
    oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP； SYSDATE：不支持毫秒，取的是系统时间； SYSTIMESTAMP：支持毫秒，日期，时间是给时区转换的，秒和毫秒是取的系统的。 日期转字符窜： 一、不取毫秒： TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS') 简要说明， YYYY 年 MM   月
  • 【Scala六】分析Spark源代码总结的Scala语法四 bit1129 scala
    1. apply语法   FileShuffleBlockManager中定义的类ShuffleFileGroup，定义：   private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) { ... def apply(bucketId
  • Erlang中有意思的bug bookjovi erlang
      代码中常有一些很搞笑的bug，如下面的一行代码被调用两次（Erlang beam） commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b Author: Jovi Zhang <bookjovi@gmail.com> Date: Fri Dec 2 16:19:22 2011 +0100 erts:
  • 移位打印10进制数转16进制-2008-08-18 ljy325 java基础
    /** * Description 移位打印10进制的16进制形式 * Creation Date 15-08-2008 9:00 * @author 卢俊宇 * @version 1.0 * */ public class PrintHex { // 备选字符 static final char di
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 利用cmd命令将.class文件打包成jar chenyu19891124 cmdjar
    cmd命令打jar是如下实现： 在运行里输入cmd，利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes) 现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作： cd D: 回车 cd workspace/prpal
  • [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明 comsci eclipse设计模式算法工作swing
                           JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明     &nb
  • SecureCRT右键粘贴的设置 daizj secureCRT右键粘贴
    一般都习惯鼠标右键自动粘贴的功能，对于SecureCRT6.7.5 ，这个功能也已经是默认配置了。 老版本的SecureCRT其实也有这个功能，只是不是默认设置，很多人不知道罢了。 菜单： Options->Global Options ...->Terminal 右边有个Mouse的选项块。 Copy on Select Paste on Right/Middle
  • Linux 软链接和硬链接 dongwei_6688 linux
    1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。 【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连
  • DIV底部自适应 dcj3sjt126com 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
  • Centos6.5使用yum安装mysql——快速上手必备 dcj3sjt126com mysql
    第1步、yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果： Installed:     mysql-server.x86_64 0:5.1.73-3.el6_5                   &nb
  • 如何调试JDK源码 frank1234 jdk
    相信各位小伙伴们跟我一样，想通过JDK源码来学习Java，比如collections包，java.util.concurrent包。 可惜的是sun提供的jdk并不能查看运行中的局部变量，需要重新编译一下rt.jar。 下面是编译jdk的具体步骤：         1.把C:\java\jdk1.6.0_26\sr
  • Maximal Rectangle hcx2013 max
    Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.   public class Solution { public int maximalRectangle(char[][] matrix)
  • Spring MVC测试框架详解——服务端测试 jinnianshilongnian spring mvc test
    随着RESTful Web Service的流行，测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架，如果版本低于3.2，请使用spring-test-mvc项目（合并到spring3.2中了）。   Spring MVC测试框架提供了对服务器端和客户端（基于RestTemplate的客户端）提供了支持。 &nbs
  • Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0 liyong0802 hadoop
    一、准备编译软件   1.在官网下载jdk1.7、maven3.2.1、ant1.9.4，解压设置好环境变量就可以用。     环境变量设置如下：   （1）执行vim /etc/profile （2）在文件尾部加入: export JAVA_HOME=/home/spark/jdk1.7 export MAVEN_HOME=/ho
  • StatusBar 字体白色 pangyulei status
    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; /*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
  • 如何分析Java虚拟机死锁 sesame javathreadoracle虚拟机jdbc
    英文资料： Thread Dump and Concurrency Locks   Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
  • 位运算简介及实用技巧（一）：基础篇 tw_wangzhengquan 位运算
    http://www.matrix67.com/blog/archives/263    去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一，很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料，学习到了更多关于位运算的知识，有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章，与其说是原来那篇文章的follow-up，不如说是一个r
  • jsearch的索引文件结构 yangshangchuan 搜索引擎jsearch全文检索信息检索word分词
    jsearch是一个高性能的全文检索工具包，基于倒排索引，基于java8，类似于lucene，但更轻量级。   jsearch的索引文件结构定义如下：     1、一个词的索引由=分割的三部分组成：        第一部分是词        第二部分是这个词在多少
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他