qingcheng1314
qingcheng1314

记录自己前端的一点一滴

记录自己前端的一点一滴，无喷.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>test</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style type="text/css">
*{ margin: 0; padding: 0;}
ul{ list-style: none;}
#slidebox{ margin: 40px auto; width: 700px; height: 300px; position: relative; overflow: hidden;}
#slide{ position: relative;}
#slide li{ float: left; width: 700px; height: 300px; overflow: hidden;}
#slide li img{ width: 700px; height: 300px;}
#btn{ position: absolute; bottom: 10px; left: 50%; margin-left: -75px;}
#btn span{ display: inline-block; width: 16px; height: 16px; background: #ccc; margin: 0 5px;}
#btn span.on{ background: blue;}
#obtn{ text-align: center;}
#obtn a{ color: #000; font-size: 16px; margin: 0 20px;}
</style>
</head>
<body>
<div id="slidebox">
	<ul id="slide">
		<li><img src="images/a1.jpg"></li>
		<li><img src="images/a2.jpg"></li>
		<li><img src="images/a1.jpg"></li>
		<li><img src="images/a2.jpg"></li>
		<li><img src="images/a1.jpg"></li>
	</ul>
	<div id="btn">
		<span class="on"></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
	</div>
</div>
<div id="obtn">
	<a href="javascript:;" id="leftbtn">left</a>
	<a href="javascript:;" id="rightbtn">right</a>
</div>
</body>
</html>
<script type="text/javascript">
window.onload = function (){
	function Slide(){
		var box = document.getElementById('slide');
		var boxL = box.getElementsByTagName('li');
		var len = boxL.length;
		var clone = boxL[0].cloneNode(true);
		var clone2 = boxL[len - 1].cloneNode(true);
		box.appendChild(clone);
		box.insertBefore(clone2,box.childNodes[0]);
		box.style.width = 700*(len+2)+'px';
		box.style.left = -700 + 'px';
		var left = document.getElementById('leftbtn');
		var right = document.getElementById('rightbtn');
		var span = document.getElementById('btn').getElementsByTagName('span');
		var now = 0;
		var speed = 700/30;
		var timer,oTimer;
		for (var i = 0; i < span.length; i++) {
			span[i].index = i;
			span[i].onmouseover = function (){
				now = this.index;
				next();
			}
		};
		left.onclick = function (){

			if (now > 0){
				now -=1;
				next();
			} 
			else if(now == 0){
				now -= 1;
				next();
				
				setTimeout(function (){
					now = len - 1;
					box.style.left = (now+1)*-700 + 'px';
				},700);
				
			}
			
		}
		right.onclick = function (){
			if (now < len -1){
				now +=1;
				next();
			} 
			else if(now == len -1){
				now += 1;
				next();
				
				setTimeout(function (){
					now = 0;
					box.style.left = (now+1)*-700 + 'px';
				},700);
				
			}
		}
		function next(){
			for (var i = 0; i < span.length; i++) {
				var index;
				if (span[i].className == "on") index = i + 1;

				span[i].className = "";
			};
			if (now == len) {
				span[0].className = "on";
			}
			else if( now == -1){
				span[len - 1].className = "on";
			}
			else{
				span[now].className = "on";
			};
			
			clearInterval(timer);
			timer = setInterval(function(){
				if (box.offsetLeft < (now+1)*-700) {	
					if (box.offsetLeft >= (now+1)*-700) {
						clearInterval(timer);
					}
					else{
						box.style.left = box.offsetLeft + Math.abs(parseInt(now+1 - index))*30 + 'px';
						if (box.offsetLeft >= (now+1)*-700) {
							box.style.left = (now+1)*-700 + 'px';
						};
					};
				}
				else{
					if (box.offsetLeft <= (now+1)*-700) {
						clearInterval(timer);
					}
					else{
						box.style.left = box.offsetLeft - Math.abs(parseInt(now+1 - index))*30 + 'px';
						if (box.offsetLeft <= (now+1)*-700) {
							box.style.left = (now+1)*-700 + 'px';
						};
					};
				};
			},30);
		}
		oTimer = setInterval(function (){
			right.onclick();
		},8000);
		box.onmouseover = function (){
			clearInterval(oTimer);
		}
		box.onmouseout = function (){
			oTimer = setInterval(function (){
				right.onclick();
			},8000);
		};
		
	}
	Slide();
}
</script>


你可能感兴趣的:(position,hidden,relative,记录javascript)

  • JavaScript结构型设计模式---外观模式 安静一会儿 JavaScript设计模式设计模式外观模式
    参考书籍：JavaScript设计模式外观模式：为一组复杂的子系统接口提供一个更高级的统一接口，使更加容易的访问子系统对底层结构兼容性做封装functionaddEvent(dom,type,fn){//if(dom.addEventListener){dom.addEventListener(type,fn,false);//}elseif(dom.attachEvent){dom.attach
  • JavaScript设计模式 -- 迭代器模式 鎈卟誃筅甡 javascript设计模式迭代器模式
    在软件开发中，我们经常需要遍历集合、数组、链表、树等数据结构。传统上，这些数据结构往往需要暴露内部实现细节，或者写大量重复的遍历代码。**迭代器模式（IteratorPattern）**提供了一种统一的方式来访问集合内的元素，而不暴露集合的内部表示。通过定义统一的迭代器接口，可以使客户端代码与数据结构实现解耦，从而使系统更易扩展和维护。迭代器模式简介迭代器模式属于行为型设计模式，其主要思想是将遍历
  • JavaScript设计模式 -- 适配器模式 鎈卟誃筅甡 javascript设计模式适配器模式
    在软件开发中，经常会遇到这样的情况：现有的类或第三方库提供的接口与系统中期望的接口不匹配。如果直接修改已有代码风险较大或者不可行，这时适配器模式（AdapterPattern）就能派上用场。适配器模式通过创建一个包装类，将原有接口转换为客户所期望的接口，从而使原本不兼容的类能够协同工作。本文将从基本概念入手，详细介绍适配器模式的实现方式及其在多个场景下的应用示例，并探讨其优缺点和使用建议。适配器模
  • javascript 常见设计模式 smiley121 javascript设计模式
    什么是设计模式?在软件开发中，设计模式是解决特定问题的经验总结和可复用的解决方案。设计模式可以提高代码的复用性、可维护性和可读性，是提高开发效率的重要手段。单例模式1.概念单例模式（SingletonPattern），保证一个类只有一个实例，并提供一个访问它的全局访问点。也就是说，第二次使用同一个类创建新对象的时候，应该得到与第一次创建的对象完全相同的对象。2.代码实现classSingleton
  • 在conda虚拟环境中安装jupyter lab-----deepseek问答记录 溯源006 deepseek回答记录condajupyteride
    在Conda虚拟环境中安装JupyterLab的步骤如下：1.创建并激活Conda虚拟环境如果你还没有创建虚拟环境，可以使用以下命令创建一个新的虚拟环境并激活它：condacreate-nmyenvpython=3.x#将`myenv`替换为你的环境名称，`3.x`替换为所需的Python版本condaactivatemyenv2.安装JupyterLab在激活的虚拟环境中，使用以下命令安装Jup
  • Log4j在Spring项目中的应用与实践 t0_54program log4jspringjava个人开发
    在现代Java开发中，日志记录是不可或缺的一部分。它不仅帮助开发者调试和监控应用程序的运行状态，还能在出现问题时快速定位原因。今天，我们就来探讨如何在Spring项目中使用Log4j进行日志管理，并通过具体的实例来展示其强大的功能。一、Log4j简介Log4j是Apache提供的一个开源日志框架，广泛应用于Java项目中。它提供了灵活的日志记录方式，支持多种日志级别和输出格式。通过配置文件，开发者
  • PMP知识点综合测试：150道易错习题和知识点汇总 快乐骑行^_^ PMP项目管理软考高级信息系统项目管理师考试PMP知识点综合测试百道易错习题和知识点汇总
    PMP知识点综合测试：150道易错习题和知识点汇总1.项目建设过程中需要进行多次采购。现在，项目团队已经完成第一次采购。团队成员希望总结第一次采购中的经验和问题，以便改进以后的采购工作。项目经理应该如何指导团队成员的行动？A:要求团队在完成至少3次采购后再来一起总结B:要求团队立即开展审计C:要求团队把所发现的问题记录在问题日志中D:要求团队立即更新组织过程资产答案解析：采购审计是甲方或乙方对自己
  • 数据库(sql语句) 四代目 水门 数据库数据库sql
    数据的操作1、插入数据，1.1单条记录插入：insertinto表名(字段1,字段2,字段3,……)values(值1,值2,值3,…);1.2批量记录插入：insertinto表名(字段1,字段2,字段3,……)values(值11,值21,值31,…),(值12,值22,值32,…),……;2、更新数据。2.1更新所有数据update表名set字段1=值1,字段2=值2,字段3=值2.2更新特
  • oracle 如果两条记录的id是相同的，如何删除其中一条 &loopy& oracle数据库
    在Oracle数据库中，如果两条记录的id相同且需要删除其中一条记录，可以使用以下几种方法之一。以下示例假设你有一个名为your_table的表，其中id是主键或唯一标识符字段。方法一：使用ROWID由于Oracle允许使用ROWID来唯一标识表中的每一行，你可以使用ROWID来删除特定的记录。假设你已经确定要删除哪一条记录（例如，通过其他字段的差异），你可以执行以下操作：DELETEFROMyo
  • JavaScript数组-获取数组中的元素 難釋懷 javascript开发语言前端
    在JavaScript中，数组是一种非常实用的数据结构，它允许我们将多个值存储在一个单独的变量中。无论是数字、字符串还是对象，都可以作为数组的元素。获取数组中的特定元素是操作数组的基础技能之一。本文将详细介绍如何在JavaScript中获取数组中的元素。一、通过索引访问元素基本概念数组中的每个元素都有一个对应的索引，这个索引是从0开始计数的整数。也就是说，第一个元素的索引为0，第二个元素的索引为1
  • Git 深度解析 —— 从基础到进阶 Exhausted、 gitelasticsearch大数据搜索引擎git
    目录1.Git基础概念1.1版本控制(VersionControl)1.2分布式版本控制(DistributedVersionControl)1.3核心概念1.4Git工作流程2.Git常用命令2.1初始化仓库2.2添加文件2.3提交修改2.4查看状态2.5查看历史记录2.6切换分支2.7创建分支2.8合并分支2.9克隆仓库2.10推送修改2.11拉取更新3.Git进阶技巧3.1Git撤销操作3.
  • 用nodejs后端接收微信小程序上传的图片并转储 芙老哥 node.js微信小程序后端
    记录一下毕设制作过程中遇到的问题和解决方法（1）需求：点击头像选择图片进行上传，图片存储到云服务器的images子目录下方法：wxml文件这个没什么好说的，就一个view组件加上点击事件就好（要是这都不会估计也不会直接搜我这个文章页面的js文件wx.chooseMedia的官方文档（wx.chooseMedia(Objectobject)|微信开放文档(qq.com)wx.uploadFile的官
  • python实例2.2：编写一个装饰器，计算任何一个函数执行的时间（详解及其知识点拓展） 清风 001 python学习付费专栏python
    目录一、编写一个装饰器，计算任何一个函数执行的时间二、装饰器详解，及其用法举例三、举例说明装饰器在日志记录方面的应用四、装饰器还可以用于哪些方面？五、装饰器工厂一、编写一个装饰器，计算任何一个函数执行的时间装饰器是一种非常方便的设计模式，它可以用来修改或增强函数的行为，而无需直接修改函数的定义。下面是一个简单的Python装饰器，用来计算任意一个函数执行所需的时间：pythonimporttime
  • HTML之JavaScript DOM（document）编程处理事件 录大大i 前端HTMLJavaScriptjavascripthtml前端
    HTML之JavaScriptDOM（document）编程处理事件Document/*事件：本质是行为，用户的行为或者浏览器的行为；事件发生指的是处罚js函数执行事件的三要素：事件源、事件、事件处理程序事件的绑定：1.通过元素的属性绑定on***2.通过DOM编程动态绑定注：1.一个事件可以绑定多个函数；eg：onclick="show(),show1()2.一个元素可以绑定多个事件eg：onc
  • Fatal error in launcher: Unable to create process using xxx hellozp linux运维服务器
    Pycharm执行命令提示：Fatalerrorinlauncher:Unabletocreateprocessusing"xxxx\venv\Scripts\python.exe""\venv\Scripts\xxx"原因是虚拟环境是从其他项目/路径拷过来的，虚拟环境中的文件记录了原路径解决方法：在现有虚拟环境下，找到Scripts目录用记事本打开以下文件，把文件中路径改为现在环境路径例如：
  • Python的ORM框架sqlalchemy的查询多条数据只显示一条 harleylau pythonsqlalchemysqlalchemyORM
    这个情况可能很少碰到，但确实花了我不少时间去找这个错误，这边记录一下。在使用sqlalchemy作为ORM来拉取mysql的数据的时候，如果想要拉取所有的数据，显而易见应该用类似下边的语句：#获取所有数据session.query(Person).all()如果要加删选条件的话，采用下边的语句：#获取所有数据session.query(Person).filter(Person.sns_id==x
  • C语言学习记录（4）青年歌手大奖赛_评委会打分 舌尖上的五香 C语言
    C语言学习记录前言一直自己没有学习做笔记的习惯，所以为了加强自己对知识的深入理解，决定将学习笔记写下来，希望向各位大牛们学习交流！不当之处请斧正！在此感谢！这边就先从学习C语言写起，自己本身对程序语言方面不擅长，所以决定对此从基础开始学习，大牛们对此文可以忽略！学校的OJ上的题青年歌手大奖赛_评委会打分题目描述青年歌手大奖赛中，评委会给参赛选手打分。选手得分规则为去掉一个最高分和一个最低分，然后计
  • JavaScript系列（75）--代理模式专题 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascript代理模式开发语言
    JavaScript代理模式专题JavaScript的Proxy提供了强大的对象代理能力，能够拦截和自定义对象的基本操作。本文将深入探讨Proxy的各种模式、应用场景和最佳实践。代理基础小知识：代理模式允许我们创建一个对象的代理，从而可以控制对这个对象的访问。JavaScript的ProxyAPI提供了13种基本操作的拦截器（trap），使我们能够自定义对象的行为。//基础代理操作consttar
  • 前端高级面试题 阿芯爱编程 面试前端
    以下是一些前端高级面试可能涉及到的内容：一、前端工程化如何构建一个适合大型团队的前端代码规范和构建流程？答案：代码规范方面：使用ESLint结合Prettier来统一JavaScript和CSS（包括预处理器如Sass或Less）的语法风格。例如，规定变量命名采用驼峰命名法，函数名要有明确含义等。对于HTML结构，制定语义化标签的使用规范，如导航栏使用标签，页脚使用标签等。确定组件化的规范，包括组
  • javascript 基础 insertAfter与insertBefore 老老老刘啊 Javascript基础
    1.parent.insertBefore(newElement,targetElement.nextSibling)他的三部分为父节点新节点目标节点他会把新节点创建在目标节点之前需要注意的是父节点并无需获取你通过目标节点.parentNode就可以获取但是js并没有提供插入在目标节点之后的方法我们可以自己写一个functioninsertAfter(newElement,targetElemen
  • javascript当中insertBefore的用法 qq_44594371 javascriptjavascriptinsertBeforeinsertBefore
    例1.3（insertBeforeIEFF.html）1111msgtest222aaaaaaaaendinsertedNodevarinsertedNode=document.getElementById("insertedNode");varaaa=document.getElementById("aaa");vartest=document.getElementById("contain")
  • 使用Python编写你的第一个算法交易程序 盼达思文体科创 Python量化金融python算法numpycondapandas金融
    背景Background最近想学习一下量化金融，总算在盈透投资者教育（IBKRCampus）板块找到一篇比较好的算法交易入门教程。我在记录实践过程后，翻译成中文写成此csdn博客，分享给大家。如果你的英语好可以直接看原文。原文在数据准备阶段，采用了pandas_datareader.data读取网络数据，实际中出现了很多问题，我换成了yfinance。可以参考文末完整代码。参考资料：https:/
  • MySQL的binlog日志 mysql
    binlog基本认识MySQL的二进制日志可以说是MySQL最重要的日志了，它记录了所有的DDL和DML(除了数据查询语句)语句，以事件形式记录，还包含语句所执行的消耗的时间，MySQL的二进制日志是事务安全型的。一般来说开启二进制日志大概会有1%的性能损耗(参见MySQL官方中文手册5.1.24版)。二进制有两个最重要的使用场景:其一：MySQLReplication在Master端开启binl
  • js 12 小箌 javascript前端css
    css.carousel{position:relative;width:100%;max-width:600px;margin:0auto;}.images{display:flex;overflow:hidden;}.imagesimg{width:100%;display:block;}.dots{text-align:center;position:absolute;bottom:10px
  • JS(70-89) 小箌 javascript开发语言学习
    01_内置对象-Math介绍：Math对象是JavaScript提供的一个“数学”对象作用：提供了一系列做数学运算的方法Math对象包含的方法有：random：生成0-1之间的随机数（包含0不包括1）ceil：向上取整floor：向下取整max：找最大数min：找最小数pow：幂运算abs：绝对值生成任意范围随机数介绍：Math.random()随机数函数，返回一个0-1之间，并且包括0不包括1的
  • JS(1-69) 小箌 javascript开发语言学习
    01_JS介绍1.1JS是什么1.JavaScript（是什么？)是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2.作用（做什么？)网页特效（监听用户的一些行为让网页作出对应的反馈)表单验证（针对表单数据的合法性进行判断）数据交互（获取后台的数据，渲染到前端服务端编程（node.js)3.JavaScript的组成（有什么？)ECMAScript:规定了js基础语法核心知识。口比如：变
  • 使用 python框架FastAPI搭配Nacos 构建网关服务 xiaohu9606 pythonfastapi数据库
    文章目录概要整体架构流程技术细节小结概要本文将详细介绍如何使用FastAPI构建一个功能强大的网关服务，该网关服务能够处理认证、路由转发和日志记录等功能。我们将基于提供的代码文件进行分析，并对代码进行必要的优化和补充。整体架构流程数据库模型(base.py)fromtypingimportListfromsqlalchemyimportor_fromsqlalchemy.excimportSQLA
  • SpringBoot中Mybatis记录执行sql日志 钝挫力PROGRAMER springbootmybatissql
    MyBatis默认使用SLF4J作为日志门面，所以需要在项目中选择一个SLF4J兼容的日志实现，比如Logback,Log4j2等。以Logback为例，也是SpringBoot默认日志框架。添加日志依赖：确保pom.xml中包含Logback依赖（SpringBoot项目不用添加logback）：ch.qos.logbacklogback-classic配置Logback：在src/main/r
  • 高效知识管理与分类优化指南：从目录设计到实践应用 思考在马桶上 笔记经验分享其他生活学习方法程序人生职场和发展
    摘要本文旨在帮助读者在信息爆炸时代构建高效的知识管理体系，提供了知识收藏目录、浏览器书签和电脑文件夹的优化分类方案。知识收藏目录方案包括工作与项目、记录与日常、知识管理等八大类，具有边界清晰、扩展灵活、贴合实际场景等优势。浏览器书签分类方案注重高频工具置顶、设置临时缓冲区和标签辅助管理。电脑文件夹分类方案按角色划分，实行项目制管理，通用层级不超过三层。文章还给出了使用建议，并展望了未来结合AI助手
  • 工具箱之父小程序源码（二）--萌宠大作战部分 jackzhuoa 微信小程序从零到万微信小程序游戏王者荣耀
    微信小程序搜一搜工具箱之父.game-container{position:relative;width:100vw;height:100vh;background-color:#000;}.game-canvas{width:100%;height:100%;}/*游戏信息样式*/.game-info{position:absolute;top:40rpx;left:40rpx;right:40
  • java封装继承多态等 麦田的设计者 javaeclipsejvmcencapsulatopn
           最近一段时间看了很多的视频却忘记总结了，现在只能想到什么写什么了，希望能起到一个回忆巩固的作用。     1、final关键字       译为：最终的        &
  • F5与集群的区别 bijian1013 weblogic集群F5
            http请求配置不是通过集群，而是F5；集群是weblogic容器的，如果是ejb接口是通过集群。         F5同集群的差别，主要还是会话复制的问题，F5一把是分发http请求用的，因为http都是无状态的服务，无需关注会话问题，类似
  • LeetCode[Math] - #7 Reverse Integer Cwind java题解MathLeetCodeAlgorithm
    原题链接：#7 Reverse Integer   要求： 按位反转输入的数字 例1： 输入 x = 123, 返回 321 例2： 输入 x = -123, 返回 -321   难度：简单   分析： 对于一般情况，首先保存输入数字的符号，然后每次取输入的末位（x%10）作为输出的高位（result = result*10 + x%10）即可。但
  • BufferedOutputStream 周凡杨
         首先说一下这个大批量，是指有上千万的数据量。      例子：      有一张短信历史表，其数据有上千万条数据，要进行数据备份到文本文件，就是执行如下SQL然后将结果集写入到文件中！      select t.msisd
  • linux下模拟按键输入和鼠标 被触发 linux
    查看/dev/input/eventX是什么类型的事件， cat /proc/bus/input/devices 设备有着自己特殊的按键键码，我需要将一些标准的按键，比如0－9，X－Z等模拟成标准按键，比如KEY_0,KEY-Z等，所以需要用到按键 模拟，具体方法就是操作/dev/input/event1文件，向它写入个input_event结构体就可以模拟按键的输入了。 linux/in
  • ContentProvider初体验 肆无忌惮_ ContentProvider
    ContentProvider在安卓开发中非常重要。与Activity，Service，BroadcastReceiver并称安卓组件四大天王。 在android中的作用是用来对外共享数据。因为安卓程序的数据库文件存放在data/data/packagename里面，这里面的文件默认都是私有的，别的程序无法访问。 如果QQ游戏想访问手机QQ的帐号信息一键登录，那么就需要使用内容提供者COnte
  • 关于Spring MVC项目（maven）中通过fileupload上传文件 843977358 mybatisspring mvc修改头像上传文件upload
    Spring MVC 中通过fileupload上传文件，其中项目使用maven管理。   1.上传文件首先需要的是导入相关支持jar包：commons-fileupload.jar,commons-io.jar 因为我是用的maven管理项目，所以要在pom文件中配置（每个人的jar包位置根据实际情况定） <!-- 文件上传 start by zhangyd-c --&g
  • 使用svnkit api，纯java操作svn，实现svn提交，更新等操作 aigo svnkit
     原文：http://blog.csdn.net/hardwin/article/details/7963318   import java.io.File; import org.apache.log4j.Logger; import org.tmatesoft.svn.core.SVNCommitInfo; import org.tmateso
  • 对比浏览器，casperjs，httpclient的Header信息 alleni123 爬虫crawlerheader
    @Override protected void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { String type=req.getParameter("type"); Enumeration es=re
  • java.io操作 DataInputStream和DataOutputStream基本数据流 百合不是茶 java流
    1，java中如果不保存整个对象，只保存类中的属性，那么我们可以使用本篇文章中的方法，如果要保存整个对象  先将类实例化  后面的文章将详细写到     2，DataInputStream 是java.io包中一个数据输入流允许应用程序以与机器无关方式从底层输入流中读取基本 Java 数据类型。应用程序可以使用数据输出流写入稍后由数据输入流读取的数据。
  • 车辆保险理赔案例 bijian1013 车险
    理赔案例： 一货运车，运输公司为车辆购买了机动车商业险和交强险，也买了安全生产责任险，运输一车烟花爆竹，在行驶途中发生爆炸，出现车毁、货损、司机亡、炸死一路人、炸毁一间民宅等惨剧，针对这几种情况，该如何赔付。 赔付建议和方案： 客户所买交强险在这里不起作用，因为交强险的赔付前提是：“机动车发生道路交通意外事故”； 如果是交通意外事故引发的爆炸，则优先适用交强险条款进行赔付，不足的部分由商业
  • 学习Spring必学的Java基础知识(5)—注解 bijian1013 javaspring
            文章来源：http://www.iteye.com/topic/1123823，整理在我的博客有两个目的：一个是原文确实很不错，通俗易懂，督促自已将博主的这一系列关于Spring文章都学完；另一个原因是为免原文被博主删除，在此记录，方便以后查找阅读。           有必要对
  • 【Struts2一】Struts2 Hello World bit1129 Hello world
    Struts2 Hello World应用的基本步骤 创建Struts2的Hello World应用，包括如下几步： 1.配置web.xml 2.创建Action 3.创建struts.xml，配置Action 4.启动web server，通过浏览器访问   配置web.xml <?xml version="1.0" encoding="
  • 【Avro二】Avro RPC框架 bit1129 rpc
    1. Avro RPC简介 1.1. RPC RPC逻辑上分为二层，一是传输层，负责网络通信；二是协议层，将数据按照一定协议格式打包和解包 从序列化方式来看，Apache Thrift 和Google的Protocol Buffers和Avro应该是属于同一个级别的框架，都能跨语言，性能优秀，数据精简，但是Avro的动态模式（不用生成代码，而且性能很好）这个特点让人非常喜欢，比较适合R
  • lua　set get cookie ronin47 lua cookie
    lua: local access_token = ngx.var.cookie_SGAccessToken if access_token then ngx.header["Set-Cookie"] = "SGAccessToken="..access_token.."; path=/;Max-Age=3000" end
  • java-打印不大于N的质数 bylijinnan java
    public class PrimeNumber { /** * 寻找不大于N的质数 */ public static void main(String[] args) { int n=100; PrimeNumber pn=new PrimeNumber(); pn.printPrimeNumber(n); System.out.print
  • Spring源码学习-PropertyPlaceholderHelper bylijinnan javaspring
    今天在看Spring 3.0.0.RELEASE的源码，发现PropertyPlaceholderHelper的一个bug 当时觉得奇怪，上网一搜，果然是个bug，不过早就有人发现了，且已经修复： 详见： http://forum.spring.io/forum/spring-projects/container/88107-propertyplaceholderhelper-bug
  • [逻辑与拓扑]布尔逻辑与拓扑结构的结合会产生什么? comsci 拓扑
       如果我们已经在一个工作流的节点中嵌入了可以进行逻辑推理的代码,那么成百上千个这样的节点如果组成一个拓扑网络,而这个网络是可以自动遍历的,非线性的拓扑计算模型和节点内部的布尔逻辑处理的结合,会产生什么样的结果呢?    是否可以形成一种新的模糊语言识别和处理模型呢?  大家有兴趣可以试试,用软件搞这些有个好处,就是花钱比较少,就算不成
  • ITEYE 都换百度推广了 cuisuqiang GoogleAdSense百度推广广告外快
    以前ITEYE的广告都是谷歌的Google AdSense，现在都换成百度推广了。   为什么个人博客设置里面还是Google AdSense呢？   都知道Google AdSense不好申请，这在ITEYE上也不是讨论了一两天了，强烈建议ITEYE换掉Google AdSense。至少，用一个好申请的吧。   什么时候能从ITEYE上来点外快，哪怕少点
  • 新浪微博技术架构分析 dalan_123 新浪微博架构
    新浪微博在短短一年时间内从零发展到五千万用户，我们的基层架构也发展了几个版本。第一版就是是非常快的，我们可以非常快的实现我们的模块。我们看一下技术特点，微博这个产品从架构上来分析，它需要解决的是发表和订阅的问题。我们第一版采用的是推的消息模式，假如说我们一个明星用户他有10万个粉丝，那就是说用户发表一条微博的时候，我们把这个微博消息攒成10万份，这样就是很简单了，第一版的架构实际上就是这两行字。第
  • 玩转ARP攻击 dcj3sjt126com r
    我写这片文章只是想让你明白深刻理解某一协议的好处。高手免看。如果有人利用这片文章所做的一切事情，盖不负责。 网上关于ARP的资料已经很多了，就不用我都说了。 用某一位高手的话来说，“我们能做的事情很多，唯一受限制的是我们的创造力和想象力”。 ARP也是如此。 以下讨论的机子有 一个要攻击的机子：10.5.4.178 硬件地址：52:54:4C:98
  • PHP编码规范 dcj3sjt126com 编码规范
    一、文件格式 1. 对于只含有 php 代码的文件，我们将在文件结尾处忽略掉 "?>" 。这是为了防止多余的空格或者其它字符影响到代码。例如：<?php$foo = 'foo';2. 缩进应该能够反映出代码的逻辑结果，尽量使用四个空格，禁止使用制表符TAB，因为这样能够保证有跨客户端编程器软件的灵活性。例
  • linux 脱机管理（nohup） eksliang linux nohupnohup
    脱机管理 nohup 转载请出自出处：http://eksliang.iteye.com/blog/2166699 nohup可以让你在脱机或者注销系统后，还能够让工作继续进行。他的语法如下 nohup [命令与参数] --在终端机前台工作 nohup [命令与参数] & --在终端机后台工作   但是这个命令需要注意的是，nohup并不支持bash的内置命令，所
  • BusinessObjects Enterprise Java SDK greemranqq javaBOSAPCrystal Reports
    最近项目用到oracle_ADF  从SAP/BO 上调用 水晶报表，资料比较少，我做一个简单的分享，给和我一样的新手 提供更多的便利。   首先，我是尝试用JAVA JSP 去访问的。   官方API：http://devlibrary.businessobjects.com/BusinessObjectsxi/en/en/BOE_SDK/boesdk_ja
  • 系统负载剧变下的管控策略 iamzhongyong 高并发
    假如目前的系统有100台机器，能够支撑每天1亿的点击量（这个就简单比喻一下），然后系统流量剧变了要，我如何应对，系统有那些策略可以处理，这里总结了一下之前的一些做法。 1、水平扩展 这个最容易理解，加机器，这样的话对于系统刚刚开始的伸缩性设计要求比较高，能够非常灵活的添加机器，来应对流量的变化。 2、系统分组 假如系统服务的业务不同，有优先级高的，有优先级低的，那就让不同的业务调用提前分组
  • BitTorrent DHT 协议中文翻译 justjavac bit
    前言 做了一个磁力链接和BT种子的搜索引擎 {Magnet & Torrent}，因此把 DHT 协议重新看了一遍。 BEP: 5Title: DHT ProtocolVersion: 3dec52cb3ae103ce22358e3894b31cad47a6f22bLast-Modified: Tue Apr 2 16:51:45 2013 -070
  • Ubuntu下Java环境的搭建 macroli java工作ubuntu
    配置命令： 　　$sudo apt-get install ubuntu-restricted-extras 　　再运行如下命令： 　　$sudo apt-get install sun-java6-jdk 　　待安装完毕后选择默认Java. 　　$sudo update- alternatives --config java 　　安装过程提示选择，输入“2”即可，然后按回车键确定。
  • js字符串转日期（兼容IE所有版本） qiaolevip TODateStringIE
    /** * 字符串转时间（yyyy-MM-dd HH:mm:ss） * result （分钟） */ stringToDate : function(fDate){ var fullDate = fDate.split(" ")[0].split("-"); var fullTime = fDate.split("
  • 【数据挖掘学习】关联规则算法Apriori的学习与SQL简单实现购物篮分析 superlxw1234 sql数据挖掘关联规则
    关联规则挖掘用于寻找给定数据集中项之间的有趣的关联或相关关系。 关联规则揭示了数据项间的未知的依赖关系，根据所挖掘的关联关系，可以从一个数据对象的信息来推断另一个数据对象的信息。 例如购物篮分析。牛奶 ⇒ 面包 [支持度：3%，置信度：40%] 支持度3%：意味3%顾客同时购买牛奶和面包。 置信度40%：意味购买牛奶的顾客40%也购买面包。 规则的支持度和置信度是两个规则兴
  • Spring 5.0 的系统需求，期待你的反馈 wiselyman spring
                   Spring 5.0将在2016年发布。Spring5.0将支持JDK 9。          Spring 5.0的特性计划还在工作中，请保持关注，所以作者希望从使用者得到关于Spring 5.0系统需求方面的反馈。  
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他