不吃鱼的猫咪
不吃鱼的猫咪

解决HTML5 Placeholder兼容性的方案

使浏览器支持Placeholder有很多方法，都不是很完美，或多或少有点问题，且有些原生支持的浏览器在获得焦点时会清空Placeholder提示。发现知乎网的解决方法不错，特记录下。
windows系统中以下浏览器测试通过:Google Chrome 18,Firefox 12,IE 9,IE 6,Opera 11.5。在android 4.0系统也测试了下，原生浏览器及Opera Mobile12基本通过，缺陷是获得焦点时会清空Placeholder提示。
jquery.placeholder.zhihu.js：

/* 
* html5 placeholder pollfill 
* - 使用绝对定位内嵌层 
* - 也适用于密码域 
* 目标浏览器: IE 6~9, FF 3.5 
 // 默认 
$('input[placeholder]').placeholder() 
// autofocus 与 placeholder 搭配时，非 webkit 清空了提示文本，推荐 
$('input[placeholder]').placeholder({ 
  // 将删除原有 placehodler 属性，强制用 JS 实现替代 
  useNative: false, 
  // focus 时不清除提示文本， keypress 有效字符时才清空 
  hideOnFocus: false, 
  // 附加样式 
  style: { 
    textShadow: 'none' 
  } 
}) 
*/ 
(function ($) { 
  var attr = 'placeholder', nativeSupported = attr in document.createElement('input') 

  $.fn.placeholder = function (options) { 
    return this.each(function () { 
      var $input = $(this) 

      if ( typeof options === 'string' ) { 
        options = { text: options } 
      } 

      var opt = $.extend({ 
        text     : '', 
        style    : {}, 
        namespace: 'placeholder', 
        useNative: true, 
        hideOnFocus: true 
      }, options || {}) 

      if ( !opt.text ) { 
        opt.text = $input.attr(attr) 
      } 

      if (!opt.useNative) { 
        $input.removeAttr(attr) 
      }else if ( nativeSupported ) { 
        // 仅改变文本 
        $input.attr(attr, opt.text) 
        return 
      } 

      var width     = $input.width(), height = $input.height() 
      var box_style = ['marginTop', 'marginLeft', 'paddingTop', 'paddingLeft', 'paddingRight'] 

      var show      = function () { $layer.show() } 
      var hide      = function () { $layer.hide() } 
      var is_empty  = function () { return !$input.val() } 
      var check     = function () { is_empty() ? show() : hide() } 

      var position  = function () { 
        var pos = $input.position() 
        if (!opt.hideOnFocus) { 
          // 按鍵隱藏的情况，需要移動光標两像素 
          pos.left += 2 
        } 
        $layer.css(pos) 
        $.each(box_style, function (i, name) { 
          $layer.css(name, $input.css(name)) 
        }) 
      } 

      var layer_style = { 
          color     : 'gray', 
          cursor    : 'text', 
          textAlign : 'left', 
          position  : 'absolute', 
          fontSize  : $input.css('fontSize'), 
          fontFamily: $input.css('fontFamily'), 
          display   : is_empty() ? 'block' : 'none' 
      } 

      // create 
      var layer_props = { 
        text  : opt.text, 
        width : width, 
        height: 'auto' 
      } 

      // 确保只绑定一次 
      var ns = '.' + opt.namespace, $layer = $input.data('layer' + ns) 
      if (!$layer) { 
        $input.data('layer' + ns, $layer = $('
', layer_props).appendTo($input.offsetParent()) ) 
      } 

      // activate 
      $layer 
      .css($.extend(layer_style, opt.style)) 
      .unbind('click' + ns) 
      .bind('click' + ns, function () { 
        opt.hideOnFocus && hide() 
        $input.focus() 
      }) 

      $input 
      .unbind(ns) 
      .bind('blur' + ns, check) 

      if (opt.hideOnFocus) { 
        $input.bind('focus' + ns, hide) 
      }else{ 
        $input.bind('keypress keydown' + ns, function(e) { 
          var key = e.keyCode 
          if (e.charCode || (key >= 65 && key <=90)) { 
            hide() 
          } 
        }) 
        .bind('keyup' + ns,check) 
      } 

      // 由于 ie 记住密码的特性，需要监听值改变 
      // ie9 不支持 jq bind 此事件 
      $input.get(0).onpropertychange = check 

      position() 
      check() 
    }) 
  } 

})(jQuery)

Demo:

 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
 
<title>HTML5 placeholder jQuery Plugintitle> 
<style> 
     body, input, textarea { font: 1em/1.4 Helvetica, Arial; } 
     label code { cursor: pointer; float: left; width: 150px; } 
     input { width: 14em; } 
     textarea { height: 5em; width: 20em; } 
     .placeholder { color: #aaa; } 
     .note { border: 1px solid orange; padding: 1em; background: #ffffe0; }    
style> 
head> 
<body> 
     <h1>HTML5 Placeholder jQuery Pluginh1>     
     <form id="test"> 
     <p><label><code>type=searchcode> <input type="search" name="search" placeholder="Search this site…" autofocus>label>p> 
     <p><label><code>type=textcode> <input type="text" name="name" placeholder="e.g. John Doe">label>p> 
     <p><label><code>type=emailcode> <input type="email" name="email" placeholder="e.g. [email protected]">label>p> 
     <p><label><code>type=urlcode> <input type="url" name="url" placeholder="e.g. http://mathiasbynens.be/">label>p> 
     <p><label><code>type=telcode> <input type="tel" name="tel" placeholder="e.g. +32 472 77 69 88">label>p> 
     <p><label for="p"><code>type=passwordcode> label><input type="password" name="password" placeholder="e.g. hunter2" id="p">p> 
     <p><label><code>textareacode> <textarea name="message" placeholder="Your message goes here">textarea>label>p> 
     <p><input type="submit" value="type=submit">p> 
     form> 
     <script src="js/jquery-1.7.2.min.js">script>     
     <script src="js/jquery.placeholder.zhihu.js">script> 
     <script> 
          $(function(){               
               var support = (function(input) { 
                    return function(attr) { return attr in input } 
               })(document.createElement('input'))          
               if ( !(support('placeholder') && $.browser.webkit) ) {               
                    $('input[placeholder],textarea[placeholder]').placeholder({ 
                         useNative: false,  
                         hideOnFocus: false,  
                         style: {  
                              textShadow: 'none'  
                         }  
                    }); 
               } 

               if ( !support('autofocus') ) { 
                    $('input[autofocus]').focus() 
               } 
          }); 
     script> 
body> 
html>

转载自： http://xyly624.blog.51cto.com/842520/864959

你可能感兴趣的:(网页设计)

  • SVG 在线编辑器 lly202406 开发语言
    SVG在线编辑器引言随着互联网技术的发展，矢量图形在网页设计和数据可视化中扮演着越来越重要的角色。SVG（可缩放矢量图形）因其文件小、无限缩放不模糊的特性，成为了网页设计中常用的图形格式。SVG在线编辑器的出现，为设计师和开发者提供了极大的便利，使得图形的创建和修改变得更加高效。本文将详细介绍SVG在线编辑器的功能、应用场景以及发展趋势。SVG在线编辑器概述SVG在线编辑器是一种基于网页的图形编辑
  • 《博客园精华集》web标准分册第2论筛选结果文章列表
    《博客园精华集》web标准部分筛选结果（共55篇）一个喜欢网页设计的程序员作者：Awen根本不存在DIV+CSS布局这回事作者：CatChen欲练CSS，必先宫IE作者：CatChen你有强迫症吗？作者：CatChenSPAN元素和DIV元素的区别作者：ChrisLiudiv的认识作者：ChrisLiu实时检验您的页面是否符合XHTML标准——使用ValidatorModule作者：Dflying
  • Tailwind CSS 响应式设计实战指南 qcidyu 用户体验代码优化移动优先网站布局前端开发TailwindCSS响应式设计
    title:TailwindCSS响应式设计实战指南date:2024/6/13updated:2024/6/13author:cmdragonexcerpt:这篇文章介绍了如何运用TailwindCSS框架创建响应式网页设计，涵盖博客、电商网站及企业官网的布局实例，包括头部导航、内容区域、侧边栏、页脚及轮播图等组件的响应式实现。同时，探讨了与JavaScript框架集成、CSS预处理器配合、设计
  • 简约时装网店网站开发#网页制作 #网页设计 #网站建设 黄菊华老师 网页模板简约时装网店
    博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频
  • 构建炫酷的Tab选项卡：实现与设计全攻略
    本文还有配套的精品资源，点击获取简介：Tab选项卡是网页设计中用以组织内容的常见元素，本文将详细探讨创建炫酷Tab选项卡所需的关键技术点。首先，介绍HTML的标签使用和输入控件。接着，深入CSS样式设计，包括视觉效果和动态效果。然后，讲解JavaScript在实现选项卡切换逻辑中的作用。此外，讨论响应式设计的重要性以及ARIA属性在增强无障碍性中的应用。文章最后，列出实现Tab选项卡可能用到的文件
  • CSS半透明效果实现方案详解 芜青 笔记前端开发css3css前端
    HTML/CSS半透明效果实现指南半透明效果是现代网页设计中常用的视觉技术，可以创建层次感、焦点引导和美观的界面。本文介绍几种优雅的实现方式，并提供一个综合的演示页面。实现半透明效果的常用方法1.RGBA/HSLA颜色模式.rgba-example{background-color:rgba(255,0,0,0.5);/*红色，50%透明度*/}.hsla-example{background-c
  • 使用 CSS 设置背景透明度 BitSlinger css前端编程
    在网页设计和开发中，有时我们需要为元素设置背景的透明度。CSS提供了一种简单的方法来实现这一目标。本文将介绍如何使用CSS来设置背景的透明度，并提供相应的源代码示例。要设置元素的背景透明度，我们可以使用CSS的rgba()函数。该函数接受四个参数：红色、绿色、蓝色和透明度。通过调整透明度参数，我们可以控制元素的背景透明度。下面是一个示例，展示如何使用CSS设置元素的背景透明度：
  • CSS全面系统教程：从入门到精通网页样式设计 PythonicCC css前端
    CSS（层叠样式表）是网页设计的核心技术之一，本教程将带你系统学习CSS的各个方面，从基础语法到高级布局技巧，助你掌握专业的网页样式设计能力。一、CSS基础概念1.1什么是CSS？CSS（CascadingStyleSheets）全称"层叠样式表"，是一种样式表语言，用于描述HTML和XML文档的呈现。CSS的主要作用是将网页的内容（HTML）与表现（样式）分离，使网页结构更加清晰，维护更加方便。
  • 大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫） 无·糖 Web前端期末大作业html课程设计css大学生前端javascript网页设计
    HTML+CSS+JS【音乐网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目音乐网站7页含网页设计报告二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图
  • HTML制作一个介绍自己家乡的网站——贵州贵阳，排版整洁，内容丰富，主题鲜明 软件技术NINI 旅游htmlcss
    一、‍网站题目旅游，当地特色，历史文化，特色小吃等网站的设计与制作。二、✍️网站描述‍静态网站的编写主要是用HTMLDIV+CSS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，
  • 图像旁文本垂直对齐的方法
    图像旁文本垂直对齐的方法技术背景在网页设计中，经常需要将文本与图像进行垂直对齐。然而，由于HTML和CSS的特性，实现完美的垂直对齐可能会遇到一些挑战。本文将介绍多种实现图像旁文本垂直对齐的方法。实现步骤方法一：对图像应用垂直对齐将vertical-align:middle样式应用于图像：Works.方法二：使用Flexbox布局.box{display:flex;align-items:cent
  • 重学前端008 --- 响应式网页设计 CSS 无障碍 Quiz
    文章目录meta总结html页面结构img尺寸子选择器>a锚点仅屏幕阅读器可见li元素的悬停设置小屏幕防止溢出meta总结html页面结构H1Titleheader元素将用于介绍页面，以及提供导航菜单。main元素将包含页面的核心内容。img尺寸img当前是默认尺寸，这个尺寸太大。CSS提供了一个max函数，它返回一组由逗号分隔的值中最大的值。例如：img{width:max(250px,25vw
  • 重学前端006 --- 响应式网页设计 CSS 弹性盒子
    文章目录盒模型一、盒模型的基本概念二、两种盒模型的对比举例三、总结Flexbox弹性盒子布局一、Flexbox的核心概念二、Flexbox的基本语法1.定义Flex容器2.Flex容器的主要属性3.Flex项目的主要属性三、Flexbox的常见布局示例四、FlexboxvsGrid布局五、总结imgobject-fitgapCSS::after伪元素详解1.基本概念2.基础语法3.关键注意事项以下
  • 重学前端007 --- 响应式网页设计 CSS 排版 Sapphire～ 前端前端
    文章目录导入字体总结浏览器给元素添加的默认值text-indent:-8px;1.text-indent属性的作用2.总结其他css导入字体这将导入OpenSans字体系列，字体粗细值为400、700和800。总结浏览器给元素添加的默认值元素默认外边距（Margin）默认内边距（Padding）作用-上下0.5em~1em无标题与内容分隔上下1em无段落间距/上下1em，左右40px无列表缩进上下
  • CSS 样式设计：背景、字体与边框渐变详解 前端呆猿 css前端
    一、CSS背景渐变CSS背景渐变是现代网页设计中常用的技术，可以创建平滑的颜色过渡效果，替代传统的静态背景图像。1.线性渐变(LinearGradient).element{background:linear-gradient(toright,#ff7e5f,#feb47b);}方向参数：toright、toleft、tobottom、totop，或角度如45deg可以添加多个颜色节点：linea
  • web前端期末大作业实例 (1500套) 集合
    文章目录web前端期末大作业(1500套)集合一、网页介绍二、网页集合表白网页125套(集合)Echarts大屏数据展示150套(集合)一、基于HTML+Echarts技术制作二、基于VUE+Echarts技术制作更多源码web前端期末大作业(1500套)集合临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页
  • html css js网页制作成品——HTML+CSS中国古代物理 - 中华优秀传统文化网页设计（4页）附源码 软件技术NINI 网页源码htmlcssjavascript
    目录一、‍网站题目二、✍️网站描述三、网站介绍四、网站效果五、代码实现HTML
  • Ico图标制作转换器：一键将图像转换为Windows图标 艾古力斯
    本文还有配套的精品资源，点击获取简介：ico图标制作转换器是一款便捷的软件工具，专为图像到ico文件格式的转换而设计。它支持常见图像格式如jpg、png、bmp和gif，并允许用户自定义ico图标大小和颜色深度，以适应不同显示需求。软件简化了图标创建过程，尤其对非专业设计师友好，且可能包含如IconWorkshop等高级编辑功能。ico图标在网页设计和软件开发中至关重要，这款工具的使用对于保持视觉
  • 实现顶部固定与平滑滑动二级菜单的网页导航设计
    本文还有配套的精品资源，点击获取简介：现代网页设计中，高效的导航菜单对用户体验至关重要。本设计涵盖固定在顶部的导航栏和二级菜单项的平滑滑动效果。通过CSS实现导航栏的固定定位，而JavaScript则负责二级菜单的平滑过渡动画。包含的文件如HTML结构、JavaScript交互逻辑、CSS样式和可能的图像资源，共同构建了这种流行的导航菜单布局。1.顶部固定、二级栏目之间相互滑动的导航菜单在现代网页
  • 大学生HTML期末大作业——HTML+CSS+JavaScript传统文化 无·糖 Web前端期末大作业html课程设计css大学生前端大作业期末作业
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目传统文化精美设计5页含注册登录二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • HTML 语言代码
    HTML语言代码引言HTML，即超文本标记语言（HyperTextMarkupLanguage），是构建网页和互联网应用的基础。自1990年发明以来，HTML一直是网页设计和开发的核心技术。本文将详细介绍HTML语言的起源、发展、基本结构、常用标签以及在实际应用中的重要性。HTML语言的起源与发展起源HTML的发明者是蒂姆·伯纳斯-李（TimBerners-Lee），他在1989年发明了万维网（W
  • 《Foundation 输入框尺寸：设计指南与最佳实践》 lly202406 开发语言
    《Foundation输入框尺寸：设计指南与最佳实践》引言在网页设计中，输入框是用户与网站互动的关键元素。Foundation作为一款流行的前端框架，提供了丰富的组件库，其中包括多种尺寸的输入框，以满足不同设计需求。本文将详细介绍Foundation输入框的尺寸，并分享一些最佳实践，帮助设计师和开发者更好地利用这一组件。一、Foundation输入框尺寸概述Foundation提供了四种标准尺寸的
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站（英雄联盟） 无·糖 Web前端期末大作业html课程设计css美食游戏javascript大作业
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目游戏网站（英雄联盟）含注册登录13页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、
  • 从技术支持到UX设计大师：Adam Schilling的成长之路 AR新视野 用户体验设计职业转型持续学习视觉传达技术支持
    背景简介本篇博文基于AdamSchilling的访谈记录，他是一位从技术支持成功转型为用户体验（UX）设计师的专业人士。通过Adam的故事，我们将探讨如何在技术领域内发展设计思维，并成功转型为UX设计师。AdamSchilling的设计之路早期学习与兴趣培养Adam的旅程始于南澳大利亚大学的视觉传达课程，虽然没有完成，但他从中学习到了平面设计原则和插画技能。在闲暇时间，他为朋友免费进行网页设计和开
  • 深入理解 CSS 选择器：从基础到高级 蓝精灵001 css前端面试职场和发展学习htmlAI编程
    CSS（层叠样式表）是网页设计中不可或缺的一部分，它通过选择器来定位HTML文档中的元素，并为这些元素定义样式。掌握CSS选择器是前端开发的核心技能之一。本文将从最基础的选择器讲起，逐步深入到高级、复杂的结构和伪类/伪元素选择器，帮助你全面掌握CSS选择器的使用。一、什么是CSS选择器？CSS选择器是一种模式，用于匹配文档树中的一个或多个元素。通过选择器，你可以精确地控制哪些HTML元素应该应用特
  • CSS像素：从物理屏幕到网页设计的“像素哲学”
    CSS像素：从物理屏幕到网页设计的“像素哲学”在网页开发中，“像素”这个词似乎无处不在。我们写代码时设置width:100px;，设计师交来UI稿标注“750px宽度”，但你是否想过：这个“像素”到底是什么？为什么同一段CSS代码在不同设备上显示的效果却千差万别？今天，我们就来聊聊CSS像素背后的“像素哲学”。一、像素的三重身份：物理、逻辑与抽象1.物理像素（PhysicalPixel）物理像素是
  • SVG VSCode：深度解析与最佳实践 froginwe11 开发语言
    SVGVSCode：深度解析与最佳实践引言SVG（可缩放矢量图形）作为一种矢量图形格式，因其高度的可缩放性和矢量特性，在网页设计中得到了广泛应用。而VSCode（VisualStudioCode）作为一款流行的代码编辑器，同样在开发者中备受欢迎。本文将深入探讨SVG在VSCode中的使用，包括其优势、配置方法以及最佳实践。SVG简介什么是SVG？SVG（ScalableVectorGraphics
  • SVG 在 VSCode 中的使用与优势
    SVG在VSCode中的使用与优势引言SVG（可缩放矢量图形）是一种基于可扩展标记语言的图形图像格式，与传统的位图格式（如JPEG或PNG）相比，SVG图像具有更高的灵活性和可缩放性。随着前端开发领域的不断发展，SVG在网页设计中的应用越来越广泛。本文将介绍SVG在VisualStudioCode（VSCode）中的使用方法及其优势。SVG简介SVG是一种矢量图形格式，与位图不同，矢量图形由直线和
  • 计算机毕业设计Node.js+Vue新海图书商城网页设计论文（程序+源码+LW+部署) Node.js橙子毕设程序 vue.js课程设计node.js
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：Node.js+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：Express框架+Node.js+Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可
  • 浏览器兼容性(手机、电脑。js、html、css) weixin_44828071
    浏览器兼容性13标准网页布局的兼容性处理标准网页设计的最大挑战不在于技术本身，而在于浏览器兼容性处理。所谓浏览器兼容问题，就是当我们使用不同的浏览器（如IE7、IE6、Firefox等）访问同一个页面时，可能会出现不一致的情况，出现这种现象的原因有很多种，但根本原因就是浏览器对于技术支持的标准不同造成的。IE浏览器对于标准技术的支持是很不完善的，这些问题可以分为两种：一种是IE支持某种技术或功能，
  • knob UI插件使用 换个号韩国红果果 JavaScriptjsonpknob
    图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr
  • Android+Jquery Mobile学习系列(5)-SQLite数据库 白糖_ JQuery Mobile
    目录导航   SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。   因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。   我也是第一次接触S
  • impala-2.1.2-CDH5.3.2 dayutianfei impala
    最近在整理impala编译的东西，简单记录几个要点： 根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I
  • 求二进制数中1的个数 周凡杨 java算法二进制
    解法一： 对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。   public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /
  • spring中hibernate及事务配置 g21121 Hibernate
    hibernate的sessionFactory配置： <!-- hibernate sessionFactory配置 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <
  • log4j.properties 使用 510888780 log4j
    log4j.properties 使用 一.参数意义说明 输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误 主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息 配置日志信息输出目的地 log4j.appender.appenderName = fully.qua
  • Spring mvc-jfreeChart柱图（2） 布衣凌宇 jfreechart
    上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 第一步：导包 第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR
  • 我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
  • maven 之 cobertura 简单使用 antlove maventestunitcoberturareport
    1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================
  • 程序的执行顺序 百合不是茶 JAVA执行顺序
          刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧   代码如下;     经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(
  • 设置session失效的几种方法 bijian1013 web.xmlsession失效监听器
    在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
  • java jvm常用命令工具 bijian1013 javajvm
    一.概述         程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具:       &nbs
  • 【Spring框架一】Spring常用注解之Autowired和Resource注解 bit1129 Spring常用注解
    Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow
  • mysql 操作遇到safe update mode问题 bitray update
        我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全.     在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET
  • nginx_perl试用 ronin47 nginx_perl试用
    因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
  • java-63-在字符串中删除特定的字符 bylijinnan java
    public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi
  • EffectiveJava--创建和销毁对象 ccii 创建和销毁对象
    本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器     类可以通过
  • [宇宙时代]四边形理论与光速飞行 comsci
       从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？    一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口    那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
  • ubuntu server下python脚本迁移数据 cywhoyi pythonKettlepymysqlcx_Oracleubuntu server
    因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql
  • Ajax正确但是请求不到值解决方案 dashuaifu Ajaxasync
    Ajax正确但是请求不到值解决方案   解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！   例如：   $.ajax({     &
  • windows安装配置php+memcached dcj3sjt126com PHPInstallmemcache
    Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
  • iOS开发学习路径的一些建议 dcj3sjt126com ios
    iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759   下面是我回复的内容：   结合自己情况聊下iOS学习建议，
  • Javascript闭包概念 fanfanlovey JavaScript闭包
    1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包，首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999; 　　functio
  • yum安装mysql5.6 haisheng mysql
    1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm   2、yum install mysql   3、yum install mysql-server   4、vi /etc/my.cnf   添加character_set_server=utf8
  • po/bo/vo/dao/pojo的详介 IT_zhlp80 javaBOVODAOPOJOpo
        JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
  • java设计模式 kerryg java设计模式
    设计模式的分类：    一、 设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
  • [1]CXF3.1整合Spring开发webservice——helloworld篇 木头.java springwebserviceCXF
    Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
  • Google 工程师亲授：菜鸟开发者一定要投资的十大目标 qindongliang1922 工作感悟人生
    身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写）） 你的健康 无疑地，软件开发者是世界上最久坐不动的职业之一。 每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
  • linux打开最大文件数量1,048,576 tianzhihehe clinux
    File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
  • java语言中PO、VO、DAO、BO、POJO几种对象的解释 衞酆夼 javaVOBOPOJOpo
    PO:persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象 封装业务逻辑的java对象
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他