piter苏
piter苏

js简易网页特效

这里写目录标题

  • 002 网页日历
  • 001 简易版计算器

002 网页日历

js简易网页特效_第1张图片

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    *{
      margin: 0;
      padding: 0;
    }
    #data {
      width: 300px;
      border: 1px solid #000;
      margin: 20px auto;
    }
    #data > p {
      display: flex;
    }
    #data > p span{
      padding: 0 10px;
    }
    #data > h5 {
      text-align: center;
    }
    #prev,#next {
      cursor: pointer;
    }
    #nian {
      flex: 1;
      text-align: center;
    }
    #title {
      overflow: hidden;
      list-style: none;
      background-color: #ccc;
    }
    #title li {
      float: left;
      width: 40px;
      height: 26px;
      line-height: 26px;
      text-align: center;
    }
    #date {
      overflow: hidden;
      list-style: none;
    }
    #date li {
      float: left;
      width: 34px;
      height: 34px;
      margin: 1px 1px;
      border: 2px solid #000;
      line-height: 34px;
      text-align: center;
      cursor: pointer;
      list-style: none;
    }
    #date > .hover:hover {
      border:2px solid red;
    }
    .active{
      color:red
    }
  </style>
</head>
<body>
  <div id="data">
    <p>
      <span id="prev">上一月</span>
      <span id="nian">2022</span>
      <span id="next">下一月</span>
    </p>
    <h5 id="yue">一月</h5>
    <ul id="title">
      <li>日</li>
      <li>一</li>
      <li>二</li>
      <li>三</li>
      <li>四</li>
      <li>五</li>
      <li>六</li>
    </ul>
    <ul id="date"></ul>
  </div>

  <script>
    let date = new Date(); //获取默认时间对象
    add() // 当页面第一次进入时触发一下

    function add() {
      let cYear = date.getFullYear(); //获取当前年份
      let cMonth = date.getMonth(); //获取当前月份
      let cDay = date.getDate() // 当前的天
      console.log(cDay,'1');

      // 每个月的第一天是周几
      let week = new Date(cYear,cMonth,1).getDay()
      // 获取每个月的天数
      let days = new Date(cYear,cMonth+1,-1).getDate()+1;

      let arr = ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月',]

      document.getElementById('nian').innerHTML = cYear
      document.getElementById('yue').innerHTML = arr[cMonth]

      let html = '';

      for(var i = 0; i < week; i++) {
        html += '
  • '    
      }

      for(var i = 1; i <= days; i++) {
        if( i == cDay) {
          html += '
  • '+i+'
    • '    
        }
        html += '
  • '+i+'
    • '    
      }
      document.getElementById('date').innerHTML = html

    }

    document.getElementById('prev').onclick = function(){
      date.setMonth(date.getMonth()-1);
      add()
    }
    document.getElementById('next').onclick = function(){
      date.setMonth(date.getMonth()+1);
      add()
    }
  </script>
</body>
</html>

    001 简易版计算器

    js简易网页特效_第2张图片

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>
    <input type="text" size="5" id="num1" value="">
    <select id="ysf">
      <option value="+">+</option>
      <option value="-">-</option>
      <option value="*">*</option>
      <option value="/">/</option>
      <option value="%">%</option>
    </select>
    <input type="text" size="5" id="num2" value="">
    <input type="button" id="btn" value="计算">
  </div>
  <p id="res">请输入运算的数</p>

  <script>
    // 获取按钮注册事件
    document.getElementById('btn').onclick = function() {
      var num1 = document.getElementById('num1').value
      var num2 = document.getElementById('num2').value
      var ysf = document.getElementById('ysf').value

      var result = "ERROR："
      var flag = true //做一个标记
      if(num1 == ""){
        result += "第一个运算符为空#"
        flag = false
      }else {
        num1 = parseFloat(num1)
        if(isNaN(num1)){
          result += "第一个元不是有效的数字#"
          flag = false
        }
      }
      if(num2 == ""){
        result += "第二个运算符为空#"
        flag = false
      }else {
        num2 = parseFloat(num2)
        if(isNaN(num2)){
          result += "第二个元不是有效的数字#"
          flag = false
        }
      }

      if(flag){
        switch(ysf) {
          case '+' :result = "运算结果"+num1+ "+" +num2+"="+(num1+num2);break;
          case '-' :result = "运算结果"+num1+ "-" +num2+"="+(num1-num2);break;
          case '*' :result = "运算结果"+num1+ "*" +num2+"="+(num1*num2);break;
          case '/' :
            if(num2 == 0) {
              result = '除数不能为0'
            }else {
              result = "运算结果"+num1+ "/" +num2+"="+(num1/num2);
            }break;
          case '%' :
            if(num2 == 0) {
              result = '除数不能为0'
            }else {
              result = "运算结果"+num1+ "%" +num2+"="+(num1%num2);
            }break;
        }
      }

      document.getElementById('res').innerHTML = result;
    }
  </script>
</body>
</html>

    你可能感兴趣的:(js简易网页特效)

    • 2025 Next.js项目提前编译并在服务器 风吹落叶花飘荡 前端javascript服务器开发语言
      要让一个Next.js项目提前编译并在服务器上运行，可以按照以下步骤操作：1.本地构建项目首先在开发环境中完成构建：#安装依赖pnpminstall#生产环境构建（生成优化版本）npmrunbuild这会生成：.next/目录（包含编译后的应用）public/目录（静态资源）node_modules/（生产依赖）2.准备部署文件需要上传到服务器的文件：.next/public/package.js
    • python中的pydantic是什么？ John Song Pythonpython前端开发语言pydantic
      Pydantic是Python中一个用于数据验证和设置管理的库，主要通过Python类型注解（TypeHints）来定义数据结构，并自动验证输入数据的合法性。它广泛应用于API开发（如FastAPI）、配置管理、数据序列化等场景。核心功能数据验证自动检查输入数据是否符合类型和约束条件（如字符串长度、数字范围等）。类型转换将原始数据（如JSON、字典）转换为Python类型（如datetime、En
    • JSZip 使用详解 啃火龙果的兔子 开发DEMO前端javascript
      JSZip使用详解JSZip是一个用于创建、读取和编辑ZIP文件的JavaScript库，完全在浏览器中运行，也支持Node.js环境。安装浏览器环境Node.js环境npminstalljszip#或yarnaddjszip基本使用1.创建一个ZIP文件constJSZip=require("jszip");//Node.js中需要constzip=newJSZip();//添加文本文件zip.
    • Mammoth.js 使用详解 啃火龙果的兔子 开发DEMO前端javascript
      Mammoth.js使用详解Mammoth.js是一个用于将Word文档（.docx）转换为HTML或Markdown的JavaScript库，支持浏览器和Node.js环境。安装浏览器环境Node.js环境npminstallmammoth#或yarnaddmammoth基本使用1.将DOCX转换为HTML//浏览器中使用input[type=file]获取文件document.getEleme
    • 基于Clangd索引Linux内核源代码，提供跳转和补全 yann_qu linux服务器内核LSPVSCodeNeovimVim
      基于Clangd索引Linux内核源代码，提供跳转和补全适用于Neovim、Vim、VSCode等支持LSP的编辑器。1操作示例1.1操作环境操作系统：Ubuntu20.04inwsl2编辑器：VSCodeLSP：Clangd内核版本：longterm5.15.1451.2准备工作由于gcc和clang并非完全兼容，使用gcc编译后生成的compile_commands.json中可能包含clan
    • vue中如何关闭eslint
      方案一:vue脚手架创建工程的时候，不要选择Linter/Formatter选项，（那如何选择启用，请参照方案二）方案二：如果已经选择了eslint，我们可以通过删包的方法来使他失效。在packge.json中，将devDependencies下的关于eslint的依赖包给删除掉。然后退出服务为，重新npmi，在重启服务即可。再次基础上，如果又想使用eslint了。就需要在重新将这几个包手动安装。
    • threejs的transformControls拖拽结束的异常
      transformControls拖拽结束以后会以结束点的射线拾取重新选中新的模型，这里发现是监听事件的问题//创建TransformControlsconsttransformControls=newTransformControls(camera,renderer.domElement);consttransformControlsHelper=transformControls.getHel
    • mac安装docker 段帅星 PC使用问题macosdocker
      1、下载docker-desktophttps://www.docker.com/products/docker-desktop/2、安装，双击安装3、优化docker配置默认配置cat~/Library/Group\Containers/group.com.docker/settings-store.json{"AutoStart":false,"DockerAppLaunchPath":"/A
    • Three.js 实现导出模型文件（.glb,.gltf）功能 GLTFExporter
      Three.js提供了导出（.glb,.gltf）文件的APIGLTFExporter用于实现场景内容导出模型文件的功能导出模型文件主要使用parse方法，该方法接收三个参数：1.scene：要导出的场景对象。2.onComplete：解析完成后的回调函数，接收一个参数result，表示解析后的glTF数据。3.options：可选参数，用于配置导出的选项。下面是options的一些常用参数选项：
    • Three.js实现海洋与天空
      Three.js实现海洋与天空https://threehub.cn/#/codeMirror?navigation=ThreeJS&classify=shader&id=waterSkyimport*asTHREEfrom"three";import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'constDOM=
    • Three.js引擎开发：Three.js动画系统实现_（9）.Three.js中的骨骼动画实现 chenlz2007 游戏开发javascriptnginx开发语言vr性能优化ecmascript前端
      Three.js中的骨骼动画实现在上一节中，我们介绍了如何在Three.js中加载和显示3D模型。接下来，我们将深入探讨如何在Three.js中实现骨骼动画。骨骼动画是一种高级的动画技术，它通过控制模型的骨骼来驱动模型的动画，广泛应用于虚拟角色的动画制作。在本节中，我们将学习如何在Three.js中实现骨骼动画，包括骨骼动画的基本原理、如何加载带有骨骼的模型、如何创建和控制动画混合器（Animat
    • jenkins 自动化部署之后，不允许在工具上查看源代码 小疯仔 jenkins自动化运维
      先来展示一下最终的效果在没有如何操作之前的时候，这个Jenkins部署完成之后会在工具上留有源代码，能点击进去，部署到甲方的服务器上的时候会被看到，这样就会造成源码泄露解决方案可以在Jenkinsfile文件中加入以下代码pipeline{agentanytools{nodejs'nodejs16.20.2'}//步骤stages{}//新增post阶段：在流水线结束后清理工作区post{alwa
    • python json 反序列化-V1 CATTLECODE pythonjson开发语言
      在编程中，‌反序列化函数‌用于将序列化后的数据（如JSON、XML等格式）重新转换为程序可操作的对象或数据结构。以下是不同语言和场景下的实现方式及特点：‌1.Python中的反序列化‌‌(1)标准库json模块‌‌json.loads()‌：将JSON字符串反序列化为Python对象（如字典、列表）。importjsonjson_str='{"name":"Alice","age":25}'dat
    • js实现百度地图的自定义marker与css3动画的交互 沈大大520 css3动画扩展自定义百度地图makerjscss3javascript前端html5
      使用过百度地图，业务需求需要对某些特定标记物进行高亮和动画标记，因此采用css3对百度地图的marker组件进行动态效果的调试，一：调用百度地图的apiDocument.map{width:100%;height:100%;background:#d5e6f5;position:absolute;float:left;}二：初始化百度地图创建实例varmap=newBMapGL.Map("map"
    • 使用CocoaPods做依赖管理(淘宝源更换为HTTPS)--转自 唐巧技术博客 q364385155 cocopods依赖管理OCiOS
      CocoaPods简介每种语言发展到一个阶段，就会出现相应的依赖管理工具，例如Java语言的Maven，nodejs的npm。随着iOS开发者的增多，业界也出现了为iOS程序提供依赖管理的工具，它的名字叫做：CocoaPods。CocoaPods项目的源码在Github上管理。该项目开始于2011年8月12日，经过多年发展，现在已经成为iOS开发事实上的依赖管理标准工具。开发iOS项目不可避免地要
    • 从零构建MCP服务器：FastMCP实战指南 炼丹上岸 大模型#MCP服务器运维人工智能大模型pythonMCP
      引言：MCP协议与FastMCP框架ModelContextProtocol（MCP）是连接AI模型与外部服务的标准化协议，允许LLM（如Claude、Gemini）调用工具、访问数据。然而，直接实现MCP协议需要处理JSON-RPC、会话管理等繁琐细节。FastMCP作为Python框架，封装了这些底层逻辑，让开发者专注于业务功能。本文将通过分步实战，从零构建一个完整的MCP服务器，涵盖工具、资
    • 解决element ui select多选下拉框编辑时没有回显数据 菌菇汤 前端javascriptelementui
      我们直接从编辑的数据拿id分割成数组是不行的，只会显示id正确做法：应该再遍历一下，主要是字符转数字，重点乘以1letjsonList=data.CharacteristicId.split(',')letlist=[]for(letiinjsonList){list.push(jsonList[i]*1)}this.ruleForm.characteristicEdit=list如果是单个字符串
    • iOS CocoaPods（依赖管理）安装和使用教程 Andyjicw iOS移动开发cocoapodsios开发教程依赖
      参考资料CocoaPods简介每种语言发展到一个阶段，就会出现相应的依赖管理工具，例如Java语言的Maven，nodejs的npm。随着iOS开发者的增多，业界也出现了为iOS程序提供依赖管理的工具，它的名字叫做：CocoaPods。CocoaPods项目的源码在Github上管理。该项目开始于2011年8月12日，经过多年发展，现在已经成为iOS开发事实上的依赖管理标准工具。开发iOS项目不可
    • 基于FPGA的设计：简易电子密码锁嵌入式实现 程序员杨弋 嵌入式开发fpga开发嵌入式
      简介：本文介绍了如何使用FPGA（现场可编程逻辑门阵列）来设计和实现一款简易的电子密码锁。电子密码锁是一种常见的安全访问控制系统，通过输入正确的密码来解锁。嵌入式系统采用FPGA作为核心处理器，结合适当的外设和编程逻辑，能够实现密码输入、验证和控制功能。本文将详细介绍电子密码锁的设计和源代码。设计原理：输入设备：本设计采用数字键盘作为密码输入设备。数字键盘通过FPGA的GPIO（通用输入输出）引脚
    • 快速启动静态网络服务器的Run工具使用指南 闫泽华
      本文还有配套的精品资源，点击获取简介：本文介绍了如何使用run工具，一个通过npm全局安装的Node.js包，来启动一个简单的静态文件服务器。介绍了npm的作用，以及如何全局安装run。随后，文章解释了run工具的用途，包括从任何目录快速启动静态网站服务器的能力，并讨论了它在开发、测试和演示中的应用。还涉及了使用run工具时涉及的一些基本任务，如处理HTTP请求和返回静态资源，以及提供了源代码文件
    • easypoi中excel注解开关_easypoi: 入,Word模板导出,通过简单的注解和模板 语言(熟悉的表达式语法),完成以前复杂的写法... weixin_39975900
      ===========================EasyPoiExcel和Word简易工具类easypoi功能如同名字easy,主打的功能就是容易,让一个没见接触过poi的人员就可以方便的写出Excel导出,Excel模板导出,Excel导入,Word模板导出,通过简单的注解和模板语言(熟悉的表达式语法),完成以前复杂的写法作者博客：http://blog.afterturn.cn/作者邮箱
    • Next.js 开发指南 实战篇 | React Notes | 项目介绍与创建 人工智能_SYBH 课程推荐javascriptreact.js前端开发语言Next.js
      Next.js开发指南-冴羽-掘金小册前言欢迎来到实战篇！基础篇的目标是带大家复习基础知识，以及用作使用手册，方便大家在以后的项目开发中查询API用法，属于这本小册的“赠送面积”。从本篇起就进入小册的正式内容了。我们的第一个实战项目是ReactNotes，因为Next.jsv14基于ReactServerComponent构建的AppRouter，而ReactServerComponent的起源是
    • **React-PDF-JS 安装与配置完全指南** 严奕典Optimistic
      React-PDF-JS安装与配置完全指南react-pdf-jsAReactcomponenttowrapPDF.js项目地址:https://gitcode.com/gh_mirrors/re/react-pdf-js项目基础介绍及编程语言React-PDF-JS是一个基于React的组件库，它封装了PDF.js库，允许开发者轻松地在React应用中渲染PDF文档。此项目由MikeCousin
    • Jackson JSR310 日期反序列化问题解决方案 Dolphin_Home 生产环境_场景抽象代码规范SpringBootpython开发语言
      JacksonJSR310日期反序列化问题解决方案一、问题背景在SpringBoot微服务项目中，使用Java8时间API（如LocalDateTime）配合Jackson处理JSON序列化时，升级Jackson从2.12到2.15后，出现以下反序列化异常：com.fasterxml.jackson.datatype.jsr310.deser.JSR310DateTimeDeserializerB
    • 爬虫-正则表达式 打酱油的； python自动化+爬虫爬虫python
      在线正则表达式测试OSCHINA.NET在线工具,ostools为开发设计人员提供在线工具，提供jsbin在线CSS、JS调试，在线JavaAPI文档,在线PHPAPI文档,在线Node.jsAPI文档,LessCSS编译器，MarkDown编译器等其他在线工具https://tool.oschina.net/regex/
    • 用Vue Flow绘制一个完美流程图 itanly vue.js流程图前端
      VueFlow简介VueFlow是一个基于Vue.js的流程图库，专为构建交互式流程图设计。它支持节点拖拽、连线、缩放、撤销/重做等功能，适用于工作流、系统架构图等场景。以下内容将演示如何用VueFlow绘制一个完整的流程图，并提供代码示例。安装与基础配置确保项目已安装Vue3，使用以下命令安装VueFlow：npminstall@vue-flow/core基础配置示例：import{VueFlo
    • 2025B卷 - 华为OD机试七日集训第4期 - 按算法分类，由易到难，循序渐进，玩转OD（Python/JS/C/C++） 哪 吒 搬砖工逆袭Java架构师华为od算法python华为OD机试2025B卷
      目录推荐刷题方法：一、适合人群二、本期训练时间三、如何参加四、七日集训第4期五、精心挑选21道高频100分经典题目，作为入门。第1天、逻辑分析第2天、逻辑分析第3天、逻辑分析第4天、贪心算法第5天、二分查找第6天、字符串处理第7天、字符串处理六、集训总结国内直接使用ChatGPT4o、o3、o4-mini-high、GPT-4.5、GPT4.1、Gemini2.5pro0605、ClaudeSon
    • 2025B卷 - 华为OD机试七日集训第2期 - 按算法分类，由易到难，循序渐进，玩转OD（Python/JS/C/C++）
      目录推荐刷题方法：一、适合人群二、本期训练时间三、如何参加四、七日集训第2期五、精心挑选21道高频100分经典题目，作为入门。第1天、逻辑分析第2天、数组第3天、双指针第4天、贪心算法第5天、字符串处理第6天、深度优先搜索DFS第7天、动态规划六、集训总结国内直接使用ChatGPT4o、o3、o4-mini-high、GPT-4.5、GPT4.1、Gemini2.5pro0605、ClaudeSo
    • 浏览器渲染引擎和JS引擎分类
      渲染引擎：Firefox：Gecko引擎Safari：WebKit引擎Chrome：Blink引擎IE:Trident引擎Edge:EdgeHTML引擎JS引擎：SpiderMonkey(Firefox)，火狐Nitro/JavaScriptCore(Safari)，苹果IOS浏览器V8(Chrome,Chromium)，Node.js也是V8Chakra(MicrosoftInternetExp
    • Vue入门 LUO-CHEn Java温馨Talkvue
      vue1、vue概述（1）概念vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。随着项目业务场景的复杂,传统模式(html+jquery)已无法满足需求,就出现了Angular/React/Vue等框架（2）特点1、Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。2、Vue.JS是优秀的前端Jav
    • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
      课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
    • Guava Cache使用笔记 bylijinnan javaguavacache
      1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
    • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
      解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
    • Struct在jsp标签 不懂事的小屁孩 struct
      非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
    • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
      利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
    • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
      顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
    • java笔记4 a-john java
      操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
    • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
          笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
    • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
                我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
    • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
      ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
    • 九封信 bijian1013 人生励志
              有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
    • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
      PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
    • 分布式系统理论 bit1129 分布式
      FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
    • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
      最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
    • treetable bug记录 braveCS table
      // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
    • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
      import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
    • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
      1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
    • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
        对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
    • oracle I/O 从属进程 daizj oracle
      I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
    • 高级排序:希尔排序 dieslrae 希尔排序
      public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
    • 初二下学期难记忆单词 dcj3sjt126com englishword
      kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
    • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
      目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
    • git命令 shuizhaosi888 git
      ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "[email protected]" //设置邮箱 ---------------查看环境配置 git config --li
    • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
      qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
    • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
       故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
    • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
      枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
    • 第11章 动画效果（上） onestopweb 动画
      index.html <!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/
    • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
      使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
    • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
      每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
    • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
      题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他