笑问客从何处来
笑问客从何处来

js实现无限不间断单方向滑动

代码如下：


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style type="text/css">
			.box{
				width: 800px;
				height: 500px;
				border: 1px solid #000000;
				position: relative;
				margin: 0 auto;
				padding: 0;
				overflow: hidden;
			}
			.roll_box{
				height: 100%;
				position: relative;
				margin: 0 auto;
				padding: 0;
				float: left;
			}
			.roll_box>ul{
				padding: 0;
				margin: 0;
				display: flex;
				flex-flow: row nowrap;
			}
			.roll_box>ul>li{
				width: 200px;
				height: 100%;
				padding: 0;
				list-style: none;
				border: 1px solid #000000;
				box-sizing: border-box;
			}
			.li_head{
				width: 100%;
				height: 200px;
				background: #504044;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
			}
			.li_center{
				width: 100%;
				height: 50px;
				background: #d1c5ca;
				text-align: center;
				line-height: 50px;
				font-size: 16px;
			}
			.li_footer{
				width: 100%;
				height: 250px;
				background: #2fc1ff;
			}
			.hexa{
				width: 96px;
				height: 120px;				
				overflow: hidden;
				transform: rotate(120deg);
				margin: auto;
				position: relative;
				
			}
			.hexa_child{
				width: 100%;
				height: 100%;				
				transform: rotate(-60deg);
				overflow: hidden;
				
			}
			.hexa_child_child{
				width: 100%;
				height: 100%;				
				transform: rotate(-60deg);
				overflow: hidden;
				background-color: red;
				
			}
			.hexa_text{
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translateY(-50%) translateX(-50%);
			}
		style>
	head>
	<body>
		<div class="box">
			<div id="roll_box" class="roll_box">
			    <ul id="roll_list1">
				    <li>
						<div class="li_head">
							<div class="hexa">
								<div class="hexa_child">
									<div class="hexa_child_child">div>
								div>
							div>
							<span class="hexa_text">Hello_1span>
						div>
						<div class="li_center">Hello world 1div>
						<div class="li_footer">div>
					li>
					<li>
						<div class="li_head">
							<div class="hexa">
								<div class="hexa_child">
									<div class="hexa_child_child">div>
								div>
							div>
							<span class="hexa_text">Hello_2span>
						div>
						<div class="li_center">Hello world 2div>
						<div class="li_footer">div>
					li>
					<li>
						<div class="li_head">
							<div class="hexa">
								<div class="hexa_child">
									<div class="hexa_child_child">div>
								div>
							div>
							<span class="hexa_text">Hello_3span>
						div>
						<div class="li_center">Hello world 3div>
						<div class="li_footer">div>
					li>
					<li>
						<div class="li_head">
							<div class="hexa">
								<div class="hexa_child">
									<div class="hexa_child_child">div>
								div>
							div>
							<span class="hexa_text">Hello_4span>
						div>
						<div class="li_center">Hello world 4div>
						<div class="li_footer">div>
					li>
					<li>
						<div class="li_head">
							<div class="hexa">
								<div class="hexa_child">
									<div class="hexa_child_child">div>
								div>
							div>
							<span class="hexa_text">Hello_1span>
						div>
						<div class="li_center">Hello world 1div>
						<div class="li_footer">div>
					li>
					<li>
						<div class="li_head">
							<div class="hexa">
								<div class="hexa_child">
									<div class="hexa_child_child">div>
								div>
							div>
							<span class="hexa_text">Hello_2span>
						div>
						<div class="li_center">Hello world 2div>
						<div class="li_footer">div>
					li>
					<li>
						<div class="li_head">
							<div class="hexa">
								<div class="hexa_child">
									<div class="hexa_child_child">div>
								div>
							div>
							<span class="hexa_text">Hello_3span>
						div>
						<div class="li_center">Hello world 3div>
						<div class="li_footer">div>
					li>
					<li>
						<div class="li_head">
							<div class="hexa">
								<div class="hexa_child">
									<div class="hexa_child_child">div>
								div>
							div>
							<span class="hexa_text">Hello_4span>
						div>
						<div class="li_center">Hello world 4div>
						<div class="li_footer">div>
					li>
					
			    ul>

		    div>
		div>
		
		<script type="text/javascript">
			var box = document.getElementById("roll_box");
			var list1 = document.getElementById("roll_list1");
			var hexa = document.getElementsByClassName("hexa");

			var timer = null;
			var num = 0;

			function move(){
				if(Math.abs(num) >= list1.offsetWidth/2){
					num = 0;
				    box.style.left = num + 'px';
				}else{
				    num --;
				    box.style.left = num + 'px';
				}

				function text(i,n,c,p) {
					for (i;i<c;i++){
						// console.log(`hexa[${i+n}].style.transform = scale(${(1.0 + i*0.1).toFixed(1)})`);
						if (Math.abs(box.offsetLeft)>=p){
							hexa[i+n].style.transform = `scale(${(1.0 + i*0.1).toFixed(1)})`;
						}
					}
				}
				text(0,0,5,0);
				text(0,1,5,200);
				text(0,2,5,400);
				text(0,3,5,600);
				text(0,4,4,800);


				// if (Math.abs(box.offsetLeft)>=0){
				// 	hexa[0].style.transform = "scale("+ 1.0 +")";
				// 	hexa[1].style.transform = "scale("+ 1.1 +")";
				// 	hexa[2].style.transform = "scale("+ 1.2 +")";
				// 	hexa[3].style.transform = "scale("+ 1.3 +")";
				// 	hexa[4].style.transform = "scale("+ 1.4 +")";
				// }
				// if (Math.abs(box.offsetLeft)>=200){
				// 	hexa[1].style.transform = "scale("+ 1.0 +")";
				// 	hexa[2].style.transform = "scale("+ 1.1 +")";
				// 	hexa[3].style.transform = "scale("+ 1.2 +")";
				// 	hexa[4].style.transform = "scale("+ 1.3 +")";
				// 	hexa[5].style.transform = "scale("+ 1.4 +")";
				// }
				// if (Math.abs(box.offsetLeft)>=400){
				// 	hexa[2].style.transform = "scale("+ 1.0 +")";
				// 	hexa[3].style.transform = "scale("+ 1.1 +")";
				// 	hexa[4].style.transform = "scale("+ 1.2 +")";
				// 	hexa[5].style.transform = "scale("+ 1.3 +")";
				// 	hexa[6].style.transform = "scale("+ 1.4 +")";
				// }
				// if (Math.abs(box.offsetLeft)>=600){
				// 	hexa[3].style.transform = "scale("+ 1.0 +")";
				// 	hexa[4].style.transform = "scale("+ 1.1 +")";
				// 	hexa[5].style.transform = "scale("+ 1.2 +")";
				// 	hexa[6].style.transform = "scale("+ 1.3 +")";
				// 	hexa[7].style.transform = "scale("+ 1.4 +")";
				// }
				// if (Math.abs(box.offsetLeft)>=800){
				// 	hexa[4].style.transform = "scale("+ 1.0 +")";
				// 	hexa[5].style.transform = "scale("+ 1.1 +")";
				// 	hexa[6].style.transform = "scale("+ 1.2 +")";
				// 	hexa[7].style.transform = "scale("+ 1.3 +")";
				// }
				

			}

		    timer =	setInterval(move,20);
		script>
	body>
html>

效果如下：

你可能感兴趣的:(web前端)

  • 大学生HTML期末大作业——HTML+CSS+JavaScript传统文化 无·糖 Web前端期末大作业html课程设计css大学生前端大作业期末作业
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目传统文化精美设计5页含注册登录二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站（英雄联盟） 无·糖 Web前端期末大作业html课程设计css美食游戏javascript大作业
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目游戏网站（英雄联盟）含注册登录13页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、
  • Web前端工程化
    Web前端工程化前端工程化是指将软件工程的方法和原则应用到前端开发中，以提高开发效率、保证代码质量、便于团队协作和项目维护的一套体系化实践。以下是前端工程化的主要内容和实践：核心组成部分1.模块化开发JavaScript模块化：CommonJS、AMD、ESModuleCSS模块化：CSSModules、CSS-in-JS组件化：Vue/React/Angular组件体系微前端：将大型应用拆分为多
  • Vue3 学习教程，从入门到精通，Vue3 简介知识点及案例代码（1） 知识分享小能手 vue3前端开发网页开发学习bootstrapjavascripttypescript前端vue.jsvue
    Vue3简介知识点及案例代码一、Vue3简介Vue3是一款用于构建用户界面的渐进式JavaScript框架，采用MVVM模式，具有响应式、组件化等优点，可提高开发效率，优化应用性能。二、Web前端开发概述Web前端开发涉及HTML、CSS、JavaScript等技术，用于构建用户可直接交互的页面部分。随着技术发展，出现了多种前端框架，Vue3是其中的优秀代表，基于前后端分离模式，使前后端开发解耦，
  • WEB前端缓存解决方案 qermeng WEB前端SPA缓存WEB前端缓存解决
    WEB前端缓存解决方案问题描述页面缓存js/css缓存问题描述使用angularjs(1.5.0)+gulp(3.9.0)做SPA开发时，修改js后，使用gulp-rev(6.0.1)对文件名进行了修改，但是刷新界面后修改的文件并没有加载，必须使用CRLT+F5深度刷新才可以。页面缓存页面缓存解决方案：js/css缓存通过gulp-rev在文件名增加哈希值来解决缓存问题gulp-rev:Stati
  • web前端基础知识:表单标签 黄昏终结者 前端htmljavascript
    一.input系列标签语法:form表单用来收集用户信息的input输入type类型type属性值:text文本password密码框radio单选框checkbox多选框file选择文件submit提交按钮reset重置按钮button普通按钮1.input系列标签-text文本框属性:placeholder占位符文本输入框语法:昵称:2.input系列标签-password密码框属性:plac
  • Web前端数据可视化：ECharts高效数据展示完全指南
    Web前端数据可视化：ECharts高效数据展示完全指南当产品经理拿着一堆密密麻麻的Excel数据走向你时，你知道又到了"化腐朽为神奇"的时刻。数据可视化不仅仅是把数字变成图表那么简单，它是将复杂信息转化为直观洞察的艺术。在过去两年的项目实践中，我发现很多开发者在数据可视化这个领域存在一个误区：要么选择了过重的解决方案导致性能问题，要么选择了过轻的工具无法满足复杂需求。今天我们来深入探讨如何在前端
  • JavaWeb开发1 偷萧逸苦茶 java
    JavaWeb什么是web?全球广域网，能够通过浏览器访问的网站Web网站工作流程Web前端开发网页有哪些部分组成？文字，图片，音频，视频，超链接...我们看到的网页本质是程序员写的前端代码前端代码如何转换成用户眼中的网页？通过浏览器解析和渲染浏览器中对代码解析渲染的部分称为浏览器内核Web标准HTML：负责网页结构（页面元素和内容）CSS：负责网页的表现（页面元素外观，位置等页面样式，如颜色、大
  • 基于 Three.js 与 WebGL 的商场全景 VR 导航系统源码级解析 维小帮定位导航 javascriptvr前端开发场景优化WebGL物联网智慧商场
    本文面向Web前端开发者、WebGL/Three.js爱好者、对VR/AR应用开发感兴趣的技术人员、智慧商场解决方案开发者。详细介绍如何利用WebGL(Three.js框架)构建高性能的商场全景VR环境，并实现精准的室内定位与3D路径规划导航功能。如需获取商场全景VR导航系统解决方案请前往文章最下方获取，如有项目合作及技术交流欢迎私信作者。一、商场全景VR导航的核心技术概述商场全景VR导航融合了全
  • 大学专业科普 | 计算机应用、视觉与算法 鸭鸭鸭进京赶烤 计算机应用
    一、专业概述计算机应用专业是一门实践性很强的学科，专注于将计算机技术转化为实际应用，服务于各个行业和领域，为社会的数字化转型提供人才支撑。二、课程设置专业基础课程：包括计算机组成原理、操作系统、数据结构、计算机网络等，为学生构建坚实的理论基础。专业核心课程：聚焦于程序设计语言（如C、C++、Java、Python等）、数据库原理与应用、软件工程、Web前端开发等，使学生具备开发各类软件系统的能力。
  • Java web%10 好学且牛逼的马 java前端AI编程
    %10新路线Javawebai笔记阶段时长内容Web前端基础2天HTML、CSS、JS、Vue3、AjaxWeb后端基础4天Maven、HTTP协议、SpringIOC、DI、MySQL、JDBC、MybatisWeb后端实战6天Tlias案例（基于案例讲解web开发的核心知识）Web后端进阶2天SpringAOP、SpringBoot原理、自定义Starter、Maven高级前端web实战4天V
  • 设计一个监控摄像头物联网IOT（webRTC、音视频、文件存储） Amarantine、沐风倩✨ 物联网IOT物联网javahtml5webrtc音视频视频编解码七牛云存储
    前言：设计一个完整的监控摄像头物联网IoT平台涉及视频直播和点播、WebRTC和文件存储模块，可以分为以下几个主要部分：摄像头设备、服务端处理、Web前端、视频流存储和回放。以下是结合这些技术的一个具体完整流程设计，涵盖了各个组件的相互关系、数据流动及关键技术点。1.系统组成监控摄像头：摄像头设备负责采集实时视频流并进行编码（如H.264或VP8）。Java服务端：服务端基于SpringBoot等
  • Web前端页面开发阿拉伯语种适配指南 冲浪的鹏多多 Web前端前端javascripthtml5css交互
    1.前言前端多语言国际化是开发中不可或缺的一环。阿拉伯语、希伯来语等语言采用从右向左的书写方向，这意味着文本排版、元素布局等都需要进行相应调整。不仅要考虑文本的显示方向，还需对按钮、导航栏、表单等各类UI元素的布局进行重新规划，这给开发带来了独特的挑战（折磨）。本文将深入探讨前端开发中阿拉伯语种的适配技术，包括如何适配，全局和局部的修改，绝对定位的替换，兼容性以及替代方案等等。2.如何适配具体适配
  • 【web前端】Vue3 核心模块与样式管理：从理论到代码实现 JosieBook #Java全栈前端vue3
    文章目录一、Vue3核心模块架构解析1.编译器模块（Compiler）2.运行时模块（Runtime）3.响应式模块（Reactivity）4.组合式API（CompositionAPI）二、样式管理模块详解1.Scoped样式2.CSSModules3.样式穿透与全局样式三、完整页面代码实现1.项目结构2.代码实现`main.js``App.vue``components/Counter.vue
  • Web前端入门：JavaScript 运算符 == 和 === 有什么区别？ 液态不合群 前端javascript开发语言
    运算符JavaScript运算符是真的多，尤其是ES6之后还在不停的加运算符，其他编程语言看JS就像怪物一样，各种骚操作不断~~运算符分类1、算术运算符算术运算符的作用就是用来基础计算，跟小学课本一样，包含：加+，减-，乘*，除/，取余（也叫做取模）%，指数**，自增++，自减--。只是需注意：乘号不再是x，除号也不再是÷！与我们学过的运算法则一样，乘法与除法优先级比加减法高，如果要改变优先级，需
  • web前端之dojo(用javascript语言实现的开源DHTML工具包) 爸爸去哪了2之熊猫三胞胎 web前端JavaScriptdojojavascriptweb前端dojo
    web前端之dojo(用javascript语言实现的开源DHTML工具包)一、开始Dojo开发1、DojoToolkit简介Dojo于2004年创建，使开发DHTML和JavaScriptweb应用程序开发流程更为容易，隐藏了很多现代web浏览器中普遍存在的跨浏览器矛盾。这使重点放在实现功能上，而不是调整代码使其在每个浏览器上运行。Dojo属于Dojo基金会，该基金会是Russell和Dylan
  • Python, Rust 开发人体结构解析与功能详解APP Geeker-2025 pythonrust
    基于Python与Rust的技术特性，结合人体解剖学的专业需求，以下是一个高性能、高可靠性的“人体构造与功能详解APP”设计方案，融合前沿医学知识、交互式学习工具及跨平台能力：---###**一、系统架构设计**```mermaidgraphLRA[移动端/Web前端]-->B(Rust高性能引擎)B-->C[Python数据处理层]B-->D[混合数据库]D-->E[(PostgreSQL)]D
  • HTML一键打包EXE串口API介绍 iReachers html单片机stm32HTML转EXEHTML打包EXE
    HTML一键打包EXE软件(HTML转EXE)支持将Web前端项目转换为Windows平台下的独立可执行程序（EXE），适用于Windows7及以上系统，无需额外配置系统环境,软件包含多种内核,包括IE内核,Chrome内核,以及WebView2(永久免费),适用于不同的使用场景.CSDN免积分下载地址:【免费】HTML转EXE最新2.1.0版本(包含免费内核)-解压密码1234资源-CSDN文库
  • iOS端网页调试 debug proxy策略：项目中的工具协同实践 2501_91600889 httpudphttpswebsocket网络安全网络协议tcp/ip
    移动开发中的调试，一直是效率瓶颈之一。特别是当前Web前端与App原生高度耦合的背景下，页面调试不仅受限于浏览器，还要面对WebView实现差异、系统权限控制、设备多样性等复杂情况。但我们是否可以构建一套**“设备无关”的调试工作流**？这并不意味着完全抛弃设备测试，而是指：开发阶段尽量在“虚拟/统一调试环境”下完成大部分工作，仅在最后阶段做必要真机验证，从而提升整体效率。以下是我们在一个跨平台内
  • 【web前端】(手写js) 函数防抖|节流实现、Promise实现、Ajax实现
    1、手动实现防抖防抖:对于频繁触发事件，只在最后一次触发生效//非立即防抖：持续触发事件时，事件处理函数完全不执行，等最后一次触发结束一段时间后再执行//实现思路：每次触发事件时都取消之前的延时调用方法，并重设定时器functiondebounce(wait,funct,...args){vartimer=nullreturn()=>{clearTimeout(timer)timer=setTim
  • 第五章：别再被扒源码了：基于棋牌源代码的前端保护实战 17源码网 前端javascript开发语言
    有一天，我们上线测试环境的H5版本，刚搭好不到2小时，就有人在群里发出完整页面截图、按钮事件名，甚至调试台打印的Socket参数。你会说：“他们是不是拿到源码了？”不，他们只是按了个F12，打开了ChromeDevTools，就把我们整个页面的结构看了个一清二楚。这其实不是谁的错。Web前端天然就是“公开”的，任何浏览器都能看到它。但我们能做的，是增加一点点难度，让调试、扒站、逆向变得麻烦，哪怕只
  • Web前端基础之HTML
    一、浏览器火狐浏览器、谷歌浏览器(推荐)、IE浏览器推荐谷歌浏览器原因：1、简洁大方,打开速度快2、开发者调试工具（右键空白处->检查，打开调试模式）二、开发工具核心IDE工具VisualStudioCode(VSCode)‌微软开发的免费跨平台编辑器，支持智能提示、Git集成、调试功能及丰富的扩展插件‌。轻量高效，适用于HTML/CSS/JavaScript及主流前端框架开发‌。WebStorm
  • 【面试题】Java实现自有应用App的扫码登录功能架构设计与实现 混进IT圈 java扫码登录SpringBootSpringSecurityOAuth2.0JWT架构设计
    在当今数字化时代，扫码登录已成为主流应用的标准功能之一。它不仅提供了便捷的用户体验，还增强了安全性。本文将从架构师的角度，深入分析如何设计和实现一个高效、安全的扫码登录系统。架构设计图核心流程图1.扫码登录整体流程Web前端后端服务App客户端缓存服务请求二维码生成会话ID并存储返回二维码和会话ID显示二维码并开始轮询扫描二维码发送会话ID和用户信息更新会话状态为"已扫描"返回确认页面轮询会话状态
  • 大学生静态HTML网页源码——佛山旅游景点介绍网页代码 家乡旅游网页制作模板 web前端期末大作业 html网页制作 网页设计前端html旅游美食css课程设计节日
    家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。⚽精彩专栏
  • 制作一个简单HTML旅游网站（HTML+CSS+JS）无锡旅游网页设计与实现8个页面 IT黑马程序员 html旅游css
    ‍静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计‍，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。精彩专栏推荐【作者主页——获取更多优质源码】【web前端期末大作业——毕设项目精品实战案例(1
  • 移动端开发 资源分享 weixin_30399797 5guijavascriptViewUI
    1.移动端开发从零开始学习移动端Web开发手机分辨率和webapp分辨率的关系移动端适配之rem.jscss适配不同分辨率屏幕移动WEBAPP开发常规CSS样式总结移动端页面开发的两种方式H5移动端常用标签总结html5的一些常用标签微信页面开发2.常用插件推荐移动端手势库Hammer.js学习2015年最全的移动WEB前端UI框架模板页面3.例子手机app通用模板爱旅游在线个人中心页面模板李嘉桦
  • 【计算机毕业设计】基于HTML+CSS+JavaScript大学生心理咨询网设计毕业论文源码 (1)
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • Web前端一套全部清晰 ③ day2 HTML.2 标签综合案例 L_cl 前端前端前端前端html
    别让平淡生活，耗尽所有向往——24.4.26综合案例——一切都会好的网页制作思路：从上到下，先整体到局部，逐步分析制作分析内容——>写代码——>保存——>刷新浏览器，看效果胡言乱语一切都会好的无限接近的两条轨迹，总有一天会重合，一切都会好的，不是吗2020.11.23我一直相信，也许你会回来的,<ahref="./17.综合案例的超链接文
  • 基于three.js的3D粒子动效实现 cs1247959734
    作者：个推web前端开发工程师梁神一、背景粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个的运动，模拟出现真实的效果。three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API帮助我们去实现3D动效，本文主要介绍如何使用three.js实现粒子过渡效
  • WEB前端代码书写规范 ONLY＆King 前端javascripthtml
    WEB前端代码书写规范1.命名规范a.ClassName命名ClassName的命名应该尽量精短、明确，必须以单页面字母开头命名，且全部字母为小写，单词之间统一使用下划线“_”连接：例如：‘首页页面--.index_logo{}’注意：在代码量大的情况下，尽量避免使用后代选择器以及子代选择器，尽可能多的取CalssName名称，以防后期修改代码的不便b.图片命名图片业务（可选）+（mod_）图片功
  • ASM系列六 利用TreeApi 添加和移除类成员 lijingyao8206 jvm动态代理ASM字节码技术TreeAPI
        同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。   package asm.core; /** * Created by yunshen.ljy on 2015/6/
  • Springmvc-权限设计 bee1314 springWebjsp
    万丈高楼平地起。 权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。 目标： 1.实现权限的管理（CRUD） 2.实现部门管理 （CRUD) 3.实现人员的管理 （CRUD） 4.实现部门和权限
  • 算法竞赛入门经典（第二版）第2章习题 CrazyMizzz c算法
    2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil
  • struts2中jsp自动跳转到Action 麦田的设计者 jspwebxmlstruts2自动跳转
    1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）   2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
  • php 操作webservice实例 IT独行者 PHPwebservice
    首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve
  • Windows下使用Vagrant安装linux系统 _wy_ windowsvagrant
    准备工作： 下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ： 官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ 
  • 更改linux的文件拥有者及用户组(chown和chgrp) 无量 clinuxchgrpchown
    本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用： 使用chown命令可以修改文件或目录所属的用户：        命令
  • linux下抓包工具 矮蛋蛋 linux
    原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l
  • 我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起” alafqq mybatis
    最近看了  每一个用mybatis的男纸，你伤不起 原文地址 ：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖； 个人一直使用的是Ibatis框架，公司对其进行过小小的改良； 最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究； 发现多了一个mapper层；个人感觉就是个dao；
  • 解决java数据交换之谜 百合不是茶 数据交换
    交换两个数字的方法有以下三种 ，其中第一种最常用   /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =
  • 渐变显示 bijian1013 JavaScript
    <style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style>
  • 探索JUnit4扩展：断言语法assertThat bijian1013 java单元测试assertThat
    一.概述         JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
  • 【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}} bit1129 gson
      如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}}   下面的POJO类Model无法完成正确的解析：   import com.google.gson.Gson;
  • 【Kafka九】Kafka High Level API vs. Low Level API bit1129 kafka
    1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题  
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-归并排序 bylijinnan java
    import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to
  • Netty源码学习-CompositeChannelBuffer bylijinnan javanetty
    CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description） 可以看到，所谓“Transparent Zero Copy”是通
  • Android中给Activity添加返回键 hotsunshine Activity
    // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) {
  • 静态页面传参 ctrain 静态
    $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &
  • Windows中查找某个目录下的所有文件中包含某个字符串的命令 daizj windows查找某个目录下的所有文件包含某个字符串
    findstr可以完成这个工作。   [html]  view plain copy   >findstr /s /i "string" *.*   上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
  • 改善程序代码质量的一些技巧 dcj3sjt126com 编程PHP重构
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：    尽量保持方法简短    尽管很多人都遵
  • SharedPreferences对数据的存储 dcj3sjt126com
    SharedPreferences简介：                                                   &nbs
  • linux复习笔记之bash shell (2) bash基础 eksliang bashbash shell
    转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale）  1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8"
  • Android零碎知识总结 gqdy365 android
    1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。 所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
  • HoverTree.Model.ArticleSelect类的作用 hvt Web.netC#hovertreeasp.net
    ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
  • PHP 判断是否使用代理 PHP Proxy Detector 天梯梦 proxy
    1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to
  • apache的math库中的回归——regression（翻译） lvdccyb Mathapache
    这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。 多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。   数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。   基本覆盖了：线代，统计，矩阵， 最优化理论 曲线拟合 常微分方程 遗传算法（GA）， 还有3维的运算。。。
  • 基础数据结构和算法十三：Undirected Graphs (2) sunwinner Algorithm
      Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
  • 云计算平台最重要的五项技术 sumapp 云计算云平台智城云
    云计算平台最重要的五项技术 1、云服务器 云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。 特性 机型丰富 通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作； 仅需要几分钟，根据CP
  • 《京东技术解密》有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。  12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下： 一等奖（两名） Microhardest：http://microhardest.ite
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他