liuxiang822
liuxiang822

导航鼠标特效

话不多说，先上html代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'navigation.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="css/style04/module/navigation.css">
	<script type="text/javascript" src="js/jquery1.4.js"></script>
	<script type="text/javascript" language="javascript" src="js/style04/navigation.js" charset="gb2312"></script>
  </head>
  
  <body>
    <div class="navigation">    	
    	<div class="navigation_left"></div>
    	<ul>
    	<li class="selected">网站首页</li>
    	<li >通知公告</li>
    	<li >平台介绍</li>
    	<li >成果资源</li>
    	<li >推荐专家</li>
    	<li >展会活动</li>
    	<li >政策法规</li>
    	<li >相关下载</li>
    	</ul>
    	<div class="navigation_text_right"></div>
    	<div id="Clock" class="navigation_right"></div>    	
    </div>
  </body>
</html>

 js代码：

function tick() {
	var dateString;
	var day = "";
	var month = "";
	var ampm = "";
	var ampmhour = "";
	var myweekday = "";
	var year = "";
	mydate = new Date();
	myweekday = mydate.getDay();
	mymonth = mydate.getMonth() + 1;
	myday = mydate.getDate();
	myyear = mydate.getYear();
	year = (myyear > 200) ? myyear : 1900 + myyear;
	if (myweekday == 0)
		weekday = "&nbsp;星期天";
	else if (myweekday == 1)
		weekday = "&nbsp;星期一 ";
	else if (myweekday == 2)
		weekday = "&nbsp;星期二";
	else if (myweekday == 3)
		weekday = "&nbsp;星期三";
	else if (myweekday == 4)
		weekday = "&nbsp;星期四";
	else if (myweekday == 5)
		weekday = "&nbsp;星期五";
	else if (myweekday == 6)
		weekday = "&nbsp;星期六";
	dateString = year + "年" + mymonth + "月" + myday + "日" + weekday;
	$("#Clock").html(dateString);
}
window.onload = tick;

$(function() {
	var $div_li = $(".navigation ul li");
	$div_li.click(function() {
		$(this).addClass("selected") //当前<li>元素高亮
				.siblings().removeClass("selected"); //去掉其它同辈<li>元素的高亮	            				
		}).hover(function() {
		$(this).addClass("hover");
	}, function() {
		$(this).removeClass("hover");
	})
})

 css代码：

@CHARSET "UTF-8";
.navigation{
	width:1000px;
	height:35px;
	background-image: url("../../../images/style04/module/navigation_bg.jpg");
	background-repeat: repeat-x;
}
.navigation_left{
	float:left;
	width:21px;
	height:35px;
	background-image: url("../../../images/style04/module/navigation_left.jpg");
	background-repeat: no-repeat;	
	background-position: left;
}
.navigation li{
	float:left;
	list-style: none;
	width:90px;
	height:35px;	
	font-size: 14px;
	line-height: 35px;
	font-weight: bold;
	color:#FFF;
	text-align: center;	
	cursor:pointer;
}
.navigation li.selected{
	float:left;
	list-style: none;
	width:90px;
	height:35px;
	background-image: url("../../../images/style04/module/navigation_text_bg.jpg");
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 35px;
	font-weight: bold;
	color:#823001;
	text-align: center;
}
.navigation li.hover{
	background:#DFDFDF;
}
.navigation_text_left{
	float:left;
	list-style: none;
	width:92px;
	height:35px;
	background-image: url("../../../images/style04/module/navigation_text_left.jpg");
	background-repeat: no-repeat;
	background-position: left;
	font-size: 14px;
	line-height: 35px;
	font-weight: bold;
	text-align: center;
	color:#FFF;
}
.navigation_text_left:hover{
	float:left;
	width:90px;
	height:35px;
	background-color:red;
	font-size: 14px;
	line-height: 35px;
	font-weight: bold;
	text-align: center;
	color:red;
}
.navigation_right{
	float:right;
	width:166px;
	height:35px;
	background-image: url("../../../images/style04/module/navigation_right.jpg");
	background-repeat: no-repeat;
	background-position: right;
	font-size: 13px;
	line-height: 35px;
	color:#FCFD86;
}
.navigation_text_right{
	float:left;
	width:45px;
	height:35px;
	background-image: url("../../../images/style04/module/navigation_text_left.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
 

你可能感兴趣的:(JavaScript,jsp,css,cache,公告)

  • FreeSWITCH入门到精通系列（五）：FreeSWITCH 脚本与自动化 黄宝良 freeswitchShell脚本C语言自动化junit单元测试实时音视频音视频
    FreeSWITCH脚本与自动化FreeSWITCH提供了多种脚本语言支持，如Lua、JavaScript、Python、Perl等，允许开发者自动化拨号、通话控制、事件处理等操作。本文将介绍FreeSWITCH支持的脚本语言、如何使用Lua进行自动化，并提供一个完整的自动外呼示例。1.FreeSWITCH脚本支持FreeSWITCH允许使用以下脚本语言编写自动化逻辑：语言模块适用场景Luamod
  • JavaScript |（四）正则表达式 | 尚硅谷JavaScript基础&实战 _Matthew Javascriptjavascript正则表达式开发语言
    学习来源：尚硅谷JavaScript基础&实战丨JS入门到精通全套完整版笔记来源：在这位大佬的基础上添加了一些东西，欢迎大家支持原创，大佬太棒了：JavaScript|（四）正则表达式|尚硅谷JavaScript基础&实战JavaScript|（四）正则表达式|尚硅谷JavaScript基础&实战❤️正则表达式JavaScript正则表达式（RegExp）基础1️⃣创建正则表达式✅方法1：使用`R
  • Node.js的工作原理：事件驱动与非阻塞I/O JJCTO袁龙 Node.jsnode.js
    在当今快速发展的互联网时代，Node.js以其独特的非阻塞I/O模型和事件驱动特性，逐渐成为后端开发中不可或缺的一部分。但许多开发者在初次接触Node.js时，常常对其工作原理存在困惑。本篇文章将深入探讨Node.js的核心机制，分析事件驱动和非阻塞I/O是如何协同工作的，并提供示例代码以加深理解。什么是Node.js？Node.js是一个基于ChromeV8引擎构建的JavaScript运行时。
  • html 运行css实现3D正方体旋转制作 金融小白数据分析之路 htmlcss3csshtml
    正方体旋转制作1.animation与keyframes配合使用keyframes可以控制动画序列的中间步骤。fromto的变化使用,相当于0%/from和100%/to,从什么变化到什么，加入中间的的过程的话可以设置0%25%100%等等。@keyframesslidein{from{transform:translateX(0%);}to{transform:translateX(100%);
  • html+css 实现hover 3D按钮特效 宝码香车 #html+css+js绚丽按钮htmlcss3d前端
    前言：哈喽，大家好，今天给大家分享html+css绚丽效果！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录一、效果二、原理解析1.这是一个，hover3D悬浮的按钮效果。每个按钮都是由5部分组成，a,a:before,a:after,i,span如下图。2.当按钮上有鼠标时，hover效果触发，运行==transition过渡动画
  • 内存泄漏以及ThreadLocal问题 ThisIsMirror javajvm
    内存泄漏：程序申请内存后，无法释放已经申请的内存，导致内存持续增长，引起系统性能下降。核心问题：该释放的内存，无法释放。常见内存泄漏场景：强引用一直未解除，当对象被强引用时，即使不再需要，也无法被GC回收。比如集合不断添加元素但未清理。publicclassLeakyService{privateListcache=newArrayList{ThreadLocaltl=newThreadLocal
  • 【Node.js】模块的加载机制详解 Peter-Lu #NodeJSnode.jsjavascript前端npm
    文章目录一、模块加载机制概述1.模块的定义2.模块类型二、模块的加载过程1.路径解析2.文件定位3.编译与缓存三、模块加载的深入解析1.模块的执行环境2.循环依赖3.自定义模块的加载路径四、CommonJS与ES6模块的差异五、总结Node.js是一个基于JavaScript的运行环境，支持服务端开发。其模块系统是构建复杂应用程序的核心功能之一。本文将详细介绍Node.js中的模块加载机制，帮助开
  • gradio调用多个CSS的HTML页 li_li_rui csshtml前端gradio大语言模型
    很多博客介绍的gradio读取html和css比较简单，如果要做很细致的前端页面优化，比如丰富的响应式的css+js，至少要有html+多个css，是暂不能实现的。bootstrap、font-awesome、jquery等方案一当然是直接更换html+css为主的部署方式，仅用gradio传回的数据，重新设计前端方案二可以考虑把多个css直接拼接后再生效，举例如下：1.原html404PageO
  • 【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽子凯哥 web安全学习安全CTF夺旗赛网络安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15
  • HoRain云--JavaScript逆向工程：破解Mytoken的请求参数 HoRain 云小助手 javascript开发语言ecmascript
    HoRain云小助手：个人主页⛺️生活的理想，就是为了理想的生活!⛳️推荐前些天发现了一个超棒的服务器购买网站，性价比超高，大内存超划算！忍不住分享一下给大家。点击跳转到网站。目录⛳️推荐JavaScript逆向工程：破解Mytoken的请求参数步骤1：捕获目标请求步骤2：定位关键JavaScript代码步骤3：动态调试代码步骤4：还原加密逻辑步骤5：验证与优化注意事项JavaScript逆向工程
  • 蓝桥杯web备赛---css篇 菥菥爱嘻嘻 蓝桥杯备赛前端蓝桥杯css
    2、CSS写在前面：css一定要掌握flex,grid以及position布局方式，另外之前考过文字溢出的问题，需要注意一下。position:sticky粘性定位记住要设置top:定位在什么位置，不然是不起作用的一些题目：文字溢出的问题：文字很多导致文字溢出，我们如下列设置就可以达到：显示2行，剩余的内容用省略号（…）替代.more2_info_name{overflow:hidden;text
  • 2025年主流测试框架趋势 lifewange Python自动化测试自动化
    1.单元测试框架Pythonunittest:内置库，适合简单测试。pytest:更灵活，支持参数化测试和插件扩展。JavaJUnit:行业标准，支持注解和断言。TestNG:支持并行测试和更复杂的测试配置。JavaScriptJest:Facebook出品，内置Mock和快照测试，适合React。Mocha:灵活，需搭配断言库（如Chai）。2.端到端（E2E）测试工具Web应用Selenium
  • js 获取指定月份的天数 &活在当下& javascript
    在JavaScript中，你可以使用Date对象来获取一个月有多少天。以下是一个示例函数，它接受年份和月份作为参数，并返回该月份的天数：functiongetDaysInMonth(year,month){returnnewDate(year,month,0).getDate();}//示例用法：constyear=2023;constmonth=9;//获取9月份的天数console.log(g
  • Java常用中间件（后续更新） m0_74824025 java中间件开发语言
    常用Java中间件总结目录引言什么是中间件常见的Java中间件1.消息队列中间件1.1RabbitMQ1.2ApacheKafka2.数据库中间件2.1MySQLProxy2.2Hibernate3.服务治理中间件3.1SpringCloud3.2Dubbo4.缓存中间件4.1Redis4.2Ehcache总结引言在现代软件开发中，中间件作为连接各个系统组件的基础，起到了至关重要的作用。特别是在J
  • 变量与数据类型：JavaScript 编程的基石 算法探索者 《JavaScript通关指南：从新手到高手的蜕变》javascript开发语言ecmascript
    在JavaScript编程的广袤世界里，变量与数据类型是构建一切程序的基础，犹如万丈高楼的基石。无论是简单的网页交互，还是复杂的后端服务，都离不开对变量和数据类型的熟练运用。本文将深入剖析JavaScript中的各种数据类型，讲解变量的声明和赋值方式，以及数据类型之间的转换方法，帮助读者筑牢JavaScript编程的根基。JavaScript的数据类型概览JavaScript拥有丰富的数据类型，大
  • 若依项目中使用redis做缓存，引入工具类 Ferry. 缓存redisspringboot
    文章目录1.导入坐标2.yml配置redis3.redis配置文件RedisConfig4.Redis使用FastJson序列化5.redis工具类RedisCache6.如何使用redis工具类1.导入坐标org.springframework.bootspring-boot-starter-data-redis2.yml配置redisredis:#地址host:localhost#端口，默认为
  • 第2章-01-网站中的资源介绍 黑夜开发者 Web爬虫入门与实战精讲网络爬虫pythonselenium网站资源
    作者简介，黑夜开发者，CSDN领军人物，全栈领域优质创作者✌，CSDN博客专家，阿里云社区专家博主，2023年CSDN全站百大博主。数年电商行业从业经验，历任核心研发工程师，项目技术负责人。本文已收录于专栏：Web爬虫入门与实战精讲，后续完整更新内容如下。文章目录网站资源概览1.HTML文档2.CSS样式表3.JavaScript脚本4.图片5.字体6.视频与音频文件总结网站资源概览一个现代网站，
  • 11-数据传输与加密解密技术详解：格式、算法与安全实践 只不过是胆小鬼罢了 网络安全基础入门安全密码学
    在现代Web开发与网络安全领域，数据传输与加密解密技术是保障数据安全和隐私的关键。本文将深入探讨数据传输格式、加密算法、密码存储、代码混淆等关键技术，结合实际案例与最佳实践，为开发者和安全从业者提供全面的指导。一、数据传输格式1.常见数据传输格式1.1JSONJSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成。JSON支
  • CSS盒子类型详解：让你一次搞懂内外显示类型 程序员
    CSS盒子类型详解：让你一次搞懂内外显示类型在CSS布局中，盒子类型常常让开发者感到困惑。今天，我们用简单的比喻来彻底理解这个概念。一、盒子的两个维度想象一个快递包裹：外部显示类型决定这个包裹如何在货架上摆放内部显示类型决定包裹里面的物品如何排列1.外部显示类型（OuterDisplayType）决定盒子与其他元素的关系/*区块盒子：独占一层货架*/.block-box{display:block
  • 12_JavaScript_实现日期 东东__net javascript开发语言
    目录newDate()常用方法getFullYear获取年getMonth获取月getDate获取日期getDay获取周几getHours获取小时getMinutes获取分钟getSeconds获取秒getTime获取到某个时间的毫秒数/时间戳每个获取的方法都有一个对应的设置方法获取时间差定时器作业js提供的内置的构造函数,专门用来获取时间的newDate()//在不传参数的情况下,默认返回当前时
  • 「React源码分析」一. React开源项目概览 英国大爷扫广场 2021SC@SDUSCnode.jshtml5react.js源码
    2021SC@SDUSCReact简介正如React项目官网所说，React是一个「用于构建用户界面的JavaScript库」。人们往往也会将React与Vue、Angular作为前端三大框架进行对比（但如今Angular的热度也越来越小了，而前两者的社区规模和热度仍在不断发展壮大）。React相对其他前端框架（说前端框架其实并不准确，因为React早已不再单纯地面向“前端”，本身也并不是所谓的“
  • 深入理解 React 架构从概览到核心机制 贵州数擎科技有限公司 react.js架构前端
    开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：github晓智元宇宙、数字孪生引擎、前端面试题大家好！我是[晓智]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
  • Tomcat相关的面试题 努力的搬砖人. java后端面试tomcat经验分享
    以下是150道Tomcat相关的面试题，涵盖了Tomcat的基础概念、配置管理、部署运行、性能调优、安全机制、日志管理、集群与负载均衡、与其他技术的结合等方面，希望对你有所帮助。Tomcat基础概念1.什么是Tomcat？它的主要功能和特点是什么？Tomcat是Apache软件基金会开发的一款开源的Servlet容器，它实现了JavaServlet和JavaServerPages(JSP)技术规范
  • 使用CSS3实现炫酷的3D视差滚动效果 木木黄木木 css33d前端
    使用CSS3实现炫酷的3D视差滚动效果这里写目录标题使用CSS3实现炫酷的3D视差滚动效果项目概述核心技术实现1.3D空间的创建2.视差层级设置3.动画效果实现流星动画月亮发光效果技术难点与解决方案1.层级重叠问题2.性能优化3.响应式适配开发心得总结项目概述在这个项目中，我们使用纯CSS3技术实现了一个令人印象深刻的3D视差滚动效果。整个页面包含星空背景、流星、月亮、山脉和树木等多个图层，通过不
  • html5炫酷3D数字时钟项目开发实践 木木黄木木 html5前端html53d前端
    炫酷3D数字时钟项目开发实践这里写目录标题炫酷3D数字时钟项目开发实践项目概述技术栈核心技术实现1.3D翻转效果实现2.数字显示与翻转动画3.霓虹灯发光效果4.时间更新逻辑技术难点与解决方案1.3D翻转动画的流畅性2.数字更新的同步性3.发光效果的性能优化项目总结项目改进方向项目概述这是一个基于HTML5、CSS3和JavaScript实现的3D数字时钟项目。项目的主要特点是通过3D翻转动画来展示
  • Unocss 和 Tailwindcss 对比 shaoin_2 学习心得前端
    Unocss和TailwindCSS都是实用的CSS框架，帮助开发者快速构建用户界面，但它们在设计理念、功能和使用方式上有明显区别。1.设计理念TailwindCSS:提供大量预定义的实用类，通过组合这些类实现样式，强调实用性和灵活性。Unocss:更注重按需生成样式，动态生成所需的CSS类，减少冗余代码，提升性能。2.按需生成TailwindCSS:生成大量预定义类，可能导致未使用的CSS代码，
  • 控制CSS中的继承：灵活管理样式传递 vvilkim csscss前端
    在CSS中，继承是一种强大的机制，它允许子元素自动获取父元素的某些样式属性。然而，并非所有场景都希望样式被继承，有时我们需要更精细地控制样式的传递。本文将深入探讨如何在CSS中控制继承，帮助你更好地管理样式。什么是CSS继承？CSS继承是指某些样式属性会自动从父元素传递到子元素。例如，color、font-family、font-size等属性默认是继承的。这意味着，如果你为父元素设置了color
  • 红宝书第九讲：JavaScript对象创建与属性描述符详解 前端javascript
    红宝书第九讲：JavaScript对象创建与属性描述符详解资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、对象创建的三种方式JavaScript中创建对象主要有以下方式：1.对象字面量（直接创建）直接在代码中写键值对：letperson={name:"Alice",age:25};2.构造函数（new关键字）1通过构造函数创建对象实例：functionPers
  • CSS居中 旺代 css前端
    目录一、水平居中方案1.行内/行内块元素2.块级元素（固定宽度）3.Flex布局4.Grid布局二、垂直居中方案1.单行文本/行内元素2.表格单元格特性3.Flex布局4.Grid布局5.绝对定位（已知高度）三、水平垂直同时居中1.Flex布局（推荐）2.Grid布局（推荐）3.绝对定位+Transform（未知尺寸）4.绝对定位+Margin（已知尺寸）5.表格布局四、方案对比与选型建议五、最佳
  • CSS圣杯布局与双飞翼布局 旺代 css前端
    目录一、圣杯布局（HolyGrailLayout）1.核心特点2.实现步骤3.优点与缺点二、双飞翼布局（DoubleWingsLayout）1.核心特点2.实现步骤3.优点与缺点三、圣杯布局vs双飞翼布局四、现代替代方案（Flexbox和Grid）1.Flexbox实现三栏布局2.Grid实现三栏布局五、总结一、圣杯布局（HolyGrailLayout）1.核心特点三栏结构：左栏（固定宽度）、中间
  • html 周华华 html
    js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
  • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
    Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
  • make:cc 命令未找到解决方法 daizj linux命令未知make cc
    安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
  • Oracle之Job应用 周凡杨 oracle job
    最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
  • 多线程机制 朱辉辉33 多线程
    转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
  • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
    FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
  • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
    Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
  • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
    原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
  • javascript 中var提升的典型实例 alxw4616 JavaScript
    // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
  • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
    定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
  • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
    JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
  • http认证原理和https bijian1013 httphttps
    一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
  • 【Java范型五】范型继承 bit1129 java
    定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
  • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
    1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
  • lua 遍历Header头部 ronin47 lua header 遍历　
    local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
  • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
    import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
  • redis 开窍的石头 redis
    在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
  • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
          无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
  • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
    这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
  • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
    SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
  • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
    在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
  • php包管理工具推荐 dcj3sjt126com PHPComposer
    http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
  • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
    转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
  • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
    在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
  • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
      归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
  • iOS UIWebView URL拦截 啸笑天 UIWebView
    本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
  • 索引的碎片整理SQL语句 macroli sql
    SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
  • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
    // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
  • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
    最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
  • struts2.xml wuai struts
    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他