相信神话2021
相信神话2021

CSS+Javascript+Html日历控件

最近，因需要用HTML+JAVASCRIPT+CSS实现了一个日历控件，效果如下：
CSS+Javascript+Html日历控件_第1张图片
单击上月、下月进行日历切换。当前日期在日历中变颜色标注显示。还是老老套路、老方法，分HML+CSS+JAVASCRIPT三部分代码。

一、html代码

<h1>学习计划h1>	
	<div class="month">      
	  <ul>
	    <li class="prev"><上月li>
	    <li class="next">下月>li>
	    <li style="text-align:center"><span id="monthbox">10月span><br>
	      <span style="font-size:18px" id="yearbox">2023年span>
	    li>
	  ul>
	div>
	
	<ul class="weekdays">
	  <li>星期一li>
	  <li>星期二li>
	  <li>星期三li>
	  <li>星期四li>
	  <li>星期五li>
	  <li>星期六li>
	  <li>星期日li>
	ul>	
	<ul class="days">ul>

这段代码主要包含三个部分，一是头部显示年月，上月、下月切换按钮；二是显示星期一到日；三是日期容器，存在日期。

二、CSS代码

* {box-sizing:border-box;}
		ul {list-style-type: none;}
		body {font-family: Verdana,sans-serif;}		
		.month {padding: 70px 25px;width: 100%;background: #1abc9c;}		
		.month ul {margin: 0;padding: 0;}		
		.month ul li {color: white;font-size: 20px;text-transform: uppercase;letter-spacing: 3px;}		
		.month .prev {float: left;padding-top: 10px;cursor: pointer;}		
		.month .next {float: right;padding-top: 10px;cursor: pointer;}		
		.weekdays {margin: 0;padding: 10px 0;background-color: #ddd;}		
		.weekdays li {display: inline-block;width: 13.6%;color: #666;text-align: center;}		
		.days {padding: 10px 0;background: #eee;margin: 0;}		
		.days li {list-style-type: none;display: inline-block;width: 13.6%;text-align: center;margin-bottom: 5px;font-size:12px;color: #777;}		
		.days li .active {padding: 5px;background: #1abc9c;color: white !important}		
		/* Add media queries for smaller screens */
		@media screen and (max-width:720px) {.weekdays li, .days li {width: 13.1%;}}		
		@media screen and (max-width: 420px) {.weekdays li, .days li {width: 12.5%;} .days li .active {padding: 2px;}}
		@media screen and (max-width: 290px) {.weekdays li, .days li {width: 12.2%;}}

这段代码主要定义了日历的样式，一个主要的方法简述如下：

  1. box-sizing：border-box;就是将border和padding数值包含在width和height之内，这样的好处就是修改border和padding数值盒子的大小不变。
  2. @media screen and (max-width:720px) 。表示当浏览器的可视区域小于720px时候，执行。

三、Javascript代码

<script type="text/javascript">
	     var currentDate=new Date();
		function showDateList(){
			let year = currentDate.getFullYear();
			let month = currentDate.getMonth()+1;
			let date = currentDate.getDate();
			let firstWeekDay = new Date(year,month-1,1).getDay();
			let monthDays = new Date(year,month,0).getDate();
			let str="";
			let daylength = monthDays+firstWeekDay-1;
			let startDay = firstWeekDay-1
			if(firstWeekDay==0) {
				daylength =monthDays+6;
				startDay=6;
			}
			for (var i = 0; i <daylength ; i++) {
				if(i<startDay)
				{
					str +="
  • "    
				}
				else
				{
					let today = new Date();
					let todate =(i-startDay+1);
					console.log(date)
					if(year == today.getFullYear() && month == today.getMonth()+1 &&todate== today.getDate())
					{
						str +="
  • "+todate+"
    • "    ;
					}
					else{
						str +="
  • "+todate+"
    • "    ;
					}					
				}
			}
			document.querySelector("#monthbox").innerHTML=month+"月";
			document.querySelector("#yearbox").innerHTML=year+"年";
			document.querySelector(".days").innerHTML=str;
		}
		showDateList();
		document.querySelector(".next").onclick= function(){
			currentDate.setMonth(currentDate.getMonth() + 1);
			showDateList();
		}
		document.querySelector(".prev").onclick= function(){
			currentDate.setMonth(currentDate.getMonth() - 1);
			showDateList();
		}
	</script>

    此段代码实现了当月日历情况，单击上月、下月进行月份切换。
    这样我们的日历就成型了，完整代码如下，请参考：

    DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>title>
	<style>
		* {box-sizing:border-box;}
		ul {list-style-type: none;}
		body {font-family: Verdana,sans-serif;}
		
		.month {padding: 70px 25px;width: 100%;background: #1abc9c;}		
		.month ul {margin: 0;padding: 0;}		
		.month ul li {color: white;font-size: 20px;text-transform: uppercase;letter-spacing: 3px;}		
		.month .prev {float: left;padding-top: 10px;cursor: pointer;}		
		.month .next {float: right;padding-top: 10px;cursor: pointer;}		
		.weekdays {margin: 0;padding: 10px 0;background-color: #ddd;}		
		.weekdays li {display: inline-block;width: 13.6%;color: #666;text-align: center;}		
		.days {padding: 10px 0;background: #eee;margin: 0;}		
		.days li {list-style-type: none;display: inline-block;width: 13.6%;text-align: center;margin-bottom: 5px;font-size:12px;color: #777;}		
		.days li .active {padding: 5px;background: #1abc9c;color: white !important}		
		/* Add media queries for smaller screens */
		@media screen and (max-width:720px) {.weekdays li, .days li {width: 13.1%;}}		
		@media screen and (max-width: 420px) {.weekdays li, .days li {width: 12.5%;} .days li .active {padding: 2px;}}
		@media screen and (max-width: 290px) {.weekdays li, .days li {width: 12.2%;}}
	style>
    
head>
<body>
	
	<h1>学习计划h1>	
	<div class="month">      
	  <ul>
	    <li class="prev"><上月li>
	    <li class="next">下月>li>
	    <li style="text-align:center"><span id="monthbox">10月span><br>
	      <span style="font-size:18px" id="yearbox">2023年span>
	    li>
	  ul>
	div>
	
	<ul class="weekdays">
	  <li>星期一li>
	  <li>星期二li>
	  <li>星期三li>
	  <li>星期四li>
	  <li>星期五li>
	  <li>星期六li>
	  <li>星期日li>
	ul>	
	<ul class="days">ul>	
	<script type="text/javascript">
	     var currentDate=new Date();
		function showDateList(){
			let year = currentDate.getFullYear();
			let month = currentDate.getMonth()+1;
			let date = currentDate.getDate();
			let firstWeekDay = new Date(year,month-1,1).getDay();
			let monthDays = new Date(year,month,0).getDate();
			let str="";
			let daylength = monthDays+firstWeekDay-1;
			let startDay = firstWeekDay-1
			if(firstWeekDay==0) {
				daylength =monthDays+6;
				startDay=6;
			}
			for (var i = 0; i <daylength ; i++) {
				if(i<startDay)
				{
					str +="
  • "    
				}
				else
				{
					let today = new Date();
					let todate =(i-startDay+1);
					console.log(date)
					if(year == today.getFullYear() && month == today.getMonth()+1 &&todate== today.getDate())
					{
						str +="
  • "+todate+"
    • "    ;
					}
					else{
						str +="
  • "+todate+"
    • "    ;
					}
					
				}
			}
			document.querySelector("#monthbox").innerHTML=month+"月";
			document.querySelector("#yearbox").innerHTML=year+"年";
			document.querySelector(".days").innerHTML=str;
		}
		showDateList();
		document.querySelector(".next").onclick= function(){
			currentDate.setMonth(currentDate.getMonth() + 1);
			showDateList();
		}
		document.querySelector(".prev").onclick= function(){
			currentDate.setMonth(currentDate.getMonth() - 1);
			showDateList();
		}
	    script>	
body>
html>

    你可能感兴趣的:(css,JavaScript,css,javascript,html)

    • main函数的argc与arg 某风吾起 work
      原文地址：https://www.cnblogs.com/dongry/p/10729892.htmlＣ语言中main函数的参数有两个,这两个参数写为argc和argv.因此,main函数的函数头可写为:main(argc,argv);Ｃ语言还规定argc(第一个形参)必须是整型变量,argv(第二个形参)必须是指向字符串的指针数组。加上形参说明后，main函数的函数头应写为：intmain(in
    • CSS flex-shrink 属性 shengyin714959 笔记csscss3前端
      实例A,B,C设置flex-shrink:1，D,E设置为flex-shrink:2：菜鸟教程(runoob.com)#content{display:flex;width:500px;}#contentdiv{flex-basis:120px;border:3pxsolidrgba(0,0,0,.2);}.box{flex-shrink:1;}.box1{flex-shrink:2;}div总宽
    • css使用flex-shrink调整flex布局超出宽度 crayon-shin-chan surprise#csscss
      1.简介flex-shrink属性指定了flex元素的收缩规则。flex-shrink仅在flex布局的子元素中起作用flex元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的依据是flex-shrink的值。相反的，flex-grow定义了子元素的扩展比例，在默认宽度之和小于容器宽度时发生扩展。2.使用.container{overflow-x:scroll;overflow-y:hidd
    • 从Java视角理解JavaScript中的axios与Promise的协作机制 蒸只小鱼 javajavascript开发语言
      从Java视角理解JavaScript中的axios与Promise的协作机制下面的内容仅仅从平时使用axiso和promise的层面上出发，和实际的运行机理出入很大，纯纯自圆其说，大家看个乐呵就行axios是异步发送请求的，简单来说，其会单独开一个线程去执行发送请求的代码，那么在这个单独开辟出的线程中，发送请求后必然能够阻塞等待到结果（结果好坏均有可能）。另外，似乎这个线程的内部的执行逻辑还有p
    • DOM容器 zczlsy11 React源码原理javascript开发语言ecmascript
      DOM容器（DOMContainer）是React应用中用于挂载和渲染组件树的实际DOM元素。它是React虚拟DOM和浏览器实际DOM之间的桥梁。React会将组件树渲染到DOM容器中，从而在页面上显示出来。DOM容器的定义在React中，DOM容器通常是一个普通的HTML元素（例如div、span等），它作为React应用的根节点。React会将整个组件树渲染到这个容器中。例如：在这个例子中，
    • React-Route的使用 zczlsy11 reactreact.jsjavascript前端
      申明式声明路由}/>}/>}/>}/>}>}/>}/>}/>}/>}/>}/>BrowserRouterBrowserRouter是ReactRouter提供的一个组件，利用HTML5的历史API来保持用户界面（UI）与URL的同步。下面详细解释这一机制是如何实现的。实现原理1.HTML5HistoryAPIBrowserRouter主要依赖于HTML5的history对象，该对象提供了以下几个重
    • 第二章：基础概念精讲 - 第五节 - Tailwind CSS Flex 和 Grid 布局实战
      Flex布局基础1.Flex容器设置Item1Item2Item3行布局列布局允许换行禁止换行2.主轴对齐左对齐居中对齐右对齐两端对齐环绕对齐均匀对齐3.交叉轴对齐顶部对齐居中对齐底部对齐拉伸对齐基线对齐Flex实战案例1.导航栏布局首页产品服务关于登录2.卡片网格布局卡片标题卡片描述内容Grid布局基础1.Grid容器设置Item1Item2Item32.网格列配置跨越4列跨越8列Grid实战案
    • 第三章：组件开发实战 - 第一节 - Tailwind CSS 常用UI组件构建
      基础按钮组件1.按钮样式变体基础按钮轮廓按钮小按钮大按钮禁用按钮2.图标按钮添加表单组件1.输入框用户名2.下拉选择框选项1选项2选项3选项1选项2卡片组件1.基础卡片卡片标题卡片描述内容2.功能卡片促销产品名称产品描述¥99.00加入购物车导航组件1.顶部导航栏首页产品关于2.侧边导航控制面板仪表盘提示和对话框1.消息提示操作成功！出现错误！2.模态对话框确认操作确定要执行此操作吗？取消确定最佳
    • 掌握 PageForge 扩展：从基础应用到深度开发 静态网站
      在现代网页设计中，交互元素是提升用户体验的关键。开关（Switch）作为一种直观的交互控件，广泛应用于设置项、特性切换和状态控制等场景。本教程将详细介绍如何在PageForge中使用开关组件，帮助您打造更具交互性的文档和网站。!!!note这里我们使用开关组件来讲解。!!!1.开关组件简介PageForge的开关组件基于TailwindCSS构建，提供了美观且可高度自定义的UI控件。与传统的复选框
    • H5播放webrtc视频 视频处理html5
      一、简介WebRTC概念WebRTC是由Google主导的，由一组标准、协议和JavaScriptAPI组成，用于实现浏览器之间（端到端之间）的音频、视频及数据共享。WebRTC不需要安装任何插件，通过简单的JavaScriptAPI就可以使得实时通信变成一种标准功能。为什么使用webrtc现在各大浏览器以及终已经逐渐加大对WebRTC技术的支持。下图是webrtc官网给出的现在已经提供支持了的浏
    • Manus：颠覆 AI 代理的新时代
      ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Manus，这款突破性的AI代理，近期在科技界掀起了巨大波澜。它由中国AI初创公司Monica开发，并于2025年3月初正式亮相。在联合创始人兼首席科学家Yichao“Peak”Ji的演示视频中，Manus展现了其强大的自动化执行能力。这个AI代理的名字来源于拉丁语“Manus”，意为“手”，寓意它能充当用
    • 180.HTML、CSS、JavaScript 我也念过晚霞 htmlcssjavascript
      ———————————————————————————————【1.引言】在Android开发过程中，前端技术（HTML、CSS、JavaScript）逐渐成为不可或缺的技能之一。无论是通过WebView显示网页内容，还是构建混合应用，掌握前端基础将有助于提升整体产品体验。本文在保证内容全面性的前提下，剔除了多余的推荐信息，直接进入技术核心讲解。通过详细介绍HTML、CSS与JavaScript的
    • uniapp bug解决：uniapp文件查找失败:‘uview-ui‘ at main.js:14 奶糖 肥晨 uniappuni-appbugui
      文章目录报错内容解决方法`main.js`文件中uView主JS库引入uView的全局`SCSS`主题文件内容修改引入uView基础样式内容修改配置`easycom`内容修改报错内容10:50:51.795文件查找失败：'uview-ui'atmain.js:1410:59:39.570正在差量编译...10:59:43.213文件查找失败：'uview-ui'atmain.js:1410:59:
    • 如何在PHP中实现表单处理？ 破碎的天堂鸟 PHP学习php开发语言
      在PHP中实现表单处理涉及多个关键步骤，包括表单创建、数据接收、验证、处理及存储。以下是详细实现指南，结合了最佳实践和安全措施：一、表单处理基本流程PHP表单处理的核心流程包括以下步骤：创建HTML表单：定义输入字段和提交方式。提交数据：通过POST或GET方法发送数据。接收数据：使用超全局变量$_POST或$_GET获取数据。验证数据：检查数据的合法性、完整性和安全性。处理数据：存储到数据库、发
    • 最新（四）Django学习——模板标签定义及语法：for循环 2301_82243493 程序员django学习状态模式
      fromdjango.contribimportadminfromdjango.urlsimportpathfrom.importviewsurlpatterns=[#子路由path(‘test01/’,views.test01),path(‘sing/’,views.sing,{“name”:“小明”,“age”:18},name=“bb”),]②对应的前端html模板文件test02.html
    • Ubuntu设置笔记本电脑合盖时不挂起 萌新程序猿~ MISCubuntu电脑linux
      有些情况需要我们的笔记本在关闭盖子后，依然需要维持正常工作，而不是挂起或休眠。在Ubuntu默认的设置中，无法设置关闭盖子的操作，因此需要手动修改配置文件参考文件：https://linux.cn/article-15015-1.html更改登录配置打开/etc/systemd/logind.conf文件，如果没有则创建此文件文件中通常有如下内容[Login]#NAutoVTs=6#Reserve
    • 如何禁用移动端页面的多点触控和手势缩放 几度泥的菜花 javascript前端
      在移动端开发中，有时我们需要禁用页面的多点触控和手势缩放功能，以确保页面的交互体验更加可控。本文将介绍如何通过JavaScript和CSS实现这一功能。1.禁用多点触控在移动设备上，多点触控通常用于缩放页面或执行其他手势操作。如果我们希望禁用多点触控，可以通过监听touchstart事件来实现。document.addEventListener('touchstart',function(even
    • 优化网页性能：利用onpageshow事件实现页面状态刷新 几度泥的菜花 javascript前端
      在网页开发中，优化页面性能是至关重要的一环。一个常见的问题是，当用户使用浏览器的后退按钮或者前进按钮导航页面时，页面可能会从浏览器的缓存中恢复，而不会触发页面的重新加载，导致页面状态可能不正确。为了解决这个问题，可以利用浏览器提供的onpageshow事件来检测页面是否是从缓存中恢复的，并在需要时手动刷新页面状态。在JavaScript中，可以监听window对象的onpageshow事件，该事件
    • vue项目中使用容器el-container无法铺满屏幕 白小水i vue.js前端javascript
      step1.让body，html铺满整个屏幕body,#app{height:100vh;margin:0;padding:0;width:100vw;}step2.让container容器铺满屏幕.el-container{padding:0;margin:0;height:100vh;width:100vw;}
    • element--el-table添加合计后固定列x轴滚动条无法滚动问题 冯浩(grow up) elementelement-plusvue.js前端javascript
      效果图改变固定列滚轮高度问题解决文章解决方案使用到的参数pointer-events属性用来控制一个元素能否响应鼠标操作，常用的关键字有auto和nonepointer-events:none;让一个元素忽略鼠标操作pointer-events:auto;还原浏览器设定的默认行为代码演示添加class添加css样式:deep.tableData{//滚动条高度调整::-webkit-scrollb
    • 用python做一个简单的可以调用手机摄像头进行车牌识别的H5页面 mosquito_lover1 python计算机视觉
      步骤和工具：1.后端：使用Python的Flask框架来处理HTTP请求和响应。2.前端：使用HTML5和JavaScript来访问手机摄像头并捕获图像。3.车牌识别：使用OpenCV和TesseractOCR库来进行车牌识别。步骤1：设置Flask后端首先，安装Flask和其他必要的Python库：pipinstallflaskopencv-pythonpytesseract然后，创建一个简单的
    • element ui 中 Cascader 级联选择器实现 动态加载 动态禁用 入门_cascader动态加载(2) 2401_84619606 程序员前端面试学习
      专业技能一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题HTML+CSSJavaScript前端框架前端性能优化前端监控模块化+项目构建代码管理信息安全网络协议浏览器算法与数据结构团队管理开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】最近得空把之前遇到的面试题做了一个整理，包括我本人自己
    • 基于HTML5与CSS的青花瓷网站静态网页设计论文 IT实战课堂—x小凡同学 Java毕业设计项目html5css前端
      一、引言随着网络技术的快速发展，互联网已成为人们获取信息、交流思想的重要平台。在众多的网站中，具有独特文化魅力的网站总能吸引人们的目光。青花瓷，作为中国传统文化的瑰宝，其独特的色彩和造型深受人们喜爱。因此，设计一个以青花瓷为主题的网站，不仅能展示中国传统文化的魅力，还能为人们提供一个了解和学习青花瓷的平台。本文旨在探讨基于HTML5和CSS的青花瓷网站静态网页的设计与实践。二、需求分析在设计青花瓷
    • Vue-Vant YY小怪兽 Vue常用框架vue.js前端javascript
      详情可见1.什么是Vant?在使用MintUI的过程中发现有很多的坑,所以个人不推荐在移动端中选择MintUIVant是有赞前端开发团队又推出的一款基于Vue的移动端UI框架大白话:和Bootstrap一样对原生的HTML标签进行了封装,进行了美化,让我们能够专注于业务逻辑而不是UI界面2.Vant使用https://youzan.github.io/vant/#/zh-CN/intro（1）通过
    • Permute 3 for mac(全能媒体格式转换器)v3.11.4中文版 不知名女娃 macos
      Permute3功能介绍Permute3是Macos上一款全能媒体格式转换器，能轻松转换视频、音乐和图像，非常便捷，Permutemac版还支持批量文件转换处理。Permute3formac(全能媒体格式转换器)软件地址https://www.macv.com/mac/75.html?id=Mzc1MjAz易于使用从头开始构建，Permute是Mac应用程序的完美示例。凭借华丽的界面和拖放简单，无
    • css动画实现铃铛效果 木心操作 CSScss前端css3
      代码*,*::after,*::before{margin:0;padding:0;box-sizing:border-box;}body{width:100%;height:100vh;background-color:#1d1d1d;display:flex;justify-content:center;align-items:center;}.notification{width:200px
    • JavaScript数据类型转换 難釋懷 javascript开发语言
      在JavaScript编程中，由于其动态类型特性，经常需要在不同的数据类型之间进行转换。正确地执行类型转换不仅能够避免潜在的错误，还能提高代码的灵活性和可维护性。本文将探讨JavaScript中的常见数据类型转换方法，并提供一些实用的例子来帮助你更好地理解和应用这些技术。一、隐式类型转换JavaScript在某些情况下会自动进行类型转换，这种转换被称为隐式类型转换或强制类型转换。虽然方便，但有时也
    • jQuery 三 jQuery事件注册、处理、绑定on()、解绑 off()、自动触发事件 trigger() ；事件对象——阻止冒泡、默认行为 ；对象拷贝extend；多库共存，插件，本地存储案例 Hyman-ya jQueryjavascript
      1.jQuery事件注册语法：element.事件(function(){事件处理程序})1.单个事件注册$("div").click(function(){$(this).css("background","purple");});$("div").mouseenter(function(){$(this).css("background","skyblue");});其他事件和原生基本一致。比
    • p5.js：模拟 n个彩色小球在一个3D大球体内部弹跳 belldeep javascriptjavascript3dp5.jsspherebranch
      向豆包提问：编写一个p5.js脚本，模拟42个彩色小球在一个3D大球体内部弹跳。每个小球都应留下一条逐渐消失的轨迹。大球体应缓慢旋转，并显示透明的轮廓线。请确保实现适当的碰撞检测，使小球保持在球体内部。cdp5-democopy.\node_modules\p5\lib\p5.min.js.编写p5_3d_42_balls.html如下3DBouncingBallsinSphereletballs
    • 【K8S问题系列 | 10】在K8S集群怎么查看各个pod占用的资源大小？【已解决】 颜淡慕潇 kubernetes容器云原生后端问题解决
      要查看Kubernetes集群中各个Pod占用的资源大小（包括CPU和内存），可以使用以下几种方法：1.使用kubectltop命令kubectltop命令可以快速查看当前Pod的CPU和内存使用情况。需要确保已安装并配置了MetricsServer。查看所有Pod的资源使用情况kubectltoppods--all-namespaces示例输出NAMESPACENAMECPU(cores)MEM
    • redis学习笔记——不仅仅是存取数据 Everyday都不同 returnSourceexpire/delincr/lpush数据库分区redis
      最近项目中用到比较多redis，感觉之前对它一直局限于get/set数据的层面。其实作为一个强大的NoSql数据库产品，如果好好利用它，会带来很多意想不到的效果。（因为我搞java，所以就从jedis的角度来补充一点东西吧。PS：不一定全，只是个人理解，不喜勿喷）   1、关于JedisPool.returnSource(Jedis jeids)   这个方法是从red
    • SQL性能优化-持续更新中。。。。。。 atongyeye oraclesql
      1 通过ROWID访问表--索引 你可以采用基于ROWID的访问方式情况,提高访问表的效率, , ROWID包含了表中记录的物理位置信息..ORACLE采用索引(INDEX)实现了数据和存放数据的物理位置(ROWID)之间的联系. 通常索引提供了快速访问ROWID的方法,因此那些基于索引列的查询就可以得到性能上的提高. 2 共享SQL语句--相同的sql放入缓存 3 选择最有效率的表
    • [JAVA语言]JAVA虚拟机对底层硬件的操控还不完善 comsci JAVA虚拟机
           如果我们用汇编语言编写一个直接读写CPU寄存器的代码段，然后利用这个代码段去控制被操作系统屏蔽的硬件资源，这对于JVM虚拟机显然是不合法的，对操作系统来讲，这样也是不合法的，但是如果是一个工程项目的确需要这样做，合同已经签了，我们又不能够这样做，怎么办呢？ 那么一个精通汇编语言的那种X客，是否在这个时候就会发生某种至关重要的作用呢？ &n
    • lvs- real 男人50 LVS
      #!/bin/bash # # Script to start LVS DR real server. # description: LVS DR real server # #.  /etc/rc.d/init.d/functions VIP=10.10.6.252 host='/bin/hostname' case "$1" in sta
    • 生成公钥和私钥 oloz DSA安全加密
      package com.msserver.core.util; import java.security.KeyPair; import java.security.PrivateKey; import java.security.PublicKey; import java.security.SecureRandom; public class SecurityUtil {
    • UIView 中加入的cocos2d，背景透明 374016526 cocos2dglClearColor
      要点是首先pixelFormat:kEAGLColorFormatRGBA8，必须有alpha层才能透明。然后view设置为透明glView.opaque = NO;[director setOpenGLView:glView];[self.viewController.view setBackgroundColor:[UIColor clearColor]];[self.viewControll
    • mysql常用命令 香水浓 mysql
      连接数据库 mysql -u troy -ptroy 备份表 mysqldump -u troy -ptroy mm_database mm_user_tbl > user.sql 恢复表（与恢复数据库命令相同） mysql -u troy -ptroy mm_database < user.sql 备份数据库 mysqldump -u troy -ptroy
    • 我的架构经验系列文章 - 后端架构 - 系统层面 agevs JavaScriptjquerycsshtml5
      系统层面： 高可用性 所谓高可用性也就是通过避免单独故障加上快速故障转移实现一旦某台物理服务器出现故障能实现故障快速恢复。一般来说，可以采用两种方式，如果可以做业务可以做负载均衡则通过负载均衡实现集群，然后针对每一台服务器进行监控，一旦发生故障则从集群中移除；如果业务只能有单点入口那么可以通过实现Standby机加上虚拟IP机制，实现Active机在出现故障之后虚拟IP转移到Standby的快速
    • 利用ant进行远程tomcat部署 aijuans tomcat
      在javaEE项目中，需要将工程部署到远程服务器上，如果部署的频率比较高，手动部署的方式就比较麻烦，可以利用Ant工具实现快捷的部署。这篇博文详细介绍了ant配置的步骤（http://www.cnblogs.com/GloriousOnion/archive/2012/12/18/2822817.html），但是在tomcat7以上不适用，需要修改配置，具体如下： 1.配置tomcat的用户角色
    • 获取复利总收入 baalwolf 获取
             public static void main(String args[]){         int money=200;         int year=1;         double rate=0.1; &
    • eclipse.ini解释 BigBird2012 eclipse
      大多数java开发者使用的都是eclipse，今天感兴趣去eclipse官网搜了一下eclipse.ini的配置，供大家参考，我会把关键的部分给大家用中文解释一下。还是推荐有问题不会直接搜谷歌，看官方文档，这样我们会知道问题的真面目是什么，对问题也有一个全面清晰的认识。 Overview 1、Eclipse.ini的作用 Eclipse startup is controlled by th
    • AngularJS实现分页功能 bijian1013 JavaScriptAngularJS分页
              对于大多数web应用来说显示项目列表是一种很常见的任务。通常情况下，我们的数据会比较多，无法很好地显示在单个页面中。在这种情况下，我们需要把数据以页的方式来展示，同时带有转到上一页和下一页的功能。既然在整个应用中这是一种很常见的需求，那么把这一功能抽象成一个通用的、可复用的分页（Paginator）服务是很有意义的。   &nbs
    • [Maven学习笔记三]Maven archetype bit1129 ArcheType
      archetype的英文意思是原型，Maven archetype表示创建Maven模块的模版，比如创建web项目，创建Spring项目等等.   mvn archetype提供了一种命令行交互式创建Maven项目或者模块的方式，   mvn archetype   1.在LearnMaven-ch03目录下，执行命令mvn archetype:gener
    • 【Java命令三】jps bit1129 Java命令
      jps很简单，用于显示当前运行的Java进程，也可以连接到远程服务器去查看   [hadoop@hadoop bin]$ jps -help usage: jps [-help] jps [-q] [-mlvV] [<hostid>] Definitions: <hostid>: <hostname>[:
    • ZABBIX2.2 2.4 等各版本之间的兼容性 ronin47
      zabbix更新很快，从2009年到现在已经更新多个版本，为了使用更多zabbix的新特性，随之而来的便是升级版本，zabbix版本兼容性是必须优先考虑的一点 客户端AGENT兼容 zabbix1.x到zabbix2.x的所有agent都兼容zabbix server2.4：如果你升级zabbix server，客户端是可以不做任何改变，除非你想使用agent的一些新特性。 Zabbix代理（p
    • unity 3d还是cocos2dx哪个适合游戏？ brotherlamp unity自学unity教程unity视频unity资料unity
      unity 3d还是cocos2dx哪个适合游戏？ 问：unity 3d还是cocos2dx哪个适合游戏？ 答：首先目前来看unity视频教程因为是3d引擎，目前对2d支持并不完善，unity 3d 目前做2d普遍两种思路，一种是正交相机，3d画面2d视角，另一种是通过一些插件，动态创建mesh来绘制图形单元目前用的较多的是2d toolkit，ex2d，smooth moves，sm2，
    • 百度笔试题：一个已经排序好的很大的数组，现在给它划分成m段，每段长度不定，段长最长为k，然后段内打乱顺序，请设计一个算法对其进行重新排序 bylijinnan java算法面试百度招聘
      import java.util.Arrays; /** * 最早是在陈利人老师的微博看到这道题： * #面试题#An array with n elements which is K most sorted，就是每个element的初始位置和它最终的排序后的位置的距离不超过常数K * 设计一个排序算法。It should be faster than O(n*lgn)。
    • 获取checkbox复选框的值 chiangfai checkbox
      <title>CheckBox</title> <script type = "text/javascript"> doGetVal: function doGetVal() { //var fruitName = document.getElementById("apple").value;//根据
    • MySQLdb用户指南 chenchao051 mysqldb
      原网页被墙，放这里备用。 MySQLdb User's Guide Contents Introduction Installation _mysql MySQL C API translation MySQL C API function mapping Some _mysql examples MySQLdb
    • HIVE 窗口及分析函数 daizj hive窗口函数分析函数
      窗口函数应用场景： （1）用于分区排序 （2）动态Group By （3）Top N （4）累计计算 （5）层次查询 一、分析函数 用于等级、百分点、n分片等。 函数             说明 RANK()     &nbs
    • PHP ZipArchive 实现压缩解压Zip文件 dcj3sjt126com PHPzip
      PHP ZipArchive 是PHP自带的扩展类，可以轻松实现ZIP文件的压缩和解压，使用前首先要确保PHP ZIP 扩展已经开启，具体开启方法就不说了，不同的平台开启PHP扩增的方法网上都有，如有疑问欢迎交流。这里整理一下常用的示例供参考。 一、解压缩zip文件 01 02 03 04 05 06 07 08 09 10 11
    • 精彩英语贺词 dcj3sjt126com 英语
      I'm always here              我会一直在这里支持你                &nb
    • 基于Java注解的Spring的IoC功能 e200702084 javaspringbeanIOCOffice
                                        
    • java模拟post请求 geeksun java
      一般API接收客户端（比如网页、APP或其他应用服务）的请求，但在测试时需要模拟来自外界的请求，经探索，使用HttpComponentshttpClient可模拟Post提交请求。 此处用HttpComponents的httpclient来完成使命。 import org.apache.http.HttpEntity ; import org.apache.http.HttpRespon
    • Swift语法之 ---- ?和!区别 hongtoushizi ?swift!
      转载自： http://blog.sina.com.cn/s/blog_71715bf80102ux3v.html   Swift语言使用var定义变量，但和别的语言不同，Swift里不会自动给变量赋初始值，也就是说变量不会有默认值，所以要求使用变量之前必须要对其初始化。如果在使用变量之前不进行初始化就会报错： var stringValue : String //
    • centos7安装jdk1.7 jisonami jdkcentos
      安装JDK1.7 步骤1、解压tar包在当前目录 [root@localhost usr]#tar -xzvf jdk-7u75-linux-x64.tar.gz 步骤2：配置环境变量 在etc/profile文件下添加 export JAVA_HOME=/usr/java/jdk1.7.0_75 export CLASSPATH=/usr/java/jdk1.7.0_75/lib
    • 数据源架构模式之数据映射器 home198979 PHP架构数据映射器datamapper
      前面分别介绍了数据源架构模式之表数据入口、数据源架构模式之行和数据入口数据源架构模式之活动记录，相较于这三种数据源架构模式，数据映射器显得更加“高大上”。   一、概念 数据映射器（Data Mapper）：在保持对象和数据库（以及映射器本身）彼此独立的情况下，在二者之间移动数据的一个映射器层。概念永远都是抽象的，简单的说，数据映射器就是一个负责将数据映射到对象的类数据。 &nb
    • 在Python中使用MYSQL pda158 mysqlpython
      缘由 　　近期在折腾一个小东西须要抓取网上的页面。然后进行解析。将结果放到 数据库中。 　　了解到 Python在这方面有优势，便选用之。 　　由于我有台 server上面安装有 mysql，自然使用之。在进行数据库的这个操作过程中遇到了不少问题，这里 记录一下，大家共勉。 　　 python中mysql的调用 　　 百度之后能够通过MySQLdb进行数据库操作。
    • 单例模式 hxl1988_0311 java单例设计模式单件
      package com.sosop.designpattern.singleton; /* * 单件模式：保证一个类必须只有一个实例，并提供全局的访问点 * * 所以单例模式必须有私有的构造器，没有私有构造器根本不用谈单件 * * 必须考虑到并发情况下创建了多个实例对象 * */ /** * 虽然有锁，但是只在第一次创建对象的时候加锁，并发时不会存在效率
    • 27种迹象显示你应该辞掉程序员的工作 vipshichg 工作
      1、你仍然在等待老板在2010年答应的要提拔你的暗示。 2、你的上级近10年没有开发过任何代码。 3、老板假装懂你说的这些技术，但实际上他完全不知道你在说什么。 4、你干完的项目6个月后才部署到现场服务器上。 5、时不时的，老板在检查你刚刚完成的工作时，要求按新想法重新开发。 6、而最终这个软件只有12个用户。 7、时间全浪费在办公室政治中，而不是用在开发好的软件上。 8、部署前5分钟才开始测试。
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他